• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 react 프로젝트에서 index.js 파일 질문

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

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #35278

    송혜교
    참가자

     

    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

    #35283

    codingapple
    키 마스터

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

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠