Skip to content

Latest commit

 

History

History

00-hello-world

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

Hello React!

Introduction

React는 브라우저 상에서 자바스크립트로 실행되지만, 개발 프로세스는 편의를 위해 Node로 진행된 후 트랜스파일링(Transpiling) 과정을 거치어 배포됩니다. Node와 Javascript의 차이가 무엇인지, 여러 언급되는 ES6, ES7 등의 용어가 무엇을 의미하는지 알아보도록 합시다. NPM을 사용하여 Node 프로젝트를 새로 만들고, "Hello, World!"를 띄우는 간단한 React 어플리케이션을 만들어 봅니다.

Topics

  • Node는 왜 만들어졌는가?
  • ECMAScript는 무엇인가?
  • ES6, ES7 스펙의 주요 변경사항은 무엇인가?
  • NPM 사용법
  • package.json 작성법
  • Python의 SimpleHTTPServer 활용법
  • JSX 소개

Resources

Checklist

  • Node와 Javascript의 관계에 대해 설명하시오.
  • ECMAScript는 무엇인가?
  • ES6, ES7, ES2015, ES2016이 무엇을 의미하는지 설명하시오.
  • JSX가 무엇인지 설명하시오.
  • NPM의 역할은 무엇인가?
  • package.json은 왜 작성하는 것인가?
  • Python의 SimpleHTTPServer 모듈을 사용하여 웹 서버를 외부에 오픈할 수 있다.
  • package.jsonscripts 섹션에 명령어를 추가하여 npm run을 통해 실행할 수 있다.