폴더에서 index.js로 컴포넌트 파일 관리

index.js로 컴포넌트 파일 관리하는 방법.

보통 리액트에서 컴포넌트를 불러오기 할 때

이렇게 한 페이지에서 여러가지를 불러오기 한다.
그러면 보기에도 지저분해보이고 길이도 길어지게 된다.
import 하는 것이 많아지면 나는 사실 정신이 없어서
이전에는 주석으로 정리를 했는데 그럼에도 불구하고 불러오는 것들이 많아지면 지저분해보이고 한눈에 안들어오는 것이 사실이었다.

이 문제를 index.js 파일을 만들어서 관리하면
정말 깔끔하게 한줄로 불러올 수 있게 된다.

이렇게 components 폴더 안에 index.js를 만들어서
컴포넌트 들을 import, export해준다.
그리고 불러올 곳에 가서 인덱스 파일로 불러오기를 하면

컴포넌트 갯수대로 불러오면 몇 줄씩 할애해야했던 코드가
한 줄로 여러 개의 컴포넌트들을 불러오기 할 수 있게 된다.

외국인이 올려놓은 강의들을 여러가지 따라하다보면
이렇게 꿀팁과 좋은 방법을 알게 된다.

엄청 기본적이지만 나는 몰랐고, 엄청 효율적이라고 생각한다.