[리액트 react] 시작하기

0. 리액트는 무엇인가?

1) 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

2) 페이스북에서 제작

3) 사용자 인터페이스 즉, 프론트엔드 개발을 위한 프레임 워크

*자세한 내용은 친절한 공식 사이트에서 확인

https://ko.legacy.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

 

 

📌 들어가기 전, 설치하고 자시고 하는 모든 과정이 다 귀찮고 바로 시작하고 싶다면?

1) 스택블리츠에서 바로 시작! (스택블리츠 전화 줘 ^^)

https://stackblitz.com/edit/react-78pvtb?file=src%2FApp.js 

React (forked) - StackBlitz

 

 

 

1. 설치

 

 

1) VS CODE(비주얼스튜디오코드) 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

 

2) Node.js 설치

https://nodejs.org/ko/download

다운로드 | Node.js

 

 

3) vs code를 열고 새폴더 만들기 

 

 

 

4) 하단 터미널에 npx create-react-app . 쓰고 엔터

- powershell 보단 그냥 cmd 에서 작성 추천 

 

 

 

5) 설치가 완료되면 폴더 안에 기본 세팅 들어옴

 

 

 

6) 마지막으로 터미널에 npm start 엔터 까지 해주면 완료!

 

 

 

2. 완료

기본 세팅된 화면은 이런 모습이다.