Webpack

📌 주제 > 직접 Webpack의 속성들을 이용하여 개발환경 세팅해보기 2주차에는 1주차에 접했던 웹팩의 주요속성들을 이용하여,직접 프론트엔드 개발환경을 설정해보는 것이 주제였다. 따라서, 세팅을 하기위해 필요한 웹 어플리케이션을 만들어야 했고, 보통 SPA 프레임

개인 프로젝트를 CRA(Create-React-App)을 통해, 세팅을 하고 진행을 하면서, 웹팩의 존재를 알게 되었고,CRA도 누군가 만들어 놓은 웹팩 설정이기 때문에, 추후에 프로젝트를 커스터마이징을 할 일이 생긴다면 웹팩을 다룰 줄 알아야 한다고 생각했다. 또한,

📌 주제 > 리액트 환경 세팅, 코드 스플리팅과 캐싱 적용하기 이번에는, 웹팩에서 리액트를 사용할 수 있게 설정을 하고, 코드 스플리팅과 캐싱을 하는 방법에 대해서 알아보도록 하겠다. 이를 위해서, 진행한 프로젝트는, 기존에 CSS,SCSS를 주로 이용했었기 때문에

📌 주제 > ESlint + prettier, 타입 스크립트 적용하기 4주차에는 원래 타입스크립트만 적용해보는 것이 그만이었지만, 기존에, 프로젝트를 하면서, 여러가지 시도를 했었는데, 그 중 하나가 ESlint와 prettier를 도입해보는 것이었다. 하지만 pr