/client/src/store.js 코드 검토

리액트로 나만의 블로그 만들기(MERN Stack)

작성

227

코드를 검토하고 있는 데요 .. 16강에서 /client/src/store.js 파일을 보면

import rootsaga from ".redux/sagas" 로 되어 있는데 ".redux/sagas/index" 가 아닌가요?

위줄에서 reducers/index 인 것 처럼이요.

수고하세요.

답변 3

질문자

예, 잘 알겠습니다. 제가 초보자라서 .. 그러면 윗줄의 reducers/index 도 그렇게 할 수 있네요. 고맙습니다.

지식공유자

오히려 알려주셔서 감사합니다.

다음번 강의에는 이렇게 말씀해주신 내용을 모아서 보완해서 만들수 있어서

더 감사합니다. ^^ 😊 그럼 즐거운 주말되세요~~*^^*

지식공유자

index.js는 폴더의 진입점 역할을 하기에, 폴더명 자체를 import 할 수 있습니다.

보통 이것을 encapsulation(캡슐화)이라 합니다.

즉 내보낼 것들(sagas, reducers 등 / 캡슐알갱이들 이라고 생각하시면됨)을 모두 하나의 폴더(캡슐 / 알약처럼..)로 가져와서

내보내는 것입니다.

그래서 다른 곳에서는 index.js파일이 있는 폴더만 import 하면 나머지것들도 다 들오게 됩니다. 마치 알약먹는 것처럼요..

일반적으로는 index.js파일이 있을 경우, 폴더명만 import합니다.

하지만 저 경우는 제가 index.js까지 가져온 것도 있는데, 폴더명만 가져오는 것이 더 깔끔해 보이겠네요.

(결론) 둘다 같지만, index.js 파일이 있는 경우 폴더명만 import 하는 것이 일반적임

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