wip 전체 실습코드 작성중

Author: jhkimwoowa

.eslintrc.js

@@ -2,15 +2,26 @@
 
 "프론트엔드 개발 환경의 이해" 강의 자료입니다.
 
-폴더는 다음과 같이 구성되어 있습니다. 
+블로그 연재물 "[프론트엔드 개발 환경의 이해](http://jeonghwan-kim.github.io/series/2019/12/09/frontend-dev-env-npm.html)"를 읽어보시기 바랍니다.
+
+## 폴더 구성
 
 - src: 프론트엔드 소스
 - server: API 서버 코드 
-- resource: 강의 진행에 필요한 리소스(이미지)
+- resource: 강의 진행에 필요한 리소스(이미지, 코드, 리액트 코드 )
 
-블로그 연재물 "[프론트엔드 개발 환경의 이해](http://jeonghwan-kim.github.io/series/2019/12/09/frontend-dev-env-npm.html)"를 읽어보시기 바랍니다.
+## 브랜치 목록
 
 강의 진행에 따라 적절한 브랜치로 이동합니다. 
 
-브랜치 목록
-- 2.webpack/2.entry-output
+- 1-webpack/1-entry: 웹팩 엔트리/아웃풋 실습
+- 1-webpack/2-loader: 웹팩 로더 실습
+- 1-webpack/3-plugin: 웹팩 플러그인 실습
+- 2-babel/1-babel: 바벨 실습
+- 3-lint/1-eslint: 린트 실습
+- 3-lint/2-prettier: 프리티어 실습
+- 4-webpack/1-dev-server: 웹팩 개발 서버 실습
+- 4-webpack/2-hot: 웹팩 핫로딩 실습
+- 4-webpack/3-optimazation: 웹팩 최적화 실습
+- 
+- master: 최종 결과물 

README.md

@@ -1,19 +1,14 @@
-const presets = [
-  [
-    "@babel/env",
-    {
+module.exports = {
+  presets: [
+    ['@babel/preset-env', {
       targets: {
-        edge: "17",
-        firefox: "60",
-        chrome: "67",
-        safari: "11.1",
-        ie: "11",
+        chrome: '79',
+        ie: '11', // npm i regenerator-runtime 필요함
       },
-      useBuiltIns: "usage",
-    },
+      useBuiltIns: 'usage', // 폴리필 사용 방식 지정
+      corejs: { // 폴리필 버전 지정
+        version: 2
+      }
+    }],
   ],
-];
-
-module.exports = {
-  presets
-}; 
+};

babel.config.js

@@ -1,14 +1,4 @@
 [
-  {
-    "keyword": "검색기록2",
-    "date": "12.03"
-  },
-  {
-    "keyword": "검색기록1",
-    "date": "12.02"
-  },
-  {
-    "keyword": "검색기록0",
-    "date": "12.01"
-  }
+  { "keyword": "검색이력 1", "date": "2019-12-02" }, 
+  { "keyword": "검색이력 2", "date": "2019-12-01" }
 ]

mocks/api/history/GET.json

@@ -0,0 +1,6 @@
+[
+  { "keyword": "이탈리아" }, 
+  { "keyword": "세프의요리" }, 
+  { "keyword": "제철" }, 
+  { "keyword": "홈파티 " }
+]

mocks/api/keywords/GET.json

@@ -1,13 +1,12 @@
-[{
-  "id": 1,
-  "name": "[버거] 치즈버거처럼 생긴 새우버거",
-  "image": "https://images.unsplash.com/photo-1547584370-2cc98b8b8dc8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
-}, {
-  "id": 2,
-  "name": "[샐러드] 맛있는 색깔의 콥셀러드",
-  "image": "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60"
-}, {
-  "id": 3,
-  "name": "[피자] 썸네일 주소가 잘못된 상품",
-  "image": "http://foo.bar/image.jpg"
-}]
+[
+  {
+    "id": 1,
+    "name": "[햅버거] 수제버거",
+    "image": "https://images.unsplash.com/photo-1549611016-3a70d82b5040?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1432&q=80"
+  },
+  {
+    "id": 2,
+    "name": "[키친르쎌] 이탈리아 파티 세트 3~4인분",
+    "image": "https://cdn.bmf.kr/_data/product/H503E/300d931e3b8252ed628b6a3c2f56936b.jpg"
+  }
+]