본문 바로가기
반응형

JS4

9. JS / DOM객체 / innerHTML / getElementById / getElementsByClassName / querySelectorAll 1. ___ 은 날짜 정보를 제공하는 내장 객체 2. 날짜 객체는 ___ 단위를 기준으로 시간을 표현 3. ___ 은 JS에서 하나의 객체이므로 프로퍼티와 메서드를 가진다. 1. Date() 2. 밀리세컨즈 3. 문자열 객체 DOM객체? Document Object Model객체 웹페이지(Document) 자체를 객체로 인식하기에 웹페이지의 여러 엘리먼트들을 조작할 수 있음 DOM객체이므로 메서드와 프로퍼티를 가질 수 있다. DOM메서드 : HTML 엘리먼트 인식 DOM프로퍼티 : HTML 엘리먼트 조작 getElement... innerHTML... 형태로 메서드와 프로퍼티가 구성됨 DOM객체로 웹페이지를 통제하기 위해선 특정 객체를 찾는 탐색과정이 필요함 총 5가지 탐색방법으로 이뤄짐 document.. 2019. 6. 15.
6. JS 제어문 / 반복문 / for / while 1. ___ 은 코드의 논리적 구조를 처리하기 위해 사용 2. ___ 은 조건이 참일 경우 중괄호 안의 코드를 실행한다. 3. ___ 은 값의 조건에 따라 실행한다. 1. 조건문 2. if~else 구문 3. switch ~ case 구문 반복문? 특정 코드를 반복 처리 컴퓨터의 빠른 연산 속도를 이용해 다양한 처리 배열? 여러 자료형을 하나로 묶는 자료형 (객체) 하나의 변수에 담고 싶을 때 사용. 배열 값 할당방법 var arr = [값, 값, 값, ...] var arr = [1,2,3,4,5]; console.log(arr); 실행결과 다음처럼 나타난다. 인덱스 0 1 2 3 4 배열값 1 2 3 4 5 길이는 5 for 반복문 var arr = [1,2,3,4,5]; var len = arr.l.. 2019. 6. 14.
4. JS 연산자 1. 변할 수 있는 값 2. 값 3. console.log() 4. typeof 연산자란? 변수의 수학적 연산 및 처리를 하기 위한 기호 증감이란? var x = 10; 후위연산 x++ 출력되고 나서 값이 추가 전위연산 ++x 먼저 값이 추가되고 출력 후위연산 예시. 신기하게 x에 영향미침 // 후위연산예시 var x = 10; var y; y = x++; console.log(y); // 10출력 console.log(x); // 11출력 // 전위연산예시 var x = 10; var y; y = ++x; console.log(y); // 11출력 console.log(x); // 11출력 var x = 10, y = "10"; console.log(x = y); // true로 나옴. type신경쓰지.. 2019. 6. 14.
2. JS 불러오기 / 파싱 / DOM구조 JS코드로 사용자의 ___에 반응할 수 있다. 웹 페이지에 일어나는 일들을 ___이라 부른다. JS는 ____언어이다. 동작 이벤트 인터프리터 JS선언문은 보통 head태그에 하단 처럼 작성한다 코드 사용자가 처음 이 페이지에 접속했을 때, 보여주고자 하는 경우 head태그에 작성하지만 DOM구조로서 상위태그들이 파싱된 뒤에 script를 실행하고자 할 경우, body태그에 선 실행될 태그들 뒤에 작성 "순서의 차이점"이 중요하다. html파일(index2.html)에 js파일(main2.js) 불러오기 예시. html파일 JS파일 document.write("hello first time"); JS가 왜 이렇게 동작하는건가? HTML trees라고 해서 Element와 Element.. 2019. 6. 14.
반응형