본문 바로가기
2024~/React

[타입스크립트] 원시 타입

by Or0i쿠 2025. 5. 22.

원시 타입들 :

  • string:
    문자열 | 텍스트 데이터를 나타낼 때 사용함. (예: "안녕하세요", 'hello')
  • number:
    숫자 | 정수와 부동 소수점 숫자를 모두 포함. (예: 123, 3.14, -5)
  • boolean:
    참/거짓 논리 값 | true 또는 false 두 가지 값 (예: true, false)
  • null:
    값이 의도적으로 비어 있음을 나타내는 특별한 값 | 변수에 값이 없음을 명시적으로 표현할 때 사용.
  • undefined:
    값이 할당되지 않은 상태 | 변수를 선언하고 값을 할당하지 않으면 기본적으로 undefined 값임.
  • symbol:
    고유하고 변경 불가능한 값 | 객체 속성의 키로 사용되어 이름 충돌을 방지하는 등의 목적으로 사용. (ES6에서 추가)
  • bigint: 
    안전한 정수 한계를 넘어서는 큰 정수를 표현할 수 있는 숫자 타입 | 숫자 뒤에 n을 붙여 사용합니다.
    (ES2020에서 추가) (예: 1234567890123456789012345678901234567890n)

예시)

let a:string = "string"
a="setstring"
let a =true
a= false // 에러 안남
a="string" // error!

→  타입 스크립트가 알아서 추론함

but  팀단위 개발에서 사용하지 않는게 좋음  (한눈에 타입 확인 불가 하기 때문)

 

함수 타입 지정 : 

유저는 코드 환경을 알지 못하기 때문에 잘못된 값을 넣을 수도 있는데 그렇기에 타입을 정해 놓아야 한다.

function double(n:number):number{ // (n:n의 타입):리턴값
	return n * 2;
}
consol.log(double(3)); //not error
consol.log(double("string")); // error

리턴값을 받지 않을때 : 추론 기능  이용 or 리턴값 없음 선언)

function double(n:number){ // 또는 :void 
	return n * 2;
}

 

node는 자바 스크립트만 이해하기 때문에 main.ts를 js 로 변환 시켜줘야 함 (터미널에 입력)

tsc main.ts //변환시키는 명령어

 

 

타입스크립트 with 리액트

🚀 타입스크립트 강의 – 실무 필수 스킬 완벽 정리! 자바스크립트 개발자라면 이제 타입스크립트(TypeScript)는 선택이 아닌 필수! 이 강의에서는 타입스크립트의 기초부터 실전 활용까지 배우며

codingnoona.thinkific.com

 

원시타입 문제

 

1강 원시타입 | Notion

HackMD 문제은행 - 1강 원시타입 - HackMD

equable-columnist-920.notion.site