React 자습서 따라하기 : local 환경 서버 띄우기

1. 일단 React 자습서에 나온대로 저렇게 프로젝트까지는 만든다.

   이미 만들어져 있다면 vscode에서 해당 프로젝트 폴더를 연다.

        -- 아래는 React 자습서 내용 --

        1) 최신 버전의 Node.js가 설치되어 있는지 확인해주세요.

        2) Create React App 설치 지침을 따라 새로운 프로젝트를 생성해주세요.

 

2. 좌측 'Run and Debug' 아이콘 click

   >> 상단에 있는 셀렉트 박스에서 'Run Script: start' 선택

   >> 녹색 화살표 클릭

 

3. 하단의 Terminal 창에서 complile 성공 로그 확인 가능 & 자동으로 브라우저에서 React App 화면이 열림

   만약 자동으로 화면이 안열린다면 브라우저에서 log에 나오는 http://localhost:3000 으로 직접 이동하면 되겠다.

4. 브라우저에서 자습서에 나오는 내용을 확인할 수 있다.

  ( 저번에 연습해보느라 스퀘어 박스 하나 더 추가해둔 화면 )

 

 

 

React 자체에서 제공하는 자습서를 local 환경에서 Visual Studio Code로 따라해봤다.

Visual Studio Code 프로그램 사용에 익숙하지 않다. ( 거의 eclipse만 사용  )

초반 React 자습서 따라할 때는 화면이 바로 떴던것 같은데..

한참 시간이 흐른 후 중간부터 다시하려는데 화면 띄우는게 한 번에 안돼서 화면 띄우기에 관해 기록해두기로 한다.

 

-----------------------------------------------------------------------------------------------------------------------------------

React 자습서 링크

https://ko.reactjs.org/tutorial/tutorial.html

자습서: React 시작하기 – React