<javascript 공부> 2장. 자료형과 변수

이번 장에서는, javascript의 자료형과 변수에 대해 다뤄보도록 하겠습니다.

---

자료형을 알려면 일단 데이터에 대해 알고 있어야 합니다.

 

◈ 데이터란?

-> 컴퓨터 프로그램에 저장된 정보, 즉 프로그램에 속해 있는, 사람이 해독할 수 없는 형태의 파일

그리고 이러한 데이터의 타입을 뜻하는 것이 바로 자료형 (데이터 타입)입니다.

자바스크립트의 자료형은 숫자, 문자열, 그리고 불리언 이렇게 세 가지의 기본 자료형이 존재합니다.

 

첫 번째로 숫자 자료형에 대해 알아보겠습니다.

숫자 자료형은 말 그대로 수를 표현하는 데이터입니다. 

자바스크립트에서 숫자 자료형을 출력하면 다음과 같은 형태로 출력됩니다.

 

&uarr; 숫자 자료형

 

 

두 번째로 문자열 자료형에 대해 알아보겠습니다.

문자열 자료형은 다양한 텍스트(글자)를 나타냅니다.

자바스크립트에서 문자열 자료형을 출력하면 다음과 같은 형태로 출력됩니다.

 

&uarr; 문자열 자료형

 

마지막으로 알아볼 자료형은 불리언입니다.

 

불리언 자료형은 논리 자료형이라고도 불리며, 참(True)과 거짓(False)을 나타내는 데 쓰입니다.

자바스크립트에서 불리언 자료형을 출력하면 다음과 같은 형태로 출력됩니다.

 

&uarr; 불리언 자료형

 

이렇게 세 가지의 자료형에 대해 알아보았습니다.

 

다음으로 알아볼 내용은 바로 연산자입니다.

 

◈ 연산자

-> 우리가 흔히 알고 있는 덧셈, 뺄셈, 곱셈, 나눗셈과 같은 기호를 뜻합니다.
(ex. +, -, *, / )

 

우리는 이와 같은 연산자를 이용해 간단한 사칙연산을 진행해볼 수 있습니다.

 

예를 들어... 748 곱하기 9847을 해볼까요?

 

손으로 하려면 시간이 꽤 걸리겠지만 자바스크립트 연산자를 이용한다면 빨리 끝낼 수 있습니다.

 

&lt; 연산자 예시 &gt;

 

짠! 너무나도 쉽게 계산했죠?

 

이처럼 연산자는 우리가 직접 계산기를 두드릴 필요가 없게 해 준답니다!

 

이렇게 놀라운 연산자 다음으로 배울 내용은

 

자바스크립트에 있어서 가장 중요한 요소 중 하나인 '변수'에 대해 배울 것입니다.

 

◈ 변수 (☆ 중요 ☆)

-> 특정 문자열 값에 이름을 붙일 수 있는데 이 이름이 붙여진 값이 변수입니다.

즉, 상징적인 의미를 지니고 있는 것을 변수라고 하는 것입니다.

제가 변수를 강조한 이유는 코딩을 할 때,

변수의 이름이 곧 그 변수가 뜻하는 의미를 나타내기 때문입니다.

(ex. numberOfFriends -> 친구가 몇 명)

 

그런데 위의 내용을 보면 알겠지만 우리가 원래 알던 영어랑 다르게 표기하였죠?

 

여기서 우리가 꼭 알아둬야 할 주의사항이 나옵니다!

 

♠ 변수 작성 주의 사항 ♠

첫 째, 변수 이름에는 공백을 넣을 수 없습니다! (띄어쓰기 X)

(ex. this is bad  ( X )  thisisgood ( O ) )

둘째, 첫 단어는 소문자로! 

(ex. Badoption ( X )  goodOption ( O ) )

 

그렇다면 변수는 어떻게 작성해야 할까요?

 

대표적으로 사용하는 두 가지 방법이 있는데, 하나는 카멜 케이스이고 하나는 스네이크 케이스입니다.

 

카멜 케이스는 원래라면 띄어쓰기를 진행해야 할 부분을 대문자로 시작하는 방법입니다.

(ex. sotired ( X ) soTired ( O ) )

 

이해가 되셨나요? 원래라면 so tired라고 작성해야 하지만, 변수는 띄어쓰기를 할 수 없으므로 띄어쓰기가 진행되어야 할 부분을 대문자로 시작하는 것입니다. 그래서 soTired가 되는 것이죠.

스네이크 케이스는 띄어쓰기를 하는 대신에 _를 통해 연결하는 것입니다.

(ex. i am so tired ( X ) i_am_so_tired ( O ) )

 

일반적인 영어 표기 방식이라면 앞의 i am so tired가 맞지만,

 

변수의 경우에는 띄어쓰기가 불가능하므로 i_am_so_tired가 맞는 것입니다.

 

---

이상, 자료형과 변수에 대해 알아보았습니다.

다음 장에서는 연산자에 대해 조금 더 자세히 알아보는 시간을 가지겠습니다!