TypeScript (2) 썸네일형 리스트형 [#. Storybook] React+Typescript+Storybook 시작하기 ① react 프로젝트에 storybook 설치 및 실행 ⑴ 설치 $ npx create-react-app [프로젝트명] --template typescript 아래 명령어들은 react 프로젝트 경로에서 입력한다 $ npx sb init ⑵ 실행 # npm $ npm run storybook # yarn $ yarn storybook @ npm run storybook 했지만 실행 에러 발생했을 경우 package-lock.json, yarn.lock, node_modules 삭제 npm cache clean --force npm install 아래 화면이 잘 뜨면 된다 @ 기존 React 프로젝트에 typescript 적용할 경우 # npm npm install typescript @types/nod.. u[#. TypeScript] TypeScript 기초, 기본 개념 시작하기 TypeScript를 쓰는 이유 큰 프로젝트일수록 JS의 자유도는 독이 된다 에러 메시지 퀄리티가 높다 * React에서 TypeScript를 사용한다면 .ts 대신 .tsx를 사용해야 한다 .ts는 순수 TypeScript 파일에 사용하고 .tsx는 JSX를 포함하는 파일에 사용하기 때문이다 .ts 파일에서 React를 사용하면 에러가 발생한다 @ JavaScript와 TypeScript 차이점 JavaScript TypeScript - 컴파일 필요(to JS) 동적(Dynamic) 언어 정적(Static) 언어 Runtime 에러 발생 Runtime 전에 에러 발생 Interfaces, Generics X Interfaces, Generics O 배포 전에 JavaScript로 컴파일되어야 한다 ① .. 이전 1 다음
