프로젝트 셋팅하기

[Cheolsker]

리스트s

• Next.js
• 스타일 : tailwind
• 상태관리 : Recoil
• 유용한 라이브러리 : React-Query, Axios
• yarn berry 적용하기
• 테스트 : Jest, React-Test-library
• e2e 테스트 : Cypress
• 기타 : Docker (v?)
• CI : Github action

[Cheolsker]

yarn berry 셋팅

• 리멤버-웹-서비스-좌충우돌-yarn-berry-도입기/
  • https://blog.dramancompany.com/2023/02/%EB%A6%AC%EB%A9%A4%EB%B2%84-%EC%9B%B9-%EC%84%9C%EB%B9%84%EC%8A%A4-%EC%A2%8C%EC%B6%A9%EC%9A%B0%EB%8F%8C-yarn-berry-%EB%8F%84%EC%9E%85%EA%B8%B0/

[Cheolsker]

Next.js 테스트 셋팅

• https://nextjs.org/docs/pages/building-your-application/optimizing/testing

jest 셋팅

• https://nextjs.org/docs/pages/building-your-application/optimizing/testing#jest-and-react-testing-library

Cypress 셋팅

• https://nextjs.org/docs/pages/building-your-application/optimizing/testing#cypress

[Cheolsker]

Cypress open 오류

• [71534:0507/020001.294992:ERROR:node_bindings.cc(279)] Most NODE_OPTIONs are not supported in packaged apps. See documentation for more details.
  • "Your application tried to access bluebird, but it isn't declared in your dependencies." When using Component Testing with Yarn PnP cypress-io/cypress#26567 (comment)

Yarn pnp 환경에서 최신 Cypress 버전과 충돌이 있는 듯.
Cypress 버전을 다운그레이드해야할 듯.