자바스크립트 라이브러리인 react.js 이용해서 프론트 개발,

React.js 사용을 위해 node.js 자바스크립트 런타임 환경 이용 (이용하면 브라우저 밖에서도 자바스크립트를 컴파일하고 실행할 수 있음

Node.js

Node.js 이전에는 자바스크립트는 개발자 창의 자바스크립트 콘솔을 이용하여 실행하는 등 브라우저에서만 실행이 가능했음

Node.js 사용으로 인해 컴퓨터 내에서 자바스크립트를 실행할 수 있는 런타임 환경 마련됨

브라우저 밖에서 자바스크립트를 사용할 수 있게 된다는 것은 클라이언트에서뿐만 아니라 서버 언어로도 사용이 가능해짐을 의미

→ 자바스크립트로 된 node 서버를 이용하여 프론트앤드 서버를 개발한다..!

프론트앤드 서버는 요청이 왔을 때 HTML, JavaScript, CSS를 반환하는 일만 하면 됨

NPM

node.js의 패키지 관리 시스템

그래들이 메이븐 리포지토리에서 라이브러리를 다운받는것과 비슷한 개념

npx create-react-app . 하면 현재 폴더를 기본 npm 폴더로 만들어주고 npm start 하면 실행된다

로그를 확인하면 react-app은 3000 포트에서 실행되고, http://localhost:3000으로 이동하면 애플리케이션을 확인할 수 있다

개발환경 설정