모던 자바스크립트 튜토리얼

삽입 위치주로 태그 앞에 작성오래된 코드에서 발견되는 속성 → 이제 사용 Xtype 속성language 속성 (이제는 JS 가 기본 언어)스크립트 전후에 위치한 주석js 코드의 양이 많은 경우 → 파일로 소분해 저장, src 파일로 HTML 에 삽입

가독성을 높이기 위해 여러 줄로 나누어서 코드 작성줄 바꿈 O → 세미콜론 생략 Yes = ‘세미콜론 자동 삽입’but 불완전한 표현식일 때는 예외한 줄 짜리 주석 : / 두 줄 짜리 주석 : //주석 위치 아무데나 상관 X (자바스크립트의 엔진은 주석을 무시하기에 주

use strict 가 스크립트 최상단에 : 스크립트 전체에 적용use strict 가 함수 본문 맨 앞에 : 해당 함수만 엄격 모드로 실행use strict 를 취소할 수 있는 방법은 없다!!firefox, chrome등 유명 브라우저 : ‘use strict’ +

변수 (variable)는 사용자나 서버로부터 입력 받은 정보를 저장, ‘이름이 붙은 저장소’상수(constant)는 변화하지 않는 변수변수 생성 : let 변수의 선언변수를 2번 선언 → 에러 발생변수 명명 규칙 변수명에는 only 문자, 숫자, 기호, $, \_첫

숫자형 : 정수, 부동소수점 숫자특수 숫자 값infinity : 무한대NaN : 계산 중에 에러 발생bigint : 아주 큰 / 아주 작은 숫자아주 큰 숫자가 필요한 상황 (암호 관련 작업), 아주 높은 정밀도로 작업 해야 할 때 사용정수 리터럴 끝에 n을 붙여서 만들

alert() : 사용자가 ‘확인’ 버튼을 누를 때까지 메시지를 보여주는 창 (modal) 이 계속 떠있게 됨변수 : 변수값을 확인하고 싶을 때“텍스트” : 특정 텍스트를 표시하고 싶을 때prompt(): 텍스트 메시지, 입력 필드, 확인 및 취소 버튼이 있는 moda

형 변환 : 함수와 연산자에 전달되는 값이 적절한 자료형으로 자동 변환되는 것ex) alert 가 전달 받은 값의 자료형과 관계 없이 변환하는 것ex) 수학 관련 연산자가 전달 받은 값을 숫자로 변환하는 경우alert() 는 매개변수로 문자형을 받음 → value :

피연산자 : 연산자가 연산을 수행하는 대상 ex) 5 \* 2 에서 5와 2단항 연산자 : 피연산자를 1개 받음 ex) x = -x 에서 -이항 연산자 : 피연산자를 2개 받음 ex) 5 \* 2 에서 \*%\*\* (거듭제곱)/= : 무언가를 할당할 때 복합 할당 연

보다 큼·작음: a > b, a < b보다 크거나·작거나 같음: a >= b, a <= b같음(동등): a == b같지 않음(부등): a != btrue : 사실false: 거짓사전순 비교JS는 이 값들을 숫자형으로 변환함Boolean 값의 경우 true ⇒

if문 = true이면 코드 블록이 실행if(0){…} : 절대 실행 Xif(1){…} : 항상 실행 Olet result = condition ? value1 : value2 ;아무때나 ? 조건부 연산자 쓰지 X

|| or&& and! notresult = a || b;ex)타입 제약 XJS에서만 제공하는 논리연산자 OR의 추가 기능result = value1 || value2 || value3; 일 때or 연산자 || 의 연산 수행 순서가장 왼쪽 피연산자부터 시작해 오른쪽으로

짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어있는’ 변수를 찾을 수 있음a ?? ba가 null도 아니고 undefined 도 아니면 a그 외는 b→ 값이 정해진 변수를 쉽게 찾아낼 수 O|| 는 첫 번째 truthy 값 반환?? 는 첫 번째 정의된 (define

while(condition) { 코드 반복문 본문 };do { 반복문 본문 } while (condition);for (begin ; condition ; step){//반복문 본문}begin 생략step 생략모든 구성 요소 생략 → 무한 반복문 생성대부분 반복문의

복수의 if문 → switch문으로 보통 하나 이상의 case문으로 구성됨변수 x와 value1을 일치 비교, 후에 value2와 일치 비교,,,case문에서 변수 x의 값과 일치하는 값을 찾으면 해당 case 문의 아래의 코드가 실행됨.break 문이나 switch문

중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 O외부 변수는 지역 변수가 없는 경우에만 사용 가능임의의 데이터를 함수 안에 전달 할 때인수 : 함수를 호출 할 때 매개변수에 전달되는 값매개변수에 값을 전달하지 않아도 그 값이 undefined가 되지 않게 하

함수 표현식보다 단순하고 간결하게 함수를 만드는 방법 let func = (arg1, arg2, ...argN) => expression인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있음인수가 하나도 없을 땐 괄호를 비워놓기 but 괄호 생략 불가능중괄호 안에

자바스크립트의 8가지 자료형 원시형 (7가지) : 오직 하나의 데이터 (문자열, 숫자 등) 만 담을 수 있음객체형 (1가지) : 다양한 데이터를 담을 수 있음, 키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있음객체{ ‘키(key): 값(valu

변수에 객체가 저장되어 있는 메모리 주소인 객체에 대한 ‘참조 값’이 저장→ 객체에 접근하거나 객체를 조작할 때는 여러 변수 사용 가능→ 동일한 객체이기에 true→ 두 객체가 모두 비어있기는 하지만, 독립된 객체이기에 일치, 동등 비교 → false새로운 객체 생성

쓰레기 모음인 것인가(어떻게든) 도달 가능한 값 → 삭제 x도달 가능한 값태생부터 도달 가능한 값 : root현재 함수의 지역 변수와 매개변수중첩 함수의 체인에 있는 함수에서 사용되는 변수와 매개변수전역 변수등루트가 참조하는 값 or 체이닝으로 루트에서 참조할 수 있는