들어가기 전에

우리는 코딩을 통해서 다양한 데이터를 다룰 수 있습니다. 이번 강의에서는 Javascript로 데이터를 다루기 전에 먼저 Javascript에서 사용하는 데이터 타입에 대해서 알아보도록 합시다.

학습 목표

Javascript의 데이터 타입 중에서 숫자(Number)와 문자열(String)에 대해서 이해합니다.

핵심 단어

• 데이터 타입
• 숫자(Number)
• 문자열(String)
  

강의 듣기

Javascript의 데이터 타입

컴퓨터 프로그래밍에서는 많은 데이터를 처리하게 되고, 이를 위해서는 특히 데이터를 종류별로 분류하는 일은 아주 중요합니다. 그렇다면 Javascript에서는 어떤 데이터 종류가 있을까요?

크게 6종류의 데이터 타입이 있지만, 오늘 강의에서는 문자열(String)과 숫자(Number)에 대해서 다뤄보도록 합시다.

숫자(Number)

지난 시간에 배운 것처럼 콘솔 창을 열어봅시다. 그리고 Javascript를 이용해서 숫자 데이터 타입을 사용해봅시다.

예를 들어 1+1을 실행시키면 2가 출력될 겁니다. 숫자 데이터 타입의 가장 중요한 점은 연산이 가능하다는 것입니다. 즉, 1+1에서는 +라는 연산이 왼쪽에 있는 값과 오른쪽에 있는 값을 더해서 하나의 값을 만들어내게 됩니다. 그렇기 때문에 +를 이항 연산자라고 부릅니다. 계산을 하기 때문에 산술 연산자라고 부르기도 합니다. 여러분이 흔히 아는 사칙 연산 (+, -, *, /)는 모두 산술 연산자에 속합니다. 즉, 사칙 연산을 이용해서 숫자 데이터 타입을 계산할 수 있는 것입니다.

문자열(String)

문자열은 따옴표로 시작해서 따옴표로 끝나게 됩니다. 작은 따옴표로 시작하면 작은 따옴표로 끝내고, 큰 따옴표로 시작하면 큰 따옴표로 끝내면 됩니다. 문자열에서 흔히 사용하는 연산으로는 length가 있습니다. 문자열 뒤에 .을 붙이고 length를 입력하면 그 문자열의 길이를 알려주게 됩니다.

그 외에도 문자를 처리하는 데 다양한 명령어를 사용할 수 있습니다. 예를 들면 str.toUpperCase()를 사용하면 str 안에 들어 있는 모든 문자열의 문자들이 대문자로 바뀌게 됩니다. str.indexOf('hi')를 하면 str 안에 있는 hi 라는 문자열을 찾아서 그 부분이 앞에서부터 몇 번째 문자인지 알려주게 됩니다.

문자열을 처리하는 데에는 정말 다양한 명령어가 사용될 수 있습니다. 이렇게 많은 명령어들을 다 외울 수는 없습니다. 하지만 여러분들은 검색을 통해서 필요한 명령어를 쉽게 알아낼 수 있겠죠.

데이터 타입의 중요성

그렇다면 이제 조금 전에 숫자 데이터 타입에서 봤던 연산을 문자열에 적용시켜 봅시다. 다음 코드를 실행하면 어떻게 될까요?

"1"+"1"

여기에서 "1"은 따옴표로 둘러싸여 있기 때문에 문자열입니다. 이 때 이 코드의 실행값은 "11"이 됩니다.

즉, 문자열인지 숫자인지에 따라 연산의 결과가 크게 달라질 수 있다는 것이죠.

생각해보기

1) 1+2를 계산했을 때와 "1"+"2"를 계산했을 때의 결과는 각각 어떻게 될까요? 왜 이런 차이가 발생하는 것일까요?

참고자료