<aside> 💡 에브리벤트의 구체적인 프론트엔드 기초 환경 세팅 과정을 공유하고자 이 글을 씁니다. 모든 세팅의 원천은 여기로 하면 좋을 것 같아요! -Jason

</aside>

목차

기술 스택(211130~) /

저희 팀은 현재 다음과 같은 기술 스택을 사용하고 있습니다.

• React
• Next.js
• Emotion
• Storybook
• TypeScript
• eslint
• prettier
• StyleLint

<aside> 💡 구체적인 버전에 따라, 실제 세팅에서 오류가 날 수 있음을 주의하여, 이 글을 통해 서로가 안전하게 세팅을 관리할 수 있도록 글을 씁니다.

</aside>

React, Next.js, TypeScript

next.js는 CRA처럼 간단한 세팅을 제공합니다. 따라서 typescript 옵션까지 넣어주어 간단하게 설치를 하였습니다.

yarn create next-app --typescript

Emotion