최근 webpack을 활용한 cra 대신 Vite(veet)를 활용한 환경과 npm 대신 PNP 방식의 패키지 매니저를 활용한 새로운 환경이 선보여지고 있습니다. 그 중 패키지 매니저는 pnpm을 활용하여 작업해 보았고 typescript를 기반으로 하며 eslint(tslint), sass, styled-components, stylelint 를 추가하며 실무에서 필요한 내용들을 정리해 보았습니다. 내용 Vite + pnpm 설치하기 단축 경로 지정하기 Prettier + ESLint 적용하기 React-Router 설치하기 Sass, Styled-components 설치하고 stylelint 적용하기 git 업데이트시 lint 체크 하도록 설정하기 antd 설치하기 1. Vite + pnpm 설치 p..