[React + TypeScript + TailwindCSS] 개발 환경 구축하기
·
Frontend
이번에 새로운 프로젝트를 진행하면서,개발 환경 구축을 맡게 되었다. 앞서 진행한 프로젝트들에서도 초기 세팅을 맡았긴 했지만TypeScript와 TailwindCSS로 개발하는 것은 처음이기 때문에이번 기회에 차근차근 정리해보고자 한다. 1. Vite로 프로젝트 생성yarn create vite√ Project name: ... (프로젝트 명)√ Select a framework: » React√ Select a variant: » TypeScript + SWC 2. 프로젝트 폴더 터미널에서 installyarn 3. eslint 설정yarn add -D eslint 개발 의존성을 위해 -D를 붙여 설치한다. 이후 eslint를 typeScript에 적용하기 위해 추가적인 플러그인을 설치해준다.yarn ..