React는 브라우저 상에서 자바스크립트로 실행되지만, 개발 프로세스는 편의를 위해 Node로 진행된 후 트랜스파일링(Transpiling) 과정을 거치어 배포됩니다. Node와 Javascript의 차이가 무엇인지, 여러 언급되는 ES6, ES7 등의 용어가 무엇을 의미하는지 알아보도록 합시다. NPM을 사용하여 Node 프로젝트를 새로 만들고, "Hello, World!"를 띄우는 간단한 React 어플리케이션을 만들어 봅니다.
- Node는 왜 만들어졌는가?
- ECMAScript는 무엇인가?
- ES6, ES7 스펙의 주요 변경사항은 무엇인가?
- NPM 사용법
package.json
작성법- Python의
SimpleHTTPServer
활용법 - JSX 소개
- Node와 Javascript의 관계에 대해 설명하시오.
- ECMAScript는 무엇인가?
- ES6, ES7, ES2015, ES2016이 무엇을 의미하는지 설명하시오.
- JSX가 무엇인지 설명하시오.
- NPM의 역할은 무엇인가?
package.json
은 왜 작성하는 것인가?- Python의
SimpleHTTPServer
모듈을 사용하여 웹 서버를 외부에 오픈할 수 있다. package.json
의scripts
섹션에 명령어를 추가하여npm run
을 통해 실행할 수 있다.