[JavaScript] 기본 문법

※ 이 내용은 인프런 : WEB2 - Node.js 강의 내용 정리 자료입니다.

 

 

 

 

🗂 목차

● [Node.js] Node.js 기초
● [JavaScript] 기본 문법
●[Web] URL의 이해

 

 

 

 

 

🚀 JavaScript 기본 문법

    🔽  Data Type

        📦 Number

정수 1과 1을 더하여 출력

 

정수를 이용한 사칙연산

 

 

        📦 String(문자열)

문자열에 대한 결합 연산자

 

위의 그림과 같이 "", ''로 정수를 묶어주게 되면 정수가 아닌 문자열로 인식하게 되고, 산술 연산자를 통해 연산을 하게 되면 정수처럼 더하는 것이 아니라, 결합을 해 주는 결합 연산자가 동작하게 되는 것이에요.

참고할 만한 내용은 큰 따음표(")를 이용하거나, 작은 따음표(')를 이용해도 상관없지만, 짝을 이뤄서 시작을 큰 따음표로 했으면 큰 따음표로 끝나고, 작은 따음표로 시작했으면 작은 따음표로 끝나야 한다는 것이에요.

 

문자열의 개수를 세기 위한 방법

 

 

 

 

 

    🔽  변수(Variable)

변수 a에 1이라는 상수를 넣고, 출력을 하면 정수 1이 출력이되고, 다시 a 변수에 2를 대입(=)연산자로 변수에 넣은 뒤 출력을 하면 2를 넣는 것이에요.

이때, 대입 연산자 오른쪽에 있는 것을 `상수` 라고 하고, 왼쪽에 있는 것을 `변수` 라고 하는데,

 

위의 7번째 줄처럼 상수에 상수를 대입하라고 하면 Error가 터지는 것이에요. 그 내용은 "상수는 이미 정해져 있는데, 어떻게 상수를 넣어요?" 라는 내용인 것이에요.

즉, 상수는 변하지 않는 값을 이야기 하고, 변수는 변하는 값을 이야기하는 것이에요.

 

 

 

변수를 이용한 편리한 작업

반응형

위와 같이 변수를 하나 만들고, 필요한 곳 마다 해당 변수 이름을 작성하게 되면 중복을 제거할 수 있는 것이에요.

 

 

    🔽  `Template literals` or `Template String`

`literals`은 Data를 표현하는 기호 혹은 방법이라고 보면 되는 것이에요.

 

위와 같이 `hello` 변수에 들어갈 상수값들 중 줄 바꿈이 발생되면 Error가 발생하는 것을 볼 수 있는 것이에요.

 

문자열 리터럴

이 문제를 해결하기 위한 것이 `literals`이라는 것이에요. 위의 3번째 줄 끝에와 같이 역슬래쉬 한칸 띄고, 또 다시 역슬래쉬를 해 주면 정상적으로 처리가 되는 것을 확인할 수 있는 것이에요.

 

위의 12번째 줄 처럼 `literals` 형식으로 변경하게 되면 위에서 했던 것들보다 더욱 편리하게 문자열을 이용할 수 있는 것이에요.