목록TypeScript (2)
치악산 복숭아
원본 영상TypeScript로 실제 세상에 존재하는 타입을 만들기 | 2023 INFCON👷 Type Safe런타임에 타입 에러가 안나는 코드타입 오류가 있다면 빌드 타임(컴파일 타임)에 찾아내는 것+ 내가 의도하지 않은 타입이 나타나지 않는 것 실제 세상에 있는 타입 ex) 실제 세상에서의 채팅 메시지는 텍스트 타입과 이미지 타입 2가지 종류가 있다. 하지만 아래처럼 ChatMesasge 타입을 정한다면?export interface ChatMesasge { id: string; messageType: string; // "Image" or "PlainText" imageUrl: string | null; plainText: string | null;}export const chat: ChatMess..
1. 개발이 진행될 폴더를 만들어준다 cd 폴더를 만드려는 경로 mkdir 폴더 이름 2. npm init으로 package.json을 생성해서 초기화 해준다 (y 옵션을 붙여주면 별다른 질문(version, description ...) 없이 생성된다 npm init [-y] 3. 리액트를 설치한다 npm i react react-dom 4. 프로젝트의 시작점이 될 파일 위치를 잡는다 나의 경우는 프로젝트 루트 경로에 index.html을 생성한 뒤, src 폴더를 만들어서 그 안에 App.tsx와 index.tsx 파일을 생성했다 // src/App.tsx function App() { const test = (str: string) => { return str; }; return {test("he..