Next.js React Typescript Tailwind CSS

Prettier ESLint

버전

• npm : 10.3.0
• node : 20.10.0

네이밍 규칙

<aside> 💡 폴더, 컴포넌트, 파일명 모두 조금 길어지더라도 불분명하게 짓지 말자. 역할이 분명하게 보이도록 명명하자.

</aside>

폴더

• 직접적으로 컴포넌트들이 들어있는 폴더명 : PascalCase
• 직접적으로 컴포넌트들이 들어있지 않은 폴더명 : camelCase
• components 폴더
  • 재사용 가능한 컴포넌트
  • 다양한 곳에 사용 가능한 범용 가능한 컴포넌트

컴포넌트 (styled-component 포함)

• PascalCase

• index.js는 소문자로 시작

  import LogIn from 'LogIn';
  

  ** 폴더 안에 index.js 파일이 있다면 다른 파일에서 해당 파일을 import 할 때 폴더 자체를 import하는 것이 좋다.*

js 함수, 변수, hook