From 6100cde820bea518350532f5cfcfa978792a5e28 Mon Sep 17 00:00:00 2001 From: ajrqhehowl3 Date: Fri, 2 Nov 2018 17:43:55 +0900 Subject: [PATCH 1/2] =?UTF-8?q?201402408=20=EC=9E=84=EB=8F=99=EA=B7=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- day01hw/201402408.txt | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 day01hw/201402408.txt diff --git a/day01hw/201402408.txt b/day01hw/201402408.txt new file mode 100644 index 0000000..21a9b25 --- /dev/null +++ b/day01hw/201402408.txt @@ -0,0 +1,13 @@ +201402408 ӵ +ڹٽũƮ ڵ尡 ϳ Ϸ ϴµ Ѱ谡 ִ. +׷ٰ εϴ ׸ŭ Ʈ ġϴ ִ. +Ӹ ƴ϶ ħ ʾƾ ϴµ ߸ ۼ 浹 輺 ִ. +Լ ϴ ڹٽũƮ ȣԼ(IIFE) ִ. +CommonJS AMD Ÿ ý ϸ Ϻ ִ. +׷ ý ϴ ̴. + IIFE ŸϷ ִ Ӹ ƴ϶ ϳ Ϸ (bundled) Ʈ ּȭ Ҽ ִ Ʈ ʿϴ. + + óϴ JavaScript ϴ κ 鼭 ߿ JavaScript ۼϴ ڵ 絵 þϴ. +ڵ ڵ ڵ带 ϴ ý ʿϴ. +׷ JavaScript ü ϴ ý ϴ. +̷ Ѱ踦 غϷ Ȱϴµ  ϳ webpackԴϴ. From 0e3efc369bf81dfd3256413657eaa39908220607 Mon Sep 17 00:00:00 2001 From: ajrqhehowl3 Date: Fri, 2 Nov 2018 17:46:42 +0900 Subject: [PATCH 2/2] =?UTF-8?q?201402408=20=EC=9E=84=EB=8F=99=EA=B7=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- day01hw/201402408.txt | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/day01hw/201402408.txt b/day01hw/201402408.txt index 21a9b25..3bb391b 100644 --- a/day01hw/201402408.txt +++ b/day01hw/201402408.txt @@ -1,13 +1,13 @@ -201402408 ӵ -ڹٽũƮ ڵ尡 ϳ Ϸ ϴµ Ѱ谡 ִ. -׷ٰ εϴ ׸ŭ Ʈ ġϴ ִ. -Ӹ ƴ϶ ħ ʾƾ ϴµ ߸ ۼ 浹 輺 ִ. -Լ ϴ ڹٽũƮ ȣԼ(IIFE) ִ. -CommonJS AMD Ÿ ý ϸ Ϻ ִ. -׷ ý ϴ ̴. - IIFE ŸϷ ִ Ӹ ƴ϶ ϳ Ϸ (bundled) Ʈ ּȭ Ҽ ִ Ʈ ʿϴ. +201402408 임동근 +자바스크립트 코드가 많아지면 하나의 파일로 관리하는데 한계가 있다. +그렇다고 여러개 파일을 브라우져에서 로딩하는 것은 그만큼 네트웍 비용을 치뤄야하는 단점이 있다. +뿐만 아니라 각 파일은 서로의 스코프를 침범하지 않아야 하는데 잘못 작성할 경우 변수 충돌의 위험성도 있다. +함수 스코프를 사용하는 자바스크립트는 즉시호출함수(IIFE)를 사용해 모듈을 만들 수 있다. +CommonJS나 AMD 스타일의 모듈 시스템을 사용하면 파일별로 모듈을 관리할 수도 있다. +그러나 여전히 브라우져에서는 파일 단위 모듈 시스템을 사용하는 것은 쉽지 않은 일이다. +모듈을 IIFE 스타일로 변경해 주는 과정 뿐만 아니라 하나의 파일로 묶어(bundled) 네트웍 비용을 최소화 할수 있는 방법이 웹 프로트엔드 개발 과정에는 필요하다. - óϴ JavaScript ϴ κ 鼭 ߿ JavaScript ۼϴ ڵ 絵 þϴ. -ڵ ڵ ڵ带 ϴ ý ʿϴ. -׷ JavaScript ü ϴ ý ϴ. -̷ Ѱ踦 غϷ Ȱϴµ  ϳ webpackԴϴ. +서버에서 처리하는 로직을 JavaScript로 구현하는 부분이 많아지면서 웹 서비스 개발에서 JavaScript로 작성하는 코드의 양도 늘어났습니다. +코드의 양이 많아지면 코드의 유지와 보수가 쉽도록 코드를 모듈로 나누어 관리하는 모듈 시스템이 필요해집니다. +그러나 JavaScript는 언어 자체가 지원하는 모듈 시스템이 없습니다. +이런 한계를 극복하려 여러 가지 도구를 활용하는데 그 도구 가운데 하나가 webpack입니다.