Vite라는 프로젝트 생성 도구 Create React App과 비교했을 때 좀 더 라이트한 기능의 프로젝트를 만들어주고, 빌드 속도가 조금 더 빠르다고 알려져 있습니다. 그리고 리액트 프로젝트 말고도 다양한 프로젝트를 생성하는 데 사용할 수 있다는 장점 공식 문서 https://vitejs.dev/guide/#trying-vite-online Vite Next Generation Frontend Tooling vitejs.dev 개발자들이 만든 템플릿 https://github.com/vitejs/awesome-vite#templates GitHub - vitejs/awesome-vite: ⚡️ A curated list of awesome things related to Vite.js ⚡️ A cur..

keyof 연산자 객체 타입에서 프로퍼티 이름들을 모아서 Union한 타입으로 만들고 싶을 때 사용합니다. interface Product { id: string; name: string; price: number; membersOnly?: boolean; } type ProductProperty = keyof Product; // 'id' | 'name' | 'price' | 'membersOnly'; typeof 연산자 자바스크립트 코드에서 사용하면 결괏값이 문자열이지만, 타입스크립트 코드에서 쓸 때는 결과 값은 타입스크립트의 타입입니다. const product: Product = { id: 'c001', name: '블랙 후드 집업', price: 129000, salePrice: 98000, m..

typescript : 마이크로소프트가 개발하고 유지하고 있는 오픈소스 ​ TypeScript is JavaScript with syntax for types. 타입스크립트는 자바스크립트에 타입이 추가된 언어 ​ ​ ​ npm init node js 프로젝트 만들기 ​ npm install --save-dev typescript 타입 스크립트 설치 ​ npx tsc --init 노드 모듈 실행 npx, 타입스크립트 컴파일러 tsc, init 초기 설정 파일을 설정하는 옵션 ​ package.json 파일안에 scripts 안에 "build": "tsc" "start" : "node main.js" --> npm start 실행가능 추가 ​ main.ts --> 타입스크립트 파일 생성 ​ npm run b..