코밍이의 하루

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 날짜 정보 객체 - 날짜나 시간 관련 정보를 제공받고 싶을 때 날짜 객체(Date Object) 생성 기본형 ① 참조 변수= new Date(); ex) var t = new Date(); ② 참조 변수 = new Date("연/월/일"); ex) var t = new Date("2002/5/31"); ③ 참조 변수 = new Date("연, 월-1, 일"); ex) var t = new Date(2002,4,31); 2) 날짜 관련 메소드 날짜 정보를 가져올 때(GET) 날짜 정보를 수정할 때(SET) ge..

1. 개발 환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 내장 객체 - 브라우저의 JS 엔진에 내장된 객체 - 종류 : 문자, 날짜, 배열, 수학, 정규 표현 객체 등 2) 내장 객체 생성하기 기본형 참조 변수(인스턴스 이름) = new 생성 함수() 3. 소스 코드 및 실행 결과 - ob1_test.html

※ 자바스크립트는 객체(Object) 기반 언어이다. 1. 객체 1) 특징 - 기능과 속성을 가지고 있음. 2) 객체의 메소드와 속성 기본형 기본형 설명 객체.메서드(); 객체의 메서드 실행 객체.속성; 객체의 속성값을 가져옴 객체.속성 값 객체의 속성값 변경 3) 객체의 종류 ① 내장 객체 - 자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용 가능 - 문자, 날짜, 배열, 수학 객체 등이 있음. ② 브라우저 객체 모델(BOM) - 브라우저에 계층 구조로 내장되어 있는 객체 - window, screen, location, history, navigator 객체 등이 있음. ③ 문서 객체 모델(DOM) - HTML 문서 구조를 말함 - HTML의 모든 요소들을 문서 객체로 선택하여 자유롭게 속..

1. 개발환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 중첩 for문 - for문 안에 for문을 사용한 것 기본형 for(초깃값; 조건식; 증감식){ for(초깃값; 조건식; 증감식){ 자바스크립트 코드; } } 3. 소스 코드 및 실행 결과 - double_for_1_test.html

1. 개발환경 구분 내용 사용 언어 HTML5, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) break문 - 반복문을 강제로 종료할 때 사용 기본형 for(초깃값; 조건식; 증감식){ break; 자바스크립트 코드; } var 변수=초깃값; while(조건식){ break; 자바스크립트 코드; 증감식; } 2) continue문 - 반복문에서만 사용 가능 - 다음에 오는 코드는 무시하고 조건식에서 조건 검사 실행 기본형 for(초깃값; 조건식; 증감식){ continue; 자바스크립트 코드; } var 변수=초깃값; while(조건식){ 증감식; continue; 자바스크립트 코드; } 3. 소스 코드..

1. 개발환경 구분 내용 사용 언어 HTML5, CSS, JS 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) do-whlie문 - 반드시 한 번은 코드를 실행하고 조건식을 검사 기본형 var 변수=초깃값; do{ 자바스크립트 코드; 증감식; }whlie(조건식) 2) for문 - 조건식을 만족할 때까지 특정 코드를 반복하여 실행 기본형 for(초깃값; 조건식; 증감식){ 자바스크립트 코드; } 3. 소스 코드 및 실행 결과 1) do-while문 - do_while_1_test.html 2) for문 - for_1_test.html - for_2_test.html