1. 함수 알아보기[ 함수란 ]- 동작해야 할 목적대로 명령을 묶어 놓은 것- 각 명령의 시작과 끝을 명확하게 구별할 수 있다.- 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실행 할 수 있다.- 자바스크립트에는 이미 여러 함수가 만들어져 있어서 가져다 사용할 수 있다. ex) alert( ) [ 함수의 선언 및 호출 ]- 함수 선언 : 어떤 명령을 처리할지 미리 알려주는것▷ 기본형 : function 함수명( ) { 명령 } - 함수 호출 : 선언한 함수를 사용하는 것▷ 기본형 : 함수명( ) 또는 함수명(변수) * 알림 창에서 결과값이 두번 나타난다. * 2. var를 사용한 변수의 특징* 스코프 : 변수가 적용되는 범위..
[ 목차 ]1. 변수 알아보기2. 자료형 이해하기3. 연산자 알아보기4. 조건문 알아보기5. 반복문 알아보기 1. 변수 알아보기[ 변수란 ]- 변수 (variable) : 값이 여러번 달라질 수 있는 데이터- 상수 (constant) : 값을 한 번 지정하면 바뀌지 않는 데이터 [ 변수 선언의 규칙 ]- 변수 이름 - 영어 문자, 언더스코어(_), 숫자를 사용한다. - 첫 글자는 영문자, _ 기호, $기호를 사용한다. - 띄어쓰기나 기호는 허용하지 않는다. ex) now, _now, now25 ( 사용할 수 있음) ex) 25now, now 25, *now (사용할 수 없음)- 영어 대소문자를 구별하며 예약어는 변수 이름으로 사용할 수 없다.- 여러 단어를 연..
[ 목차 ]1. 자바스크립트로 무엇을 할까2. 웹 브라우저가 자바스크립트를 만났을 때3. 자바스크립트 용어와 기본 입출력 방법4. 자바스크립트 스타일 가이드 1. 자바스크립트로 무엇을 할까[ 웹 요소를 제어한다 ]- 웹 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이세게 할 수 있다.- 웹 사이트 UI 부분에 많이 활용한다. ex) 마우스 포인터를 올렸을 때 펼쳐지는 메뉴 한 화면에서 탭을 눌러 내용만 바뀌도록 하는 콘텐츠 [ 웹 애플리케이션을 만든다 ]- 최근의 웹 사이트는 사용자와 실시간으로 정보를 주고 받으며 애플리케이션처럼 동작한다. ex) 온라인 지도의 길찾기 서비스, 데이터 시각화 서비스, 공개된 API를 활용한 다양한 서비스 [ 다양한 라이브러리를 사용..
[ 목차 ] 1. HTML과 첫 만남 2. HTML 구조 파악하기 3. HTML 파일 만들기 4. 웹 문서 구조를 만드는 시맨틱 태그 1. HTML과 첫 만남 [ HTML 이란 ? ] - HTML : 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 - Hyper Text (하이퍼텍스트) : 웹에서 자유롭게 오갈 수 있는 링크 - Mark up : 텍스트뿐만 아니라 이미지, 영상 등을 표시함, 마크업에 사용하는 꼬리표를 '태그(tag)'라고 함 2. HTML 구조 파악하기 [ HTML 문서의 기본 구조 살펴보기 ] 1) : 현재 문서가 HTML5 언어로 작성한 웹 문서라는 뜻이다. - 웹 브라우저에게 '이제부터 처리할 문서는 HTML 문서라고 알려주는 것 2) 웹 문..
[목차]>> 1장 1. 웹 개발 알아보기2. 웹 개발, 어디서부터 시작할까>> 2장 1. 웹 브라우저와 웹 편집기2. 웹 개발 환경 설정하기 1-1.웹 개발이란웹 개발은 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다.웹 사이트에서 사용자에게 제공할 기능과 서비스까지 모두 담아야 한다. * 정적 사이트 : 미리 작성한 내용을 웹 사이트에 올려 놓으면 방문자는 그 정보를 확인하는 방식의 사이트* 동적 사이트 : 사용자에게 제공할 기능과 서비스까지 모두 담겨있는 웹 사이트 [ 서버 vs 클라이언트 ]- 클라이언트 - 사용자가 웹 사이트에 접근할 때 사용하는 기기 - (좁은 의미) 웹 브라우저 - 서버 - 인터넷에 연결된 컴퓨터 - 웹 요소와 사용자 정보, 상품 정보 등의 여러 ..