Create React App

Introduction

Topics

• create-react-app를 사용하는 이유
• **ECMAScript 2015(ES6)**의 모듈 의존성 문법인 import, export 이해
• 트랜스파일러(Transpiler) 이해 및 바벨(Babel) 간략 소개

Resources

• create-react-app
• ES6: import
• ES6: export
• Babel Transpiler

Quest

• create-react-app을 이용하여 리액트 프로젝트를 만들어 본다.
• package.json에 미리 정의된 명령어를 사용해 본다.

Checklist

• create-react-app을 사용하는 이유를 설명할 수 있다.
• 개발버전과 배포버전의 분리 방식을 이해할 수 있다.
• ES6에 소개된 from과 import 문법을 통해 외부 모듈을 사용할 수 있다.
• ES6에 소개된 export 문법을 통해 모듈을 만들 수 있다.
• 트랜스파일러가 무엇인지 설명할 수 있다.
• 모던 웹 개발에 트랜스파일러를 쓰는 이유를 설명할 수 있다.