[React] React 왜 쓸까?

0. React를 왜 쓰는가.

웹 사이트 중에 페이지 전환이 새로고침 없이 부드럽게 이어지는 것이 있음. => Single Page Application

 

✔ Single Page Application

- html 파일 1개만 사용

- 다른 페이지를 보여줄때 html만 변경해서 보여줌

 

바닐라 자바스크립트로도 가능하지만 코드가 너무 길어져서 리액트를 사용

 

 

1. React를 왜 쓰는가 2.

- html을 함수, array, object에 보관하고 재사용 - 프로젝트가 클 수록 관리에 유리

- React Native 사용 시 같은 리액트 문법으로 모바일 앱개발 가능

 

 

2. React 설치

1. Node.js LTS 버전 설치

2. Visual Studio Code 에디터 설치

3. 리액트 프로젝트 생성(🔽 과정)

 3.1. 작업용 폴더 하나 만들기

 3.2. 폴더에 Shift + 우클릭해서 powershell 열기

 3.3. 터미널에서 프로젝트 생성

npx create-react-app 프로젝트명

 

 

+ 에디터에서 프로젝트 오픈

1. Visual studio code 에디터에서 File - Open Folder

2. 3.3에서 생성한 프로젝트폴더를 오픈

 

* App.js가 메인페이지 - 여기에 코드를 짜면 됨!

** 사이트를 브라우저로 미리보기 - Terminal - New Terminal에서

npm start