프론트엔드 개발환경 이해

강의수8강 학습자수495명 수강평4.8/5(총 8명)

  • 학습안내
  • 강의목록
  • 토론방

강좌정보

강좌정보 테이블
학습내용 1. NPM 프로젝트와 모듈 시스템을 이해하고, Webpack/Babel/Lint 등 개발 도구들의 역할에 대해 알아봅니다.
2. 각 개발도구들을 이용하여 React 개발환경을 구성해 봅니다.
학습대상 <학습대상>
자바스크립트 기반의 프론트엔드 개발 환경에 대해 이해하고 싶은 분

<실습환경>
* 동영상 학습 전에 "사전 학습자료" 자료를 꼭 읽어보신 후 필요한 선수지식과 SW를 설치하시기 바랍니다.
  (실습을 위해 IDE, Node, Git 클라이언트를 미리 설치해주세요.)
* 실습 데이터 및 소스코드 등은 아래 GitHub 를 통해 확인하실 수 있습니다.
 ▶https://github.com/jeonghwan-kim/lecture-frontend-dev-env

* 본 강의는 2020. 1. 15(수)에 진행된 제68차 토크ON세미나 동영상입니다.
강사 김정환 우아한형제들
학습기간 수강신청일로부터 30일
이수기준 진도 100% 완료

강의목록 테이블
강의 차수명 강의시간 진도율 학습하기 학습자료
[1강] NPM 프로젝트 이해 35분 0%
[2강] 웹팩(Webpack) 기본 I - 엔트리/아웃풋/로더 52분 0%
[3강] 웹팩(Webpack) 기본 II - 플러그인 27분 0%
[4강] 웹팩(Webpack) 기본 실습 - 엔트리/아웃풋/로더/플러그인 26분 0%
[5강] 바벨(Babel) 기본 - 플러그인/프리셋/폴리필 33분 0%
[6강] 린트(Lint) 기본 - ESLint/Prettier/자동화 16분 0%
[7강] 웹팩(Webpack) 개발 서버 - API연동/핫모듈리플레이스먼트/최적화 12분 0%
[8강] React 개발 환경 구성 실습 11분 0%
▶ 사전 학습자료

페이스북 서비스

  • T아카데미 페이스북
  • Smartteen AppClub 페이스북
  • SK플래닛 페이스북
  • SK플래닛 기술블로그
  • 멘토링