자습서 1 - 자습서를 시작하기 전에 > 리액트 react

리액트 react

Tutorial 자습서 1 - 자습서를 시작하기 전에

페이지 정보

본문

Reactjs.org 자습서 Tutorial 활용 - 순서대로 

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


- 틱택토 Tic Tac Toe 게임 만들기 - 

  • node js는 설치되어 있다고 가정한다. 
  • 에디터는 VS Code(= 비주얼스튜디오 코드, Visual studio code) 기준이다. 
  • node js 기본 명령어인 npm을 사용한다. 
  • 윈도우 기준 (Windows 10) - 리눅스 기준은 추후 ... 
  • 작업 폴더 생성  >> VS Code 실행 >> 해당 작업 폴더 오픈  >> 새터미널 오픈 >> npx create-react-app test 실행 : test는 실제 작업 폴더명 : node + react 관련 기본 폴더 및 파일 생성 됨 >> 터미널에서 생성된 실제 작업 폴더로 이동 : cd test >> npm start : 개발서버 실행됨 : 기본 웹브라우저로 실행됨 : 주소창은 localhost:3000 임. 
  • 실행 결과 화면
    c74d737ad546c52562fcd9fcbaa1a539_1648082138_2318.png