ProductPage import 할 때, from index.jsx가 아닌 이유
안녕하세요.
강의 재밌게 듣고 있습니다!
App.jsx에서 import ProductPage from "./pages/ProductPage" 부분에서 실제 코드는 index.jsx에 작성되어 있는데 디렉터리명인 ProductPage로 경로를 지정해도 동작하는 이유가 궁금합니다.
답변 1
0
웹팩이 자바스크립트를 포함한 프로젝트 파일을 모듈로 로드합니다. 웹팩은 노드 js 환경에서 동작하는데요. 웹팩이 모듈을 로드하는 방식 때문입니다.
노드js는 "./"로 시작된 경로를 파일 혹은 디렉토리로 로드합니다.
파일이 아니라서 디렉토리를 로드합니다.
디렉토리에 package.json을 찾습니다.
없어서 index.js를 로드합니다.
간단히 말씀드리면
"./pages/ProductPage" 파일이 있으면 로드하고
없으면 그 아래 index.js를 찾는 방식을 사용합니다.
자세한 내용을 이 문서를 참고하시면 좋습니다.
백오피스를 개발할 때 아키텍처 구성에 대한 질문
0
58
3
잘못된 useEffect 사용?
1
94
2
useEffect 의존성 질문
1
90
2
orderableProductItem 에 관하여...
0
87
2
강의 자료, 블로그, 깃 주소
0
87
1
React 훅 구현 원리와 실무 패턴 관련 질문 (useState, useEffect 순서 및 핸들러 구조)
1
123
2
pushState로 주소를 바꾸면 렌더링이 안 되는 이유가 궁금합니다.
1
103
2
FormControl 컴포넌트 사용시 htmlFor prop 값 넘길 때 중괄호 이유
1
130
1
dispatch 함수도 리렌더링 유발하지 않나요?
1
212
2
ProductItem에서 onClick = {onClick}을 달지 않아도 되는 이유
1
170
2
replaceState를 쓰지 않는 대안
1
205
2
setValue 메서드를 바인딩 해야 하는 이유
1
177
2
MyReact를 IIFE(즉시실행함수)로 설계하신 이유
0
224
2
[4.4장 메모이제이션 훅] 4.4.3 memo 참조 비교
0
139
1
useRef 관련하여 질문드립니다
0
157
2
렌더 프롭 관련하여 질문드립니다
0
192
2
[1.2장 상품목록 화면] 1.2.3 Button ...rest 관련 질문 드립니다.
1
401
2
[4.4장 메모이제이션 훅] 4.4.4 useCallback curried function에 관한 질문입니다.
1
325
2
[4.4장 메모이제이션 훅] 4.4.2 useMemo 에서 every 함수에 관한 질문입니다.
1
363
2
[4.3장 리듀서 훅] 4.3.7 활용 MyForm(풀이) 오타 제보 및 질문이 있습니다.
1
287
2
[4.1장 레프 훅] useRef관련 질문이있습니다.
1
340
1
[1.3장 주문 내역 화면] 1.3.5 Card 조합 질문 있습니다
2
295
1
[3.5장 컨택스트 훅] 3.5.2 useContenxt 에서 질문이 있습니다.
1
448
2
[1.3.6 상태정의] state 관련
1
264
1