
원시 타입들 :
- 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
'2024~ > React' 카테고리의 다른 글
| [타입스크립트] 3강- type, interface (2) | 2025.05.27 |
|---|---|
| [타입스크립트] 객체 & 배열 & 튜플 타입 - 조합의 시작 (1) | 2025.05.26 |
| [MUI] 반응형 (0) | 2025.04.26 |
| [리액트] 영화 검색 정렬 &필터 (0) | 2025.04.26 |
| [리액트] netflix 1~5 (0) | 2025.04.18 |