본문 바로가기
반응형

Language/TypeScript11

[TypeScript] 타입스크립트 기본(3) - Enum, Any, Unknown Enum여러가지 값들에 각 이름을 부여해 열거해두고 사용하는 타입JS X, TS O왜 필요한가?숫자만으로 종류를 구분하는 경우, 개발자에 의한 휴먼 에러가 발생할 수 있기 때문// 1. 숫자형 Enumenum Role { ADMIN = 0, USER = 1, GUEST = 2,};const user1 = { name : "이정한", // role : 0 role : Role.ADMIN};const user2 = { name : "홍길동", // role : 1 role : Role.USER};const user3 = { name : "아무개", // role : 2 role : Role.GUEST};console.log(user1, user.. 2025. 6. 8.
[TypeScript] 타입스크립트 기본(2) - 타입별칭/인덱스시그니처 타입 별칭1. User라는 변수에 정보를 담고 싶다면?let user : { id : number; name : string; nickname : string; bio : string; location : string;} = { id : 1, name : "이정환", nickname : "winterlood", bio : "안녕하세요", location : "부천시"}; 🤚User를 여러 명 선언하려면 똑같은 변수 타입임에도 계속 코드를 반복해서 써주어야 할까?이때, 타입을 변수처럼 선언해 쓸 수 있는 "타입 별칭" 사용단, 동일한 Scope에서는 타입 별칭의 이름이 겹쳐서는 안됨type User = { id : number; name :.. 2025. 6. 8.
[TypeScript] 타입스크립트 기본(1) - 원시타입/배열/튜플/객체 타입스크립트 기본 타입타입스크립트가 자체적으로 제공하는 타입원시 타입1. 원시 타입(Primitive Type)이란 (feat. Literal 타입)하나의 값만 저장하는 타입// numberlet num1 : number = 123;let num2 : number = -123;let num3 : number = 0.123;let num4 : number = -0.123;let num5 : number = Infinity;let num6 : number = -Infinity;let num7 : number = NaN;// stringlet str1 : string = "hello";let str2 : string = 'hello';let str3 : string = `hello`;let str4 : str.. 2025. 6. 6.
[TypeScript] 타입스크립트 개론(2) - 환경 구성 Hello TS World!1. 프로젝트 환경 구성#1. 초기화npm init#2. TS 패키지 설치npm i @types/node#3. TS 컴파일러 패키지 설치npm i typescript -g#4. TS 컴파일러 정상 설치 확인(버전 확인)tsc -vtsc fileName # ts 파일 컴파일, js로 변환됨#5. TS 컴파일러 + node → TS 한 번에 실행까지 가능하도록 돕는 도구npm i tsx -g 타입스크립트 컴파일러 옵션 설정1. 컴파일러 옵션이란얼마나 엄격하게 타입 오류를 검사할지 결정자바스크립트 코드 버전 설정2. 프로젝트 환경 설정컴파일러 옵션은 Node 패키지 별로 설정 가능, 즉 프로젝트마다 다르게 설정 가능#1. 초기화 : tsconfig.json 파일 자동 생성tsc --.. 2025. 6. 6.
[TypeScript] 타입스크립트 개론(1) Intro1. TypeScript란?자바스크립트의 확장판자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어2. 탄생 배경자바스크립트는 원래 아주 간단한 상호작용 정도(버튼 클릭)를 처리하기 위해 개발되었음즉, 아래의 특징을 가짐유연한 문법버그 발생 가능성 높음자유로움이때, Node.js가 등장자바스크립트 구동기(런타임 = 실행환경)어디서나 자바스크립트의 구동이 가능해짐웹 서버, 모바일 앱, 데스크탑 앱 등에 자바스크립트가 사용됨활용도가 높아지며 기존 유연성이라는 장점이 프로그램의 안정성을 낮추는 단점이 됨→ JavaScript의 한계를 개선하기 위해 TypeScript의 등장 타입 시스템1. 타입 시스템모든 프로그래밍 언어는 타입 시스템을 가지고 있음타입 시스템이란값들을 어떤.. 2025. 6. 3.
반응형