[React] 상대경로 지옥에서 벗어나기 (craco)

개요 React는 기존의 Vanilla JS( 프레임워크를 쓰지 않은 순수 JavaScript )나 Jquery 사용시 불편했던 개발자의 욕구를 충분히 충족시켜주며 성장을 계속하고 있다. 하지만 인간은 편안함에 금방 익숙해지고 새로운 불편함을 또 찾고 그것을 고쳐내려 한다. 오늘은 React에서 개발한 프론트엔드 프로젝트 규모가 방대해져 import 해야 할 대상을 상대경로로 ../을 무한 반복하여 찾는 불편함을 해소할 craco에 대해 알아보고자 한다. 상대경로 지옥 - 페이지 컴포넌트 import 보통 App.js나 App.ts에 각 url에 따라 이동할 페이지 컴포넌트들을 정의 한다. 스타일에 따라 layout으로 분리하거나 몇개로 쪼개서 관리할 수 있겠지만 각 url에 맞는 페이지 컴포넌트들을 임..

2021.06.14