모던 JavaScript 튜토리얼 02 - 자바스크립트 기본 - 리뷰

Hello, world!, 코드 구조, 엄격 모드, 변수와 상수, 자료형, alert, prompt, confirm을 이용한 상호작용, 형 변환, 기본 연산자와 수학, 비교 연산자, if와 ‘?’를 사용한 조건 처리, 논리 연산자, nullish 병합 연산자 ‘??’, while과 for 반복문, switch문, 함수, 함수 표현식, 화살표 함수 기본, 기본 문법 요약

2.1 Hello, world!

‘script’ 태그

모던 마크업

• <script> 태그의 type 속성에 대해 설명하시오
• <script> 태그의 language 속성에 대해 설명하시오

외부 스크립트

• <script> 태그의 src 속성에 대해 설명하시오
• 왜 그렇게 하는지 설명하시오
• src 속성을 가진 <script> 태그의 내부에 코드를 작성하면 어떻게 되는지 설명하시오

2.2 코드 구조

문

• 문이란?

세미콜론

• 세미콜론은 생략할 수 있는가? 없다면 이유는? 있다면 왜 생략해야 하는지?

주석

2.3 엄격 모드

• 엄격 모드의 등장 배경에 대해 설명하라

use strict

• "use strict"의 동작 방식에 대해 설명하시오

브라우저 콘솔

‘use strict’를 꼭 사용해야 하나요

• "use strict"가 자동으로 적용되는 경우에 대해 말해보시오

2.4 변수와 상수

변수

• 변수란?
• 변수를 생성하는 방법

현실 속의 비유

변수 명명 규칙

• 자바스크립트에서의 변수 명명 규칙에 대해 말해보라
• 예약어란?

상수

바람직한 변수명

2.5 자료형

• 동적 타입 언어란?
• 자바스크립트의 기본 자료형은 몇 가지? 하나씩 설명하시오

숫자형

• 숫자형에 속하는 값은?

BigInt

• 자바스크립트 숫자형의 범위는?
• BigInt 표현법

문자형

• 문자형을 나타내는 방법에 대해 말해보라
• 글자형을 나타내는 방법?

불린형

‘null’ 값

• null 값에 대해 설명하시오

‘undefined’ 값

• undefined 값에 대해 설명하시오

객체와 심볼

• 객체형이란?
• 심볼형이란?

typeof 연산자

2.6 alert, prompt, confirm을 이용한 상호작용

alert

prompt

컨펌 대화상자

2.7 형 변환

• 형 변환이란?
• 형 변환의 종류

문자형으로 변환

• 문자형으로 변환하려면?

숫자형으로 변환

• 숫자형으로 변환하려면?
• undefined를 변환하면?
• null을 변환하면?
• true, false를 변환하면?
• string을 변환하면?

불린형으로 변환

• 불린형으로 변환하려면?

2.8 기본 연산자와 수학

용어: ‘단항’, ‘이항’, ‘피연산자’

• 피연산자란?
• 단항 연산자란?
• 이항 연산자란?

수학

나머지 연산자 %

거듭제곱 연산자 **

이항 연산자 ‘+’와 문자열 연결

단항 연산자 +와 숫자형으로의 변환

연산자 우선순위

할당 연산자

복합 할당 연산자

증가·감소 연산자

비트 연산자

쉼표 연산자

2.9 비교 연산자

불린형 반환

문자열 비교

• 자바스크립트의 문자열 비교 방식

다른 형을 가진 값 간의 비교

일치 연산자

• 동등 연산자와 일치 연산자에 대해 설명하라

null이나 undefined와 비교하기

• null === undefined
• null == undefined
• null을 <, >, <=, >=를 사용해 undefined와 비교

null vs 0

• null > 0
• null == 0
• null >= 0

비교가 불가능한 undefined

• undefined > 0
• undefined < 0
• undefined == 0

함정 피하기

2.10 if와 ‘?’를 사용한 조건 처리

‘if’문

불린형으로의 변환

• falsy 값과 truthy 값에 대해 설명하시오

‘else’절

‘else if’로 복수 조건 처리하기

조건부 연산자 ‘?’

다중 ‘?’

부적절한 ‘?’

2.11 논리 연산자

|| (OR)

첫 번째 truthy를 찾는 OR 연산자 ‘||’

• 단락 평가란?

&& (AND)

첫 번째 falsy를 찾는 AND 연산자 ‘&&’

! (NOT)

2.12 nullish 병합 연산자 ‘??’

• nullish 병합 연산자란?
• nullish 병합 연산자를 구현해보라

’??’와 ‘||’의 차이

• ||와 ??의 차이점에 대해 말해보라

연산자 우선순위

2.13 while과 for 반복문

‘while’ 반복문

‘do…while’ 반복문

‘for’ 반복문

반복문 빠져나오기

다음 반복으로 넘어가기

break/continue와 레이블

• 레이블을 사용해서 중첩 반복문을 빠져나가는 코드를 작성해보라

2.14 switch문

문법

예시

여러 개의 “case”문 묶기

자료형의 중요성

2.15 함수

함수 선언

지역 변수

• 지역 변수란?

외부 변수

• 외부 변수란?
• 전역 변수란?

매개변수

• 매개변수란?
• 인수란?

기본값

• 기본값이란? 할당하는 방법과 주의점에 대해 말해보라
• 매개변수 기본값의 평가 시점은?
• 매개변수 기본값을 설정하는 다른 방법에 대해 설명하시오

반환 값

함수 이름짓기

함수 == 주석

2.16 함수 표현식

• 자바스크립트에서 함수는 어떻게 취급하는가?
• 함수 표현식이란?

콜백 함수

• 콜백이란?
• 익명 함수란?

함수 표현식 vs 함수 선언문

• 함수 표현식과 함수 선언문의 차이점에 대해 설명하라

2.17 화살표 함수 기본

• 화살표 함수란?

본문이 여러 줄인 화살표 함수

2.18 기본 문법 요약

참고

자바스크립트 기본