자바스크립트 - 기본 용어 및 자료와 변수

기본 용어

표현식: 값을 만들어내는 간단한 코드

문장: 하나 이상의 표현식이 모인 것

키워드: 언어가 처음 만들어질 때 정해진 특별한 의미가 있는 단어

식별자: 이름을 붙일 때 사용하는 단어

 

console.log()의 console 과 log는 둘 다 식별자다.(log는 뒤에 괄호가 있으니 메소드라고도 말할 수 있음)

 

Uncaught ReferenceError: konsole is not defined
    at <anonymous>:1:1

└ at <anonymous>:1:1 여기서 콜론1콜론1은 무슨 뜻일까..?

 

문자열 자료형

이스케이프 문자(\)란 문자열 내에서 특수한 기능을 수행한다.

\n: 줄바꿈을 의미

\t: 탭을 의미

\\: 역슬래시(\) 그 자체를 의미

 

연산자

%(나머지 연산자)는 좌변을 우변으로 나눈 나머지를 출력

 

&&연산자는 AND ||연산자는 OR이라고 생각하면 된다.

 

자료형 검사는 typeof(자료)나 typeof '자료'로 출력하면 되나 일반적으로 괄호를 사용한다.

 

템플릿 문자열

코드를 작성할 때 표현식을 많이 결합하면 코드가 복잡해지기 때문에 백틱(`)기호로 감싼 후 문자열 내부에 ${...}기호를 사용하여 표현식을 넣으면 문자열 안에서 계산된다.

 

상수와 변수

상수는 '항상 같은 수'라는 의미로 값에 이름을 한 번 붙이면 값을 수정할 수 없다. ex) const

변수는 '변할 수 있는 수'로 값을 수정할 수 있다. ex) let

 

증감연산자

증감 연산자는 복합 대입 연산자를 간략하게 사용한 형태이다.

쉽게 설명하면 전위: 출력 전에 연산 / 후위: 출력 후에 연산

 

자료형 변환

prompt() 함수는 문자열 자료형을 입력할 때 사용하는 함수다.

불 자료형 변환 시 대부분의 자료는 true로 변환되지만, 0,NaN, 빈 문자열,null, undefined는 false로 변환된다.

 

연습 문제

❓ 변수 선언시 값을 할당하지 않으면 어떤 값인가요?

- 값을 할당하지 않았기 때문에 값은 Undefined이다.

❓ 선언되지 않은 변수를 참조하면 어떻게 되나요?

- 에러가 난다. 정답) Reference Error가 난다.

❓ 배열이 기본으로 제공해주는 함수들이 있습니다. 이 중 원하는 데이터를 필터링 해주는 함수는 뭘까요?

- 원하는 데이터를 필터링해서 새로운 배열로 반환하는 Filter 함수이다.