Jeonny-Boilerplate ? vite를 활용해 React + Typescript 개발 환경(프로젝트)를 생성합니다. 대부분의 리액트 프로젝트에서 기본적으로 사용되는 라이브러리가 포함되어있고, 코드 포맷팅을 돕기 위한 도구들도 추가되어 있습니다. npm에 배포되어 있어서, 누구든 쉽고 빠르게 사용할 수 있습니다. https://www.npmjs.com/package/jeonny-boilerplate 왜 만들었나요? 매번 새로운 프로젝트를 진행할 때마다, vite, cra로 프로젝트를 생성하고, eslint, prettier, 기타 라이브러리들을 추가적으로 설치하는 과정이 번거로웠습니다. 특히 eslint, prettier는 설정 과정에서 종종 에러가 발생하기도 해서, 시간을 더욱 잡아먹곤했습니다...

1. 프로젝트 생성 명령어 사용 npx create-react-app myapp --template=typescript tsconfig.json 수정 compilerOptions에 “baseUrl”: “./src” 추가 → 기본 절대 경로를 설정하는 구문 2. ESLint 1) vsc 익스텐션 - eslint 설치 2) package.json 수정 CRA로 기본 생성된 코드 제거 → lint 설정은 package.json에서 할게 아니라 .eslintrc.json에서 할 거라서! "eslintConfig": { // 삭제 "extends": [ // 삭제 "react-app", // 삭제 "react-app/jest" // 삭제 ] // 삭제 }, // 삭제 npm scrips에 스크립트 추가 ... "..