웹 페이지의 동적인 기능을 구현하기 위한 웹 브라우저에서의 JavaScript를 학습웹 브라우저에 내장된 JavaScript 엔진에 의해 브라우저에서 실행됨JavaScript 실행환경 : HTML script 태그, js 확장자 파일, 브라우저 Console웹 페이지(
브라우저는 html 파일을 받으면 한 줄 한 줄 해석하여 DOM 요소로 변환(parsing)하며 script tag를 만나면 해당 js file을 불러오게 된다.script tag를 head에 포함하는 경우 js file을 모두 불러온 후 화면이 보여지게 되는데 fil
ECMAScript 2015(ES6) 이후의 문서 참고하기들여쓰기 시 2칸 공백문자열에 작은 따옴표를 사용예약어 뒤에는 공백을 추가연산자 사이에 공백작성 규칙반드시 문자 또는 '$' 또는 '\_' 로 시작대소문자를 구분하며, 클래스명 외에는 모두 소문자로 시작예약어 사
순서가 있는 데이터 집합을 저장하는 자료구조(본질은 객체)숫자형 키(인덱스)를 사용함으로써 순서가 있는 컬렉션 제어대괄호를 이용해 작성length를 사용해 배열에 담긴 요소의 개수 알 수 있음배열 요소의 자료형에 제약이 없음배열의 마지막 요소에 객체와 마찬가지로 tra
key로 구분된 데이터 집합(data collection)을 저장하는 자료형중괄호를 이용해 작성중괄호 안에는 key: value쌍으로 구성된 속성(property)을 여러 개 넣을 수 있음key는 문자형, value는 모든 자료형 가능마지막 property에 붙는 콤마
참조 자료형에 속하며 모든 함수는 Function object 자료형함수 이름, 매개변수, body를 구성하는 statement로 구성return이 없다면 undefined를 반환선언식 function declaration기본 형태예시표현식 function expres
무언가 일어났다는 신호, 사건DOM 요소는 event를 받고 '처리'할 수 있음 == 이벤트 핸들러(처리기): 이벤트가 발생했을 때 실행되는 함수(사용자의 행동에 따른 반응을 JS코드로 표현).addEventListener() : 대표적인 이벤트 핸들러 중 하나기본 형
동기식 Synchronous데이터의 요청과 결과가 한 자리에서 동시에 일어나는 것을 말한다. 즉, 먼저 시작한 작업이 완전히 끝날 때까지 기다린 후 이후 작업이 이루어진다.비동기식 Asynchronous데이터 요청에 대한 결과를 기다리지 않고 기다리는 동안 다른 작업을