HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🚀
개발 노트/
🚀
아트집 - 예습/
🎮
프로젝트 생성
🎮

프로젝트 생성

 

기술 스택

  • 라이브러리: React.js
  • 프레임워크: Next.js
  • 타입: TypeScript
  • 전역 상태 관리: Recoil
  • API: axios
  • 스타일
    • Emotion, Emotion/styled
    • ui 라이브러리: Antd
        • (참고: https://www.notion.so/UI-db821b91024147199bd7d02dda29da7f)
    • storybook 도입 X
        • 공통 컴포넌트 등 필요하다면 추후 도입을 검토할 예정
    • figma - 와이어프레임, 디자인시안
  • 배포: vercel (Next 공식문서, vercel 부분)
  • 라이브러리 관리: yarn
  • husky, lint-staged
 

참고 자료

Start a clean Next.js project with TypeScript, ESLint and Prettier
TypeScript is awesome. So is Prettier. In this post, we will learn how to configure ESLint to make it work with Prettier within a Next.js app, and finally how to integrate this tooling with Visual Studio Code. Let's do it!
https://paulintrognon.fr/blog/typescript-prettier-eslint-next-js
ESLint 설정 살펴보기
ESLint 설정에 대해서 살펴봅니다. 이 문서는 eslint.org를 참고하여 eslint 6.8.0 버전 에서 작성되었습니다. (2020/03/02) ESLint Configuration은 eslintrc.* 파일 또는 package.json의 eslintConfig 필드에 작성할 수 있습니다. ESLint의 핵심 구성 정보는 세가지 영역으로 나누어져 구성되어 있습니다. Environments: 스크립트 실행환경에 대한 설정, 사전 전역 변수 설정등 Globals: 사용자가 추가하는 전역 변수 Rules: 활성화 규칙 및 오류 수준 parserOptions 은 ESLint 사용을 위해 지원하려는 Javascript 언어 옵션을 지정할 수 있습니다.
ESLint 설정 살펴보기
https://velog.io/@kyusung/eslint-config-2
ESLint 설정 살펴보기