Step by Step

자바스크립트의 모든 겂은 데이터 타입을 갖는다. 총 7개의 데이터 타입을 제공하는데 이를 원시 타입과 객체 타입으로 분류할 수 있다. 원시 타입 숫자 타입 - 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 - 문자열 불리언 타입 - 논리적 참과 거짓 undefined 타입 - var 키워드로 의도적으로 명시할 때 사용하는 값 symbol 타입 - es6에서 추가된 7번쨰 타입 객체 타입 객체, 함수, 배열 등 숫자 1과 문자열 1은 완전히 다른 의미를 가지기 때문에 개발자가 의도하여 타입을 구별해야 한다. var integer = 10; var double = 10.12; var negative = -20; var binary = 0b01000001; //65 var octal = ..

값은 식이 평가되어 생성된 결과이다 변수는 하나의 값을 저장하기 위해 확보한 매모리 공간 자체, 그 메모리 공간을 식별하기 위해 붙인 이름 따라서 변수에 할당되는 것은 값이다. 10 + 20; //30 var sum = 10 + 20; sum 변수에 할당되는 것은 30 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다. 표현식은 값으로 평가될 수 있는 문이다. 즉 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. var x = 1 + 2; x + 3; 연산자 좌우에는 숫자가 위치해야하지만 숫자 값으로 평가될 수 있는 표현식이라면 사용 가능하다. 문은 프로그램을 구성하는 기본 단위이자 최소 실행단위이다. 문의 집합으로 이루어진 것이 프로그램이며 문을 작성하고 순..

var score; console.log(score); //undefined 선언 후 초기화 => 변수를 사용하려면 항상 선언이 필요하다. 선언하지 않은 식별자에 접근하면 ReferenceError(참조에러)가 발생한다. console.log(score); var score; //undefined 변수 선언은 런타임 이전에 먼저 실행한 후 평가과정이 끝난 후 선언문을 제외한 소스코드를 실행한다. 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅이라고 한다. var value = 80; 변수선언을 한 문장으로 단축해도 선언, 할당 등 두가지로 나누어진다. 주의할 점으로 할당과 선언은 실행되는 시점이 다르다. console.log(newScore); var n..

index.html 제출 초기화 main.js const formEl = document.querySelector("form"); const inputEls = document.querySelectorAll("input"); inputEls.forEach((el) => { el.addEventListener("focus", () => { formEl.classList.add("active"); }); el.addEventListener("blur", () => { formEl.classList.remove("active"); }); el.addEventListener("change", (evnet) => { console.log(event.target.value); }); }); formEl.addEve..