지금까지는 Nav.js, Banner.js, Footer.js, App.js 이런식으로 파일을 생성했고, 파일내용도 export default function Nav() {} 이렇게 작성했었잖아요?그런데 Dom이 나오면서 pages/폴더 밑에 있는 파일들을 전부 index.js로 만들고 export default function SearchPage() { } 이렇게 작성했는데.... &nbsp;1) 파일명을 function명과 다르게 작성한 이유가 있을까요? (아니면 파일명과 function명을 같게 해도 되나요?)2) (위의 답변 중 파일명과 function명을 같게 할 수 없을 경우) 이렇게 되면 실무에서는 파일마다 폴더를 작성해야 하는건가요?

안녕하세요 함수 컴포넌트의 이름과 파일 이름과 같게 해도 되지만 관습적으로 index.html 파일로 하는 게 더욱 좋은 방법입니다. 그러므로 인해서 해당 함수 컴포넌트를 Import 할 때도 파일명까지 적지 않아도 되고 해당 폴더 안에 기본 파일이라 것도 명시할 수 있습니다. 감사합니다.

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

파일명이 궁금해요.