1주차 (1~4장)

typeof() 함수 

typeof(값 또는 변수)

자바스크립트에 미리 만들어져있는 함수로, 소괄호 안에 값이나 변수를 넣으면 어떤 자료형인지 알려준다.

 

템플릿 리터럴 (Template Literal)

 

백팃(``) 을 사용해 문자열을 만들며, 변수부분만 ${}로 묶어 작성이 편리해진다. 또한 템플릿 리터럴에서는 줄을 바꿔 입력하면 출력 결과에서도 '\n' 줄 바꿈 기호를 쓸 필요 없이 자동으로 줄이 바뀐다.

 

논리형

불리언(Boolean)유형. 참(true) 거짓(false)값을 표현하기 위한 데이터 유형.

 

참으로 인정할 수 있는 값 : truthy하다

거짓으로 인정할 수 있는 값 : falsy하다

falsy로 인정하는 값

0  // 숫자
" "  // 빈 문자열
NaN   //Not a Namber
undefined
null

 

undefined, null

undefined 

값이 할당되지 않았을 때 변수의 초기값.

null

값이 없거나 유효하지 않은 값.

 

객체 (object)

여러 개의 원시 유형을 하나로 묶어 놓은 것. 

객체는 하나의 변수에 다양한 정보가 포함되어있는 자료형.

객체명 = { 키 : 값, 키 : 값, 키 : 값, ... }

 

객체의 값에 접근하기 위해 (객체에 있는 여러 프로퍼티 중 원하는 값을 가져오려면)

객체명.키 이름

또는

객체명["키 이름"]

 

숫자형으로 변환하기

Number() 함수

소괄호 안에 값을 넣어주면 숫자로 변환.

 

parseInt() 함수

소괄호 안의 값을 정수로 변환.

 

parseFloat() 함수

소괄호 안의 값을 실수로 변환.

 

문자열로 변환하기

toString() 함수

null 자료형과 undefined자료형을 제외한 나머지 자료형을 문자열 데이터로 변환.

값.toString()

 

String() 함수

null 자료형과 undefined자료형까지 모두 포함하여 문자열 데이터로 변환.

String(값)

 

논리형으로 변환하기

Boolean() 함수

다른 유형의 데이터를 논리형 데이터로 변환.

Boolean(값)

 

연산자와 제어문

산술 연산자

+, -, *, /, 등

 

연결 연산자

 

할당 연산자

=, +=, -= 등

 

비교 연산자

, < ,===, ! == 등

==와 ===, ! =와 ! ==

: ===와 ! ==는 값뿐만 아니라 데이터 유형까지 비교함.

 

논리 연산자

! : not

&& : and

ll : or

조건문

if문

if…else문

switch문

체크해야 할 조건이 많은 경우, if…else문 보다 추천함.

switch문 안에 있는 case문에서 각 값에 따라 실행할 명령을 따로 구분.

반복문

for문

for (초깃값; 조건; 증가식) {…}

 

forEach문

배열명.forEach(콜백함수){…}

배열의 요소를 가져와서 함수를 실행해야 할때 편리.

 

for…in문

for(변수 in 객체) {…}

반복해서 객체의 값을 가져와서 처리.

 

for…of문

문자열이나 배열과 같은 반복 가능 자료에서 사용하는 반복문.

 

while 문

조건이 참인 동안 문장을 반복함.

 

do…while문

while문과 달리 조건이 맨 뒤에 붙음. 따라서 일단 한번 실행한 후 조건을 체크함.

 

break문, continue문

조건에 따라 반복문을 중간에 끝낼 때 사용.

breack : 종료 조건이 되기 전에 반복문을 빠져나와야 할 때.

continue : 조건에 해당되는 값을 만났을 때 실행하던 반복 문장을 건너뛰고 반복문의 맨 앞으로 되돌아가서 다음 반복 과정으로 넘어가도록 함.

함수와 스코프

매개변수

 

인수

 

return문

 

스코프

변수의 유효 범위. 선언한 변수의 적용 범위(접근할 수 있는 범위).

 

지역 스코프, 지역 변수

변수를 특정 영역에서만 사용할 수 있는 것.

 

전역 스코프, 전역 변수

프로그램의 시작 부분에서 변수를 선언하면 프로그램 전체에서 사용할 수 있는 스코프.

 

블록 스코프, 블록 변수

하나의 함수에도 여러 개의 블록이 만들어지는 데, 블록별로 변수의 유효 범위가 결정 되는 것.

let, const를 사용해 만든 변수는 변수가 선언된 블록 안에서만 유효함.

 

익명 함수

이름이 없는 함수. 변수에 할당해서 사용함. 함수를 변수처럼 사용하기 위해서.

 

화살표 함수

(매개 함수) ⇒ {함수 내용}

 

콜백함수

다른 함수의 인수로 사용하는 함수.

 

전개 구문

‘…’ 기호를 사용. ‘값을 펼쳐주는’ 구문

타이머 함수

setInterval() : 일정 시간마다 함수를 반복해서 실행하는 함수. 시간은 밀리초 단위.

setInterval(콜백 함수, 시간)

 

clearInterval() : 한 번 실행하면 웹 브라우저를 종료하기 전까지 계속 실행되는 setInterval() 함수를, 특정 조건이 되었을 경우 반복 실행을 멈출 때 사용. 타이머 종료 함수.

 

clearInterval(타이머)

setTimeout() : 지정한 특정 시간이 지난 후에 콜백 함수를 실행하는 함수.