[개발일지(Fig Notes)] 컴포넌트의 파일명에 대한 고민

나는 보통 어떤 페이지를 개발해야 할 때,(여기서는 멤버 페이지를 개발한다고 가정하겠다) Header 컴포넌트에 대한 파일명을 지을 때 MemberHeader.tsx가 아니라 Header.tsx로 짓는 편이다. MemberHeader.tsx로 짓다보면 일관성을 위해 MemberList, MemberListItem 등 계속해서 Member라는 접두사를 붙여줘야 하기 때문이다.

또 members/_components/Header.tsx  vscode 상단에 보면 이렇게 폴더구조로 어떤 페이지의 Header인지 이해할 수 있기 때문에 간결하게 작성해왔다.

 

그런데 문득.. 프로젝트 규모가 큰 경우는 내가 사용하는 방법이 그닥 좋은 방법은 아닐 거라는 생각이 든다. 확실히 저 경로를 보고 컨텍스트를 파악하는 것 보다는 MemberHeader.tsx로 직관적으로 바로 알 수 있는게 편하긴하니까!

 

음 어떤 식이든 가장 중요한 건 팀 내 컨벤션이긴 한데, 프로젝트 규모에 따라서 어떻게 네이밍을 할 건지에 대한 고민을 해보는 시간이었다.