인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다. 김성관님!

파일명 작명과 관련된 질문을 주셔서 감사합니다. 리액트와 Next.js에서의 파일명 작명 규칙은 경우에 따라 다르게 적용되며, 이와 관련된 내용은 아래의 링크에서 보다 상세하게 확인하실 수 있습니다.

1. 컴포넌트 파일명을 소문자로 하지 않는 이유

   • 이 링크에서는 Next.js의 파일명 관례와 관련된 설명이 있습니다. Next.js에서는 loading.tsx, error.tsx와 같은 특정 시스템 파일에 대해 소문자 사용이 강제되어 있습니다. 따라서 이러한 규칙에 맞춰 다른 컴포넌트 파일명도 소문자로 사용하는 경우가 많습니다. 이는 시스템의 일반적인 규칙을 따르는 것이지, 필수적인 것은 아닙니다. 리액트에서는 일반적으로 대문자로 시작하는 파스칼 케이스(PascalCase)를 사용하는 경우가 많습니다.
     

2. 화살표 함수 대신 function 사용 이유

   • 함수 선언식으로 컴포넌트를 만드는 것은 여러 가지 이유가 있을 수 있지만 대부분은 팀의 스타일이나 개인 기호에 따라 결정됩니다. 선언과 동시에 export default로 내보내는 것이 가능하다는 점도 있습니다.
     

3. 파일명과 내보내는 함수의 이름이 다른 이유

   • 이 부분 또한 코드의 가독성을 위해 일치시키는 것이 일반적이지만, 필요에 따라 다르게 사용하는 경우도 있습니다. 이는 프로젝트 또는 파일 구조상 구체적인 이유가 있을 수 있습니다.
     

질문자님이 주신 질문과 유사한 답변을 기존의 포럼에서 찾아봤습니다. 아래 링크에서 자세한 내용을 확인하실 수 있습니다.
이해를 돕고자 유사한 질문에 대한 링크와 설명을 제공하고 있으며, 추가적인 질문이 있다면 언제든지 이어서 질문해 주세요. 곧 지식공유자께서 자세하게 답변해 주실 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.