CRA 사용하지 않고 webpack으로 dev server 설정하기

공부하게 된 계기

요새 GSAP이란 애니메이션 라이브러리로 스크롤 애니메이션 만들면서 놀고 있다.

명색이 디자이너 출신인데 깔삼한 랜딩페이지 좀 잘 만들어야 하지않겠나.

원래 이쁜 인터랙션 만들고 싶어서 코딩 배우기 시작한건데 이제서야 하고 있다..

 

하여튼 내가 짠 코드를 로컬에서 확인해볼 때 VSC live server환경으로도 충분하긴 한데

dev server를 쓰는 감각에 익숙해져 있어서 그런지 따로 구축하고 싶어졌다.

그러나 나는 지금까지 Dev Server를 따로 만들어본 적은 없고 미리 구축된 템플릿을 npm 설치만 해봤다.

(CRA를 하거나, Vite 템플릿을 쓰거나, Create Next App을 쓰거나...)

 

굳이 실습 한 번 하는데 템플릿을 다 다운받을 필요는 없을거 같고,

webpack devServer만 깔아봐야지 싶어서 이번 기회에 깔아봤다.

 

 

공부하게 된 계기