2025/11(4)
-
[Typescript] 객체
🧱 객체 (Object)여러 개의 데이터를 속성(key)과 값(value) 형태로 저장할 때 사용하는 타입🔹 기본 object 타입object 타입은 단순히 “객체”라는 사실만 알려줄 뿐,내부에 어떤 프로퍼티가 있는지는 알 수 없음. let user: object = { id: 1, age: 20, }; user.id;// ❌ 에러 발생 — 타입스크립트는 user 객체의 내부 구조를 모름 // Property 'id' does not exist on type 'object' 👉 즉, object 타입은 너무 포괄적해서 실무에서는 거의 사용하지 않음.🔹 객체 리터럴 타입객체 구조를 명확히 정의하기 위해 리터럴 형태로 타입을 지정함. let user2: { id: number,..
2025.11.04 -
[Typescript] 배열과 튜플
🧱 배열 (Array)여러 개의 값을 하나의 변수에 순서대로 저장할 때 사용하는 타입구분설명예시기본형 배열요소 타입 뒤에 []를 붙여 선언let numbers: number[] = [1, 2, 3];제네릭(Generic) 배열Array 형태로 선언let boolArr: Array = [true, false];유니온(Union) 타입 배열다양한 타입을 허용let arr: (number | string | boolean)[] = [1, 'a', true];다차원 배열배열 안에 배열이 있는 형태let matrix: number[][] = [[1, 2, 3], [4, 5, 6]];🔹 주의할 점배열은 같은 타입의 요소를 저장할 때 사용다른 타입이 섞이면 유니온 타입으로 명시해야 함다차원 배열은 타입[][] 형..
2025.11.03 -
[Typescript]원시타입
우선https://mm-study-front.tistory.com/entry/Javascript-%EC%9E%90%EB%A3%8C%ED%98%95 [Javascript] 자료형자료형 자료형은 동일한 속성이나 특징을 가진 원소들을 묶은 형태이다.원시타입과 객체타입으로 구성 원시타입은 기본형 타입이라 불리며, 프로그래밍에 있어 가장 기본적인 값들이다. 종류mm-study-front.tistory.com 자바스크립트의 자료형 원시타입과 일치! 🧱 원시 타입 (Primitive Types)하나의 값만 저장하는 타입타입설명예시number숫자형 (정수, 실수, Infinity, NaN 등 포함)let num: number = 123;string문자열형 (작은따옴표, 큰따옴표, 백틱 모두 가능)let str: s..
2025.11.02 -
[Typescript] 컴파일러 옵션
https://mm-study-front.tistory.com/entry/Typescript-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80 [Typescript] 타입스크립트란?💡 타입스크립트(TypeScript) 정리타입스크립트는 자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련 기능을 추가한 언어🔑 주요 특징 및 정의자바스크립트의 확장판: 타입스크립트는 자mm-study-front.tistory.com 타입스크립트는 자바스크립트로 컴파일이 된다실제 프로젝트에서도 터미널에 tsc를 입력해서 실제 자바스크립트로 컴파일 되는 걸 볼 수 있다 컴파일 관련해서 여러가지 옵션을 정할 수 있음 우선 컴파일옵션을 정하는 파일 먼저 만들어보..
2025.11.01