프론트엔드 개발 환경의 이해

"프론트엔드 개발 환경의 이해" 강의 자료입니다.

블로그 연재물 "프론트엔드 개발 환경의 이해"를 읽어보시기 바랍니다.

폴더 구성

• src: 프론트엔드 소스
• server: API 서버 코드
• resource: 강의 진행에 필요한 리소스(이미지, 코드, 리액트 코드 )

브랜치 목록

강의 진행에 따라 적절한 브랜치로 이동합니다.

• 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: 최종 결과물