미어켓

프로젝트 초기화

프로젝트 초기화

프로젝트 초기화

yarn create vite

스토리북 설치

# yarn 1 버전에서는 최신 버전에서 사용 가능한 dlx 명령어가 작동하지 않음 (yarn dlx storybook@latest init)
# npx 명령어를 사용해도 별도로 문제될 부분은 없기 때문에 npx 사용
npx storybook@latest init

ESLint

우아한 기술 블로그 우리 팀을 위한 ESLint, Prettier 공유 컨피그 만들어보기 참고

• 위 링크에 작성된 eslint config 하나로 묶어서 사용할 수 있게 설정파일 작성
• eslint 버전(9.13.0)에서 rushstack을 사용할 수 없어 버전을 8.57.1로 변경
• package.json에 자동으로 작성된 storybook eslint 플러그인 config 파일로 이동

플러그인 설치

# eslint config를 변경하면서 사용하지 않는 패키지 제거
yarn remove globals @eslint/js typescript-eslint
yarn add --dev @rushstack/eslint-config eslint-plugin-jsx-a11y eslint-plugin-no-relative-import-paths eslint-plugin-react @tanstack/eslint-plugin-query

• @rushstack/eslint-config
• eslint-plugin-jsx-a11y
• eslint-plugin-no-relative-import-paths
• @tanstack/eslint-plugin-query

라이브러리

yarn add react-router-dom
yarn add zustand @tanstack/react-query @tanstack/react-query-devtools
yarn add @emotion/react @emotion/styled
yarn add swiper react-icons
yarn add lodash-es react-hook-form