1.
Hello, world!
: 실행 환경에 독립적인 코어 자바스크립트를 다룸
‘script’ 태그
모던 마크업
2.
코드 구조
: 코드 블록을 만드는 방법
문
세미콜론
주석
3.
엄격 모드
: 하위 호환성 문제를 방지하고자 걸어두어던 제약 사항을 ‘제아봉침 32768배’하는 것
개요
use strict
브라우저 콘솔
‘use strict’를 꼭 사용해야 하나요
요약
4.
변수와 상수
: 사실상 패트와 매트 떨어질 수 없는 관계
변수
변수 명명 규칙
상수
바람직한 변수명
요약
5.
자료형
: 자바스크립트에서 사용하는 변수들은 항상 문자열이나 숫자형 같은 특정한 자료형에 속함
number
BigInt
string
boolean
‘null’ 값
‘undefined’ 값
객체와 심볼
typeof 연산자
요약
6.
: 브라우저 환경에서 작동하는 명령어로 이번엔 Pass
7.
형 변환
: 함수와 연산자에 전달되는 값을 적절한 자료형으로 자동 변환 또는 전달받은 값을 의도를 갖고 원하는 타입으로 변환(명시적 변환)
문자형으로 변환
숫자형으로 변환
불린형으로 변환
요약
8.
기본 연산자와 수학
: 사칙연산과 같은 기본 연산자를 시작으로 자바스크립트에서만 제공하는 연산자에 대해 학습
용어: ‘단항’, ‘이항’, ‘피연산자’
수학
이항 연산자 ‘+’와 문자열 연결
단항 연산자 ‘+’와 숫자형으로의 변환
연산자 우선순위
할당 연산자
복합 할당 연산자
증가, 감소 연산자
비트 연산자
쉼표 연산자
9.
비교 연산자
•
보다 큼, 작음 : a > b, a < b
•
보다 크거나, 작거나 같음 : a >= b, a <= b
•
같음 : a == b
•
같지 않음 : a != b
불린형 반환
문자열 비교
다른 형을 가진 값 간의 비교
일치 연산자
null이나 undefined와 비교하기
요약
10.
if와 ‘?’를 사용한 조건 처리
: 조건에 따라 다른 행동을 취해야할 때, 사용하는 if문과 ‘물음표’, 조건부 연산자인 ‘?’
‘if’문
불린형으로의 변환
‘else’ 절
‘else if’로 복수 조건 처리하기
조건부 연산자 ‘?’
다중 ‘?’
부적절한 ‘?’
11.
논리 연산자
: 세 종류의 논리 연산자 ||, &&, !
: 논리 연산자는 피연산자로 모든 타입의 값을 받을 수 있으며 연산 결과 역시 모든 타입이 될 수 있음
|| (OR)
첫 번째 truthy를 찾는 OR 연산자 ‘||’
&& (AND)
첫 번째 falsy를 찾는 AND 연산자 ‘&&’
! (NOT)
12.
nullish 병합 연산자 ‘??’
: 스펙에 추가된 지 얼마 안 된 문법
: nullish 병합 연산자 ??를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어 있는’ 변수를 찾을 수 있음
ex) a ?? b ⇒ a가 null도 아니고 undefined도 아니면 a, 그 외의 경우 b
let firstName = null;
let lastName = null;
let nickName = "바이올렛";
// null이나 undefined가 아닌 첫 번째 피연산자
alert(firstName ?? lastName ?? nickName ?? "익명의 사용자"); // 바이올렛
JavaScript
복사
‘??’와 ‘||’의 차이
연산자 우선순위
요약
13.
while과 for 반복문
: 여러 동작을 반복해야하는 경우 사용하는 loop문
‘while’ 반복문
‘do…while’ 반복문
‘for’ 반복문
반복문 빠져나오기 : break
다음 반복으로 넘어가기 : continue
break/continue와 레이블
요약
14.
switch문
: 복수의 if 조건문은 switch로 변경이 가능함
문법
예시
여러 개의 “case”문 묶기
자료형의 중요성
15.
함수
: 스크립트를 작성할 경우, 같은 코드를 여러곳에서 사용해야할 때(로그인이나 로그아웃을 했을 때 메시지를 보여주는 등)가 생김, 이때 필요한 기능이 함수
함수 선언
지역 변수
외부 변수
매개 변수
기본값
반환값
함수 이름짓기
함수 == 주석
요약
16.
함수 표현식
: 자바스크립트는 함수를 특별한 종류의 값으로 취급함, 다른 언어에서처럼 특별한 동작을 하는 구조로 취급되지 않음
개요
콜백 함수
함수 표현식 vs 함수 선언문
요약
17.
화살표 함수 기본
: 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들수 있는 방법
개요
본문이 여러 줄인 화살표 함수
요약
18.
기본 문법 요약
코드 구조
엄격 모드
변수
상호작용 → 브라우저 환경
연산자
반복문
‘switch’문
함수
