🧱 객체 (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 등장 이후 웹 서버, 모바일 앱, 데스크톱 앱 등 어디서든 구동되면서, 복잡하고 큰 규모의 애플리케이션 개발 시 예기치 못한 버그 발생 가능성이 높아졌고, 이를 해결하기 위해 타입스크립..

취업하기 전에 react를 공부했었는데, 그때 인강 실습하면서도 이해가 안 되는 부분이 많았다..!연휴를 맞아 다시 리액트 공부를 시작했는데,, 이제 이해가 된다 히히제목과 같이 react(v19)와 vue(v3)의 확실한 차이는 props!!! 우선 props는 부모가 자식에게 내려주는 데이터이다. api를 통신하여 데이터를 주고 받는 실무에서는 props 사용하여 잘 주면 필요없는 api 통신이 줄어든다. 프론트에서 데이터 흐름을 읽기도 좋고, 데이터의 일치성도 높기 때문에 굉장히 중요한 개념이다. Vue에서 prop를 쓰려면const props = defineProps({ title: { type: String, default: "" }, color: { type: strin..