From 66730bd215fef791e38ba2901ad0175ea618585b Mon Sep 17 00:00:00 2001 From: "Cheolmin,Jeon" <37009133+minimal1@users.noreply.github.com> Date: Fri, 2 Nov 2018 16:17:41 +0900 Subject: [PATCH 1/2] =?UTF-8?q?webpack=5F201302477=5F=EC=A0=84=EC=B2=A0?= =?UTF-8?q?=EB=AF=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ..._\354\240\204\354\262\240\353\257\274.txt" | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 "day01hw/webpack_201302477_\354\240\204\354\262\240\353\257\274.txt" 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..579fbf5 --- /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 From 58e0490ee7e28ca76e69e82925f926e1843ccea2 Mon Sep 17 00:00:00 2001 From: "Cheolmin,Jeon" <37009133+minimal1@users.noreply.github.com> Date: Fri, 2 Nov 2018 16:19:10 +0900 Subject: [PATCH 2/2] =?UTF-8?q?hw1=5F201302477=5F=EC=A0=84=EC=B2=A0?= =?UTF-8?q?=EB=AF=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ..._\354\240\204\354\262\240\353\257\274.txt" | 30 +++++++++---------- 1 file changed, 15 insertions(+), 15 deletions(-) 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" index 579fbf5..255505b 100644 --- "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" @@ -1,22 +1,22 @@ -201302477_전철민 +癤�201302477_�쟾泥좊�� -웹팩이란 ? +�쎒�뙥�씠��� ? -웹 어플리케이션의 규모가 커지면서 복잡성을 대응하기위해 -사용되는 리소스나 자바스크립트 코드등을 번들로 묶어 사용할 수 있도록 돕는 모듈 번들러이다. -웹팩의 구성은 엔트리, 아웃풋, 로더, 플러그인이다. -웹팩에서는 모든 것이 모듈이다. -이 모듈 간의 의존성을 해결하고 하나의 파일로 묶어 줄때, -관계간 시작점을 엔트리라부른다. -엔트리로부터 시작하여 모든 모듈을 하나로 묶어서 번들된 결과물을 처리하는 위치를 아웃풋으로 연결해준다. -웹팩은 자바스크립트 말고는 다른 파일에 대해서는 모르기에 로더를 이용해서 어떻게 사용할지 어떤 파일을 사용하는지 설정한다. -마지막 개념인 플러그인은 번들된 결과물에 대한 추가적 작업을 해주는 요소이다. +�쎒 �뼱�뵆由ъ���씠�뀡�쓽 洹쒕え媛� 而ㅼ��硫댁꽌 蹂듭옟�꽦�쓣 ����쓳�븯湲곗쐞�빐 +�궗�슜�릺�뒗 由ъ냼�뒪�굹 �옄諛붿뒪�겕由쏀듃 肄붾뱶�벑�쓣 踰덈뱾濡� 臾띠뼱 �궗�슜�븷 �닔 �엳�룄濡� �룙�뒗 紐⑤뱢 踰덈뱾�윭�씠�떎. +�쎒�뙥�쓽 援ъ꽦��� �뿏�듃由�, �븘�썐�뭼, 濡쒕뜑, �뵆�윭洹몄씤�씠�떎. +�쎒�뙥�뿉�꽌�뒗 紐⑤뱺 寃껋씠 紐⑤뱢�씠�떎. +�씠 紐⑤뱢 媛꾩쓽 �쓽議댁꽦�쓣 �빐寃고븯怨� �븯�굹�쓽 �뙆�씪濡� 臾띠뼱 以꾨븣, +愿�怨꾧컙 �떆�옉�젏�쓣 �뿏�듃由щ씪遺�瑜몃떎. +�뿏�듃由щ줈遺��꽣 �떆�옉�븯�뿬 紐⑤뱺 紐⑤뱢�쓣 �븯�굹濡� 臾띠뼱�꽌 踰덈뱾�맂 寃곌낵臾쇱쓣 泥섎━�븯�뒗 �쐞移섎�� �븘�썐�뭼�쑝濡� �뿰寃고빐以��떎. +�쎒�뙥��� �옄諛붿뒪�겕由쏀듃 留먭퀬�뒗 �떎瑜� �뙆�씪�뿉 ����빐�꽌�뒗 紐⑤Ⅴ湲곗뿉 濡쒕뜑瑜� �씠�슜�빐�꽌 �뼱�뼸寃� �궗�슜�븷吏� �뼱�뼡 �뙆�씪�쓣 �궗�슜�븯�뒗吏� �꽕�젙�븳�떎. +留덉��留� 媛쒕뀗�씤 �뵆�윭洹몄씤��� 踰덈뱾�맂 寃곌낵臾쇱뿉 ����븳 異붽���쟻 �옉�뾽�쓣 �빐二쇰뒗 �슂�냼�씠�떎. -출처 : http://blog.jeonghwan.net/js/2017/05/15/webpack.html +異쒖쿂 : http://blog.jeonghwan.net/js/2017/05/15/webpack.html http://jusungpark.tistory.com/52 -왜 사용해야하는 가 ? +�솢 �궗�슜�빐�빞�븯�뒗 媛� ? -알아본 바로는 Webpack은 모든 리소소들에 대한 의존성 그래프를 생성하여 빌드하도록 한다. 따라서, 다양한 리소스가 들어있는 프로젝트라면 webpack을 사용하는게 적합할 것이다. 이 의존성 그래프란게 큰역할을 하는 듯하다. +�븣�븘蹂� 諛붾줈�뒗 Webpack��� 紐⑤뱺 由ъ냼�냼�뱾�뿉 ����븳 �쓽議댁꽦 洹몃옒�봽瑜� �깮�꽦�븯�뿬 鍮뚮뱶�븯�룄濡� �븳�떎. �뵲�씪�꽌, �떎�뼇�븳 由ъ냼�뒪媛� �뱾�뼱�엳�뒗 �봽濡쒖젥�듃�씪硫� webpack�쓣 �궗�슜�븯�뒗寃� �쟻�빀�븷 寃껋씠�떎. �씠 �쓽議댁꽦 洹몃옒�봽���寃� �겙�뿭�븷�쓣 �븯�뒗 �벏�븯�떎. -출처 : http://haviyj.tistory.com/17 \ No newline at end of file +異쒖쿂 : http://haviyj.tistory.com/17 \ No newline at end of file