Typescript
-
[Typescript] 타입스크립트 스터디 4주차_enum_object literal_Utility TypeTypescript 2025. 9. 29. 20:11
1. enum VS object literal(1) enum이전 주차에서 enum type에 대해 배웠고 [Typescript] 타입스크립트 스터디 3주차_Type이번 주차에서는 자주 사용되는 타입과 키워드를 정리하면서 실제 코드에서 어떻게 활용되는지 살펴보았다.1. Enum (열거형)enum은 이름이 있는 상수 집합을 정의할 때 사용하며, 여러 개의 관련된chaeng03.tistory.com enum은 열거형 데이터 타입으로, 이름이 있는 상수 집합을 정의할 때 사용한다고 했다.enum UserRole { ADMIN = "ADMIN", EDITOR = "EDITOR", USER = "USER",}enum UserLevel { NOT_OPERATOR, // 0 OPERATOR // 1} (2) ..
-
[Typescript] 타입스크립트 스터디 3주차_TypeTypescript 2025. 9. 25. 17:27
이번 주차에서는 자주 사용되는 타입과 키워드를 정리하면서 실제 코드에서 어떻게 활용되는지 살펴보았다.1. Enum (열거형)enum은 이름이 있는 상수 집합을 정의할 때 사용하며, 여러 개의 관련된 값을 관리하기 쉽게 해준다.enum Direction { Up, Down, Left, Right}let move: Direction = Direction.Up;console.log(move); // 0 (기본값은 0부터 시작)값은 자동으로 0, 1, 2... 로 순서가 부여되고number 혹은 string 타입으로 직접 값을 지정할 수도 있다.enum Role { Admin = "ADMIN", User = "USER", Guest = "GUEST"} enum을 사용하면 코드 가독성이 높아지고 의미..
-
[Typescript] 타입스크립트 스터디 2주차_컴파일러_tsc(TypeScript Compiler)_d.ts_JSDocTypescript 2025. 9. 25. 16:04
이번 주차에서는 컴파일러(Compiler)의 개념부터 시작해, TypeScript Compiler(tsc)가 어떤 일을 하는지 구체적으로 살펴봤다. 1. 컴파일러(Compiler)란?컴파일러(Compiler)는 프로그래밍 언어로 작성된 소스 코드를 다른 형태의 코드로 변환하는 프로그램이다.[대표적인 예시]- C 언어 소스코드(c) → 기계어(실행 가능한 바이너리)- TypeScript(ts) → JavaScript(js)즉, 컴파일러는 개발자가 이해하기 쉬운 고급 언어를 실행 가능한 코드나 다른 언어로 변환해주는 역할을 한다.2. TypeScript Compiler(tsc)란?TypeScript는 브라우저가 직접 실행할 수 없기 때문에 Javascript로 변환해줄 TypeScript Compiler(t..
-
[Typescript] 타입스크립트 스터디 1주차_인터페이스, 타입 별칭Typescript 2025. 9. 14. 20:59
1. 타입스크립트란?타입스크립트는 자바스크립트를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다.자바스크립트를 기반으로 하는 언어이기에 자바스크립트의 기능을 모두 포함한다.정적 타입(Static Typing) 문법이란?변수나 함수의 데이터 타입이 코드 작성 시점(컴파일 타임)에 미리 결정되는 것을 의미한다.이를 통해 타입 오류를 실행 전에 확인할 수 있다. 2. 타입스크립트를 사용하는 이유그렇다면 타입스크립트는 왜 생겼으며 왜 사용하는걸까?기본적으로 자바스크립트는 컴파일되는 프로그램이 아니기 때문에 프로그램 실행 시 에러가 났을 때에야 잘못 작성했다는 사실을 알 수 있다. 그러나 앞서 말했듯 타입스크립트는 정적 타입 문법이 추가됨으로써 타입 오류를 실행 전에 확인할 수 있다. 3. 기초 문법(1) ..
-
[Typescript] 유틸리티 타입으로 type 효율적으로 정의하기Typescript 2024. 6. 10. 14:47
React Native 강의를 수강하던 도중 type 정의 시 Omit 이라는 코드를 발견하게 되었다.Omit이 뭐지..?? 싶어서 찾아봤는데 유틸리티 타입 중 하나라고 한다.역시 Typescript를 깊게 사용해보지 않으니 이런 게 있다는 것도 이제서야 알았다..지금부터라도 제대로 알아보자! 1. 유틸리티 타입이란?Typescript에서 자제적으로 제공하는 특수한 타입들로, 공통 타입 변환을 유용하게 해준다.Typescript로 타입을 정의하다보면 같은 타입인데 특정 한 타입만 제외하면 재사용 가능한 경우가 많았다.그럴 때 사용하기 참 용이한 것이 유틸리티 타입이다! 2. 유틸리타입 종류유틸리티 타입의 종류는 다양한데 그중 자주 사용되는 몇가지를 알아보자! (1) Partialtype의 모든 속성을 선..
-
TypeScriptTypescript 2022. 9. 30. 09:53
해당 게시글은 2022.06.23에 깃허브로 작성되었습니다. 1. TypeScript란? 마이크로소프트가 발표한 타입스크립트(TypeScript)는 자바스크립트(Javascript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다. 요즘은 대형 SI 프로젝트에서 흔하게 사용되고 있으며 개발자 구인 시 우대사항 기술로도 자주 언급되는 걸 본 적이 있을 것이다. 2. TypeScript의 특징 (1) 컴파일 언어, 정적 타입 언어 자바스크립트는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다. [여기서 인터프리터 언어란?] 인터프리터(interpreter)란, 통역사라는 뜻으로 우리가 컴퓨터에 명령을 내리면 한 줄씩 읽어가며 번역과 실행을 동시에 진행하는 언어를 의미한다. 단, 한 줄..