[RN] 파일 절대 경로 설정하기 (babel-plugin-module-resolver)

파일을 불러올때는 상대 경로와 절대 경로라는 개념을 사용한다. 상대 경로란 쉬운 개념이다. .

/는 현재 디렉터리부터 시작해서 찾는 거고 ../는 현재 디럭터리에서 상위 폴더로 이동하는 거다.

절대 경로는 현재 어디에 있든, 무조건 root혹은 지정한 폴더부터 찾는 것이다. 처음 절대 경로를 설정하지 않으면 상대 경로를 이용하여 개발을 진행하다가 나중에 폴더를 바꾸고 옮기고 하다 보면...

상대 경로로 했을 때는 유지 보수하기 꽤 힘들다. 어디서는 ..

/를 ../../로 바꾸고 또 어디서는 줄이고.

이제 이런 막노동은 그만. babel-plugin-module-resolver라는 라이브러리와 함께 절대 경로로 설정을 해본다. (import from에서뿐만이 아닌 사진 경로를 불러올 때도 사용 가능하다.)

@babel/preset-react npm install --save-dev @babel/preset-react yarn add @babel/preset-react --dev babe...