<aside> 📝

목차

</aside>

환경 설정 과정에서 오류가 발생 시 롤백할 수 있도록 각 과정이 끝나고 정상적으로 동작하는 것을 확인할 때마다 commit을 진행한다.

모노레포로 사용하는 만큼 pnpm add -D vitest 와 같은 형태가 아닌 반드시 pnpm add -wD vitest 와 같은 형태로 공통 모듈을 다운받아 사용한다. -w는 워크스페이스 설치 옵션이다. 개별 프로젝트에 필요한 옵션은 -w 옵션을 사용하지 않는다.

📝 요약

초기 설정 기획안에 대해서는 옆의 링크에서 참고 가능합니다. : 환경설정 관련 정리

• pnpm-workspace 기반의 monorepo 개발 환경 구축

  • lint는 모두 root 디렉토리에 있는 eslint.config.mjs와 prettier.config.js 를 참고합니다.
  • **"누가 짠 코드인지 모르게 하자."**가 합의된 Lint 설정의 목표였고, 이에 따라 설정을 FE, BE가 공통으로 공유하는게 맞다고 생각되어 이와 같이 설정하였습니다.
  • 이에 따라 개별 디렉토리(Frontend, Backend)에서의 별도 lint 설정을 금합니다.
  • 뿐만 아니라, 설정 충돌의 가능성이 있기 때문에, 린트 수정시 J210_임재도에게 말씀해주시면 반영해서 수정해두겠습니다.

• airbnb style guide 및 컨벤션 및 팀원간 협의 내용 바탕의 eslint, prettier 설정

• Vitest 환경 구축

  • pnpm test를 통해서 테스트가능합니다.
  • 백, 프론트 모두 Vitest를 사용합니다.

• jsdoc, typedoc 시스템 구축

  • root 디렉토리에서 pnpm jsdoc, pnpm typedoc 명령어 사용 시 자동으로 문서가 생성됩니다.
  • 생성된 문서는 루트의 /docs안에 FrontEnd, BackEnd로 디렉토리 구분되어서 작성됩니다.
  • 작성된 문서는 해당 디렉토리의 index.html을 열 경우 확인할 수 있습니다.

• storybook 환경 구축

  • FrontEnd 디렉토리에서 pnpm storybook 명령어 사용 시 확인할 수 있습니다.

• tailwind 개발 환경 구축