반응형 typescript3 [React/Vite] CRA(Create-React-App) 프로젝트를 Vite 로 변환하기 CRA(Create-React-App)을 Vite로 변환 1. Vite란? Vite는 최신 웹 애플리케이션의 개발 환경을 최적화하도록 설계된 최신 빌드 도구 및 개발 서버다. 기본 ES 모듈을 사용하여 시작 시간을 단축하고 핫 모듈을 효율적으로 교체할 수 있으므로 보다 원활하고 빠른 개발 프로세스가 가능하다. Vite는 매우 유연하고 사용자 정의가 가능하므로 프로젝트 구성을 더 많이 제어하려는 개발자에게 매력적인 선택이다. 전반적으로 Vite는 최신 웹 애플리케이션을 더 빠르고 효율적으로 구축하는 것을 목표로 하는 도구다. https://vitejs-kr.github.io/ Vite Vite, 차세대 프런트엔드 개발 툴 vitejs-kr.github.io 2. Vite를 써야하는 이유 Vite와 CRA(.. 2023. 3. 27. [React] 개발 환경 설정 ESLint(eslint-config-airbnb-typescript) + Prettier + React + TypeScript 개발 환경 설정 ESLint + Prettier + React + Typescript 1. ESLint 설치하기 yarn add -D eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser 우선 ESLint와 Typescript용 plugin, parser를 설치한다. 설치과 완료되면 root폴더에 .eslintrc.json 파일을 생성하거나 커맨드 창에 npx eslint --init 을 치면 아래와 같은 순서로 답변하면 그대로 설정파일이 만들어 진다. 1. check syntax and find problems 2. Javascript modules 3. React 4. Yes 5. Browser 6. JSON 7. Yes 설치가 안되는 .. 2023. 3. 2. [Typescript] 타입스크립트로 블록체인 만들기-(1)Typescript 기초 배우기 노마드 코더 [Typescript] 기초 - 블록체인 만들기 코딩쟁이들이라면 들어봤을 법한 유튜버 '노마드 코더'의 Typescript 무료 강의로 아래 사이트에 들어가면 볼 수 있다. https://nomadcoders.co/typescript-for-beginners 타입스크립트로 블록체인 만들기 – 노마드 코더 Nomad Coders Typescript for Beginners nomadcoders.co Javascript에 Types를 선언해 추적이 안되던 error나 type들에 대해 쉽게 알 수 있고, javascript의 superset이기 때문에 다른 라이브러리들에 적용해도 쉽게 사용이 가능하다. Javascript를 객체지향적으로 사용하고 싶을 때 용이하며 나 같은 윈도우 개발자 (C++.. 2022. 8. 29. 이전 1 다음 반응형
