diff --git "a/day01hw/webpack_201302477_\354\240\204\354\262\240\353\257\274.txt" "b/day01hw/webpack_201302477_\354\240\204\354\262\240\353\257\274.txt" new file mode 100644 index 0000000..255505b --- /dev/null +++ "b/day01hw/webpack_201302477_\354\240\204\354\262\240\353\257\274.txt" @@ -0,0 +1,22 @@ +201302477_전철민 + +웹팩이란 ? + +웹 어플리케이션의 규모가 커지면서 복잡성을 대응하기위해 +사용되는 리소스나 자바스크립트 코드등을 번들로 묶어 사용할 수 있도록 돕는 모듈 번들러이다. +웹팩의 구성은 엔트리, 아웃풋, 로더, 플러그인이다. +웹팩에서는 모든 것이 모듈이다. +이 모듈 간의 의존성을 해결하고 하나의 파일로 묶어 줄때, +관계간 시작점을 엔트리라부른다. +엔트리로부터 시작하여 모든 모듈을 하나로 묶어서 번들된 결과물을 처리하는 위치를 아웃풋으로 연결해준다. +웹팩은 자바스크립트 말고는 다른 파일에 대해서는 모르기에 로더를 이용해서 어떻게 사용할지 어떤 파일을 사용하는지 설정한다. +마지막 개념인 플러그인은 번들된 결과물에 대한 추가적 작업을 해주는 요소이다. + +출처 : http://blog.jeonghwan.net/js/2017/05/15/webpack.html +http://jusungpark.tistory.com/52 + +왜 사용해야하는 가 ? + +알아본 바로는 Webpack은 모든 리소소들에 대한 의존성 그래프를 생성하여 빌드하도록 한다. 따라서, 다양한 리소스가 들어있는 프로젝트라면 webpack을 사용하는게 적합할 것이다. 이 의존성 그래프란게 큰역할을 하는 듯하다. + +출처 : http://haviyj.tistory.com/17 \ No newline at end of file