생각 작업실 The atelier of thinking

30.<JavaScript> 기본 자료형 (Data Type) 본문

웹(Web) 이야기

30.<JavaScript> 기본 자료형 (Data Type)

knowledge-seeker 2024. 3. 21. 18:22

1. 자료형 (Data Type)이란

 

프로그래밍 언어는 자료를 쉽게 다룰 수 있도록 자료 형태에 따라 구분하여 관리합니다. 이러한 자료의 종류를 자료형 혹은 영어로 데이터타입(Data Type)이라 부릅니다.

프로그래밍 언어에서 자료형을 구분하는 이유는 다음과 같습니다:

(1) 데이터 처리와 관리

각각의 데이터 유형은 특정한 형태와 속성을 가지고 있습니다. 이를 통해 프로그램은 데이터를 올바르게 처리하고 관리할 수 있습니다. 예를 들어, 숫자 데이터를 산술 연산에 사용하고 문자열 데이터를 텍스트 처리에 사용할 수 있습니다.

(2) 메모리 할당과 최적화

다양한 데이터 유형에 대해 메모리 할당과 최적화를 다르게 수행할 수 있습니다. 각각의 자료형은 메모리에서 차지하는 공간과 저장 방법이 다르기 때문에, 프로그램은 효율적으로 메모리를 사용할 수 있습니다.

(3) 오류 방지

자료형을 명확하게 구분함으로써 데이터 처리 과정에서 발생할 수 있는 오류를 방지할 수 있습니다. 예를 들어, 숫자를 문자열로 나누려고 시도하거나 배열을 정수로 나누려고 시도하는 등의 오류를 방지할 수 있습니다.

(4) 유지보수 및 코드 이해

자료형을 명확하게 구분하면 코드를 이해하고 유지보수하는 데 도움이 됩니다. 코드의 의도를 명확하게 전달하고 다른 개발자들이 코드를 이해하기 쉽게 만들 수 있습니다.

(5) 타입 체크와 유효성 검사

프로그램은 자료형을 사용하여 입력 데이터의 유효성을 검사하고 예상치 않은 데이터 유형의 사용을 방지할 수 있습니다. 이를 통해 프로그램의 안정성을 높일 수 있습니다.

이러한 이유로 프로그래밍 언어에서는 자료형을 구분하여 사용하고 있습니다. 자료형의 명확한 이해와 사용은 프로그램의 안정성과 효율성을 높이는 데 중요한 역할을 합니다.


자바스크립트 역시 프로그래밍 언어이기 때문에 다양한 종류의 자료형을 제공합니다.


자바스크립트의 기본 자료형은 문자열, 숫자형, 블리언형, Null, Undefined 로 나눠집니다.

 

2. 문자열(String)

 

문자열 데이터를 나타냅니다. 작은따옴표(')나 큰따옴표(")로 둘러싸인 문자의 집합입니다. 예를 들어, 'Hello', "World" 등이 해당됩니다.

(1) 문자열 만들기

문자열을 생성하는 방법은 큰따옴표(" ")나 작은따옴표(' ')를 사용하는 것입니다.

<body>
    <h2> 문자열 String</h2>

    <script>
        document.write("Hello JavaScript")         
    </script>
</body>

 

 

(2) 특수기능 - 이스케이프 문자(\)

이스케이프 문자(\)를 사용하여 따옴표를 문자 그대로 사용할 수 있습니다.

 document.write('\"Hello JavaScript\"')

 

(3) 문자열 연산자 " + "

문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있습니다.

 

        document.write('Hello JavaScript'+'<br>') 
        document.write('Hello ' + 'JavaScript'+'<br>')
        document.write('Hello ', 'JavaScript')

 

3. 숫자형 (Number)

 

정수와 부동소수점 숫자를 포함합니다. 예를 들어, 5, 3.14 등이 해당됩니다.
연산자로 기본적인 사칙연산을 할 수 있습니다.

숫자형과 문자열의 차이는 아래와 같습니다.

 document.write(1+1,'<br>') 
 document.write('1'+'1')

숫자형인 1+1 은 계산을 하여 2가 나타나지만, 문자열은 '1'+'1'은 '11'로 문자열을 연결합니다.

4. 블리언형(Boolean)

 

true 또는 false 값만을 가질 수 있는 데이터 유형입니다.

비교연산자를 사용해서 만들 수 있습니다.

        document.write( 1>2,'<br>') 
        document.write( 1<2)

 

블리언형은 조건문과 함께 사용하는 경우가 많습니다.

5. Null

 

값이 없음을 나타내는 특별한 값입니다.

6. Undefined

 

값이 정의되지 않았음을 나타내는 특별한 값입니다.

 

'웹(Web) 이야기' 카테고리의 다른 글

32.<JavaScript> 반복문 (Loop)  (1) 2024.03.29
31. <JavaScript> 예제 : 토글 Toggle  (0) 2024.03.26
29. <JavaScript> 배열 Array  (0) 2024.03.19
28.<JavaScript> 함수(function) 란?  (1) 2024.03.17
27.<JavaScript> 변수(Variable) : 모달 Modal  (0) 2024.03.14
'웹(Web) 이야기' Related Articles more