프론트 환경 설정(ESLint, Prettier, Axios, Tanstack Query, MSW, Shadcn UI)
이전 포스팅에서 PNPM, Vite, React, TypeScript, TailwindCss 를 설치 및 설정하였고, 이번 포스팅에서 이어서 진행해보겠다.https://miroong.tistory.com/7 프론트 환경 설정(PNPM, Vite, React, TypeScript, TailwindCss)프로젝트를 시작할 때 보통 스캐폴딩 도구(CLI)를 사용하거나 이전에 사용했던 설정 파일을 복사해서 쓰곤 했었는데, 모노레포 구조를 연습하는 과정에서 많은 어려움을 겪었고, 프로젝트 설정miroong.tistory.com 5. eslint + prettier 설치 및 설정코드 포맷팅을 도와주는 prettier 를 먼저 설정 하도록 하겠다. prettier 도 개발시에만 필요한 패키지이므로 -D 옵션을 주어 ..
프론트 환경 설정(PNPM, Vite, React, TypeScript, TailwindCss)
프로젝트를 시작할 때 보통 스캐폴딩 도구(CLI)를 사용하거나 이전에 사용했던 설정 파일을 복사해서 쓰곤 했었는데, 모노레포 구조를 연습하는 과정에서 많은 어려움을 겪었고, 프로젝트 설정에 대해 기본적인 개념을 공부해야할 필요성을 느꼈다. 프로젝트 초기 설정 방법을 공부하려는 목적인 만큼 스캐폴딩 도구 없이 굳이 빈폴더에서 부터 시작하여 평소 사용해 본 도구 및 라이브러리를 모두 추가하며 설정에 대해 공부한 내용을 기록해보았다.추가 될 예정인 도구 및 라이브러리패키지 매니저 : PNPM빌드 도구 : Vite코어 : React, TypeScript스타일링 : Tailwind CSS, Shadcn UI데이터 및 네트워크 : Axios, Tanstack Query, MSW코드 퀄리티 : ESLint, Pret..
