Tech Stack/TypeScript

[TypeScript] 3편. 배열, 객체, 튜플 타입 정리

[TypeScript] 3편. 배열, 객체, 튜플 타입 정리이번 글에서는 TypeScript에서 여러 값을 묶어서 다루는 방법을 정리해보겠습니다. 앞글에서는 string, number, boolean 같은 기본 타입을 살펴봤습니다.하지만 실제 프로젝트에서는 하나의 값만 다루는 경우보다 여러 값을 배열로 관리하거나, 사용자 정보처럼 여러 속성을 가진 객체를 다루는 경우가 훨씬 많습니다. 그래서 이번 글에서는 배열 타입, 객체 타입, 튜플 타입을 차근차근 정리해보겠습니다.1. 배열 타입배열은 같은 종류의 값을 여러 개 담을 때 사용합니다. TypeScript에서는 배열 안에 어떤 타입의 값이 들어갈지 미리 지정할 수 있습니다.let names: string[] = ["Kim", "Lee", "Park"];l..

2026. 5. 21. 22:30

Tech Stack/TypeScript

[TypeScript] 2편. 기본 타입 정리

[TypeScript] 2편. 기본 타입 정리이번 글에서는 TypeScript에서 가장 기본이 되는 타입들을 정리해보겠습니다. TypeScript를 처음 배울 때 가장 먼저 익혀야 하는 부분은 변수에 어떤 종류의 값이 들어갈 수 있는지 표현하는 방법입니다.JavaScript에서는 변수에 문자열, 숫자, 불리언 등 다양한 값을 자유롭게 넣을 수 있습니다. 하지만 TypeScript에서는 변수에 들어갈 값의 형태를 미리 정해두어, 잘못된 값이 들어가는 실수를 줄일 수 있습니다.1. string 타입string 타입은 문자열을 의미합니다. 이름, 이메일, 제목, 설명처럼 글자로 표현되는 값에 사용합니다.let userName: string = "GWDEVEL";let email: string = "dev@gw..

2026. 5. 20. 11:59

Tech Stack/TypeScript

[TypeScript] 개념노트 시리즈 시작

[TypeScript] 개념노트 시리즈 시작JavaScript로 프로젝트를 만들다 보면 처음에는 빠르게 화면을 만들 수 있지만, 프로젝트 규모가 커질수록 한 가지 문제가 자주 생깁니다.바로 데이터의 형태를 코드만 보고 바로 파악하기 어렵다는 점입니다. 변수에 어떤 값이 들어오는지, 함수가 어떤 값을 반환하는지, API 응답 구조가 어떻게 생겼는지 명확하지 않으면 작은 수정 하나에도 오류가 발생할 수 있습니다.이런 문제를 줄이기 위해 사용하는 것이 바로 TypeScript입니다. TypeScript는 JavaScript에 타입을 더해, 코드를 작성하는 단계에서 실수를 미리 발견할 수 있도록 도와주는 언어입니다.1. TypeScript를 공부하는 이유TypeScript는 단순히 문법을 하나 더 배우는 개념이..

2026. 5. 17. 21:24