CRA 없이 React 개발환경 구축
프로젝트 링크.
https://github.com/seungdeok/react-without-cra
프로젝트를 시작하며.
Webpack, Babel 그리고 CRA에서 지원해주는 당연시 여기는 기능들을 정리하며
CRA없이 커스텀 개발환경 구축을 하기 위한 첫 프로젝트로 시작했다.
KPT.
Keep.
Webpack 세팅과 Babel 세팅 보일러 플레이트를 만들어 다른 프로젝트에서 사용할 수 있을 것 같다.
Problem.
실제 CRA에서는 지원해주는 Testing, ESLint과 같은 개발 생산성을 도와주는 도구들이 있는데 추가 작업이 필요할 것 같다.
Webpack 세팅을 보일러 플레이트로 만들었지만, 다른 프로젝트에서도 사용할 수 있도록 리팩토링이 필요하다.
Try.
CRA에서 지원해주는 다른 도구들도 추가 작업을 할 예정이다.
Webpack에 대한 공부를 다시해보고 다른 프로젝트에서 쓸 수 있도록 리팩토링을 할 예정이다.
프로젝트를 마치며.
가장 많이 쓰는 라이브러리인데 실제로 안다고 생각했던 부분들을 헤매며 작업을 하느라 진땀을 뺐다.
CRA와 같은 kit가 나왔을 때 내가 편한 방법으로만 쓰다보니 이지경(?)이 되지 않았나싶은 생각도 들고
"내가 불편해야 사용하는 사람이 편하다"는 말을 어디선가 들었던 것 같은데 개발도 내가 귀찮더라도
뜯어보는 작업이 필요한 것 같다.
Next Step.
커스텀 개발 환경 구축의 첫 단추를 끼워넣었다고 생각한다.
두 번째로 이 코드를 베이스로 CRA와 같은 kit를 만들어볼 생각이다.
물론 토이 프로젝트용이 될 수 있겠지만,
내가 쓰는 기술을 직접 만들어보며 Row Level로 내려가보며 제작자의 의도를 이해하는 것이
해당 기술 이해에 가장 빠른 방법이 될 것 같다.
Last updated