1. 코드 열어보기 만든 플젝트를 연후 src/App.js 파일을 열어보자 import logo from './logo.svg'; import './App.css'; function App() { return ( Edit src/App.js and save to reload. Learn React ); } export default App; 여기서 코드를 하나씩이해해본다 import logo from './logo.svg'; import './App.css'; import 구문이 사용할시 다른 파일들을 불러와 사용할수있다. 이렇게 모듈들을 불러와서 사용할수있는건 브라우저에 없는 기능이였다 브라우저가 아닌 환경인 Node.js에서 사용해온방법이다. (requrire 구문으로 import) 이러한 기능을 브..

리액트 프로젝트를 만들어보자 1. Node.js와 npm 설치 리액트 프로젝트를 만들때는 Node.js를 반드시 설치해야한다. Node.js는 자바스크립트 런타임이다. 이것으로 웹브라우저 환경이아닌곳에서도 자바스크립트를 사용하여 연산할수있다. 리액트 애플리케이션은 웹브라우저에서 실행되는 코드이지만 ECMASCRIPT 6, 바벨, 웹팩, 서버구현 등등 필요한 여러 도구들이 Node.js를 사용하기 때문에 Node.js 설치를 한다. Node.js 설치시 Node.js 패키지매니저도구인 NPM이 설치된다. 아래 사이트에가서 최신버전 또는 LTS버전의 node.js 를 설치할수있다. LTS버전은 장기적으로 안정적인 지원을 제공하므로 LTS버전을 설치하는것도 추천한다 (매10월쯤 버전업데이트됨) https://..