[협업] 네이밍 규칙

So'sCode·2023년 9월 10일

GDG X Whatever

목록 보기
7/11

💬 네이밍 규칙을 왜정해야해?

프론트와의 협업이 처음이다보니 예전에는 내가 원하는대로 나만의 규칙에 맞게 변수와 파일명을 네이밍 했는데 협업이라는 것은 혼자가 아닌 같이 하는것이다보니 들쑥날쑥한 네이밍보다 일관적인게 좋다고 판단하여 협업하는 친구와 네이밍 규칙을 정하게되었다.

👥 네이밍 규칙

기본적으로 네이밍은 기능을 알 수 있게끔 분명하게 만들자
이것이 모든 네이밍의 첫번째 규칙이였다.

  1. 파일명은 camelCase
  2. 직접적으로 들어있는 컴포넌트 ( 스타일 컴포넌트 ) 는 PascalCase
  3. 모든 컴포넌트, 스타일 컴포넌트는 PascalCase로
  4. 페이지 파일명과 해당 컴포넌트 명 또한 PascalCase
  5. 컴포넌트 명과 파일명을 일치 시킨다.
  6. 함수, 변수, hook은 camelCase
  7. 밑줄 부분은 모두 일치시키기(PascalCase)/ 동그라미 친 path는 소문자로만
  8. 이미지가 들어있는 asset파일명은 소문자로
profile
이왕하는거미루지말고하자.

0개의 댓글