실습환경 구축하기

  1. 온라인 사이트 이용하기.

인터넷에 React를 바로 사용할 수 있는 사이트들을 이용한다.

아래 사이트에서 즉시 React를 사용하여 실습할 수 있다.

React (forked) - StackBlitz

  1. Node.js가 설치되어있다면 직접 자신의 편집기에 React를 사용할 수도 있다.

나는 첫번째 방법을 사용하였다.

위 링크에 들어가면 아래처럼 창이 뜬다.

Untitled

왼쪽에 react, react-dom이라는 파일을 볼 수 있다.

전체적인 React 동작과정 알아보기

먼저 index.js 파일을 살펴본다.

index.js

Untitled

root.render()라는 것은 id가 root인 태그를 html에서 찾고 그곳에 app/이라는 것을 넣는다 App/은 **import App from ‘./App’**을 통해서 가져 오는데 , ./App은 같은 파일 속 App.js를 나타낸다.

index.html

Untitled

App.js