파일명이 궁금해요.
242
작성한 질문수 5
지금까지는 Nav.js, Banner.js, Footer.js, App.js 이런식으로 파일을 생성했고, 파일내용도 export default function Nav() {} 이렇게 작성했었잖아요?
그런데 Dom이 나오면서 pages/폴더 밑에 있는 파일들을 전부 index.js로 만들고 export default function SearchPage() { } 이렇게 작성했는데....
1) 파일명을 function명과 다르게 작성한 이유가 있을까요?
(아니면 파일명과 function명을 같게 해도 되나요?)
2) (위의 답변 중 파일명과 function명을 같게 할 수 없을 경우) 이렇게 되면 실무에서는 파일마다 폴더를 작성해야 하는건가요?
답변 1
2
안녕하세요
함수 컴포넌트의 이름과 파일 이름과 같게 해도 되지만 관습적으로 index.html 파일로 하는 게 더욱 좋은 방법입니다. 그러므로 인해서 해당 함수 컴포넌트를 Import 할 때도 파일명까지 적지 않아도 되고 해당 폴더 안에 기본 파일이라 것도 명시할 수 있습니다.
감사합니다.
강의 소스 코드 압축 풀기 오류
0
117
1
런타임 에러 ㅠㅠ
0
137
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
150
1
안녕하세요 개발과 상관없는 질문입니다만
0
155
1
리액트 라우터 관련
0
143
1
react-beatiful-dnd에서 문제가 발생합니다.
0
142
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
864
1
useEffect로 사용을 해도 되나요?
0
230
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
218
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
325
2
리액트 dockderfile 작성 시 COPY 질문
0
178
1
next.js에서부터는 react query 필요없는지
0
352
1
기능
0
232
1
오류가 안보여요
0
230
1
CSS
0
245
1
local storage
0
249
1
list컴포넌트 생성하기
0
256
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
373
1
Banner.css에 대해서
0
489
1
플러그인이 추천을 안해줍니다
0
364
1
마이너스버튼 테스트
0
307
2
리액트 서버 실행 오류
0
1194
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
327
1
creactStore질문이요
1
321
2