react 프로젝트에서 index.js 파일 질문

[송혜교]

 

create-react-app 으로 프로젝트 생성 시,

default 로 src/index 파일을 entry point로 하는걸로 알고있습니다.

그런데 한 프로젝트 내에서 

각 폴더마다 index.js를 가지고 있고, 이 index.js 파일에는 

export { default as Component } from './Component'; 와 같은 내용만 있는 경우를 보게 되었습니다. 

이렇게 index.js 파일을 폴더별로 만들고 폴더 내의 컴포넌트들을 exports 하는 이유나 원리는 무엇일까요?? 

왜 그렇게 하는지 이해가 잘 되지 않아 질문 남깁니다. ㅠㅠ 

 

index.js 

export { default as Component1 } from './Component1';

export { default as Component1 } from './Component2';

 

components 폴더구조

/components

index.js

Component1.jsx

Component2.jsx

 

 

index.js 

export { default as Page1 } from './Page1';

export { default as Page2 } from './Page2';

 

pages 폴더 구조

/pages

index.js

page1.jsx

page2.jsx

[codingapple]

App.js 에서 page1 page2 두개 필요할 때 import 2번쓰기 귀찮아서 그런가봅니다 

[글쓴이]

글