🤓 슬기로운 개발생활 🤓 슬기로운 개발생활

웹 개발을 공부할 때 자주 등장하는 단어 '웹팩', 웹팩이란 무엇일까? 하나의 웹 페이지를 만들기 위해서는 .sass파일(css), .js파일, .html파일, .jpg 이미지 파일 등 수많은 파일이 생겨난다. naver.com 페이지에 접속하더라도 굉장히 많은 JS,CSS, Img 파일들을 불러오는 것을 확인할 수 있다. 하지만 이렇게 많은 파일을 서버와 계속 통신하며 받아올 경우, 렌더링 속도가 느려질 것이다. 또한, 같은 변수명을 사용하는 다른 파일이 있다면, 덮어씌워지는 등 문제점이 생긴다. 바로 위의 문제를 해결하기 위해서 도입된 개념은 모듈(module)이다. 스크립트의 타입을 모듈로 바꾼 후, export, import를 사용해서 같은 변수를 가지고 있더라도 각각 분리해서 사용할 수 있다. ..