🧱 객체 (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,..

🧱 배열 (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]];🔹 주의할 점배열은 같은 타입의 요소를 저장할 때 사용다른 타입이 섞이면 유니온 타입으로 명시해야 함다차원 배열은 타입[][] 형..

우선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..

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를 입력해서 실제 자바스크립트로 컴파일 되는 걸 볼 수 있다 컴파일 관련해서 여러가지 옵션을 정할 수 있음 우선 컴파일옵션을 정하는 파일 먼저 만들어보..

💡 타입스크립트(TypeScript) 정리타입스크립트는 자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련 기능을 추가한 언어🔑 주요 특징 및 정의자바스크립트의 확장판: 타입스크립트는 자바스크립트의 슈퍼셋(Superset) 언어, 자바스크립트의 기본적인 모든 문법을 포함하고 있음을 의미목표: 자바스크립트의 유연함이 가져오는 버그 발생 가능성을 줄여 안정성을 높이기 위해 등장(C# 개발자님..대단해)탄생 배경: 자바스크립트는 원래 웹 브라우저에서만 사용되도록 설계되어 문법이 유연하고 자유로움 ->하지만 Node.js 등장 이후 웹 서버, 모바일 앱, 데스크톱 앱 등 어디서든 구동되면서, 복잡하고 큰 규모의 애플리케이션 개발 시 예기치 못한 버그 발생 가능성이 높아졌고, 이를 해결하기 위해 타입스크립..