본문 바로가기
ETC/React

React 초기 설치

by java나유 2022. 10. 20.

1.개발환경

⇒js 개발 환경: node.js

⇒IDE : vscode

 

Node.js 다운로드

https://nodejs.org/ko/download/

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

2.SPA(Single Page Application)

⇒한 번 웹 페이지를 로딩 하면 사용자가 임의로 새로 고침 하지 않는 이상 페이지를 새로 로딩 하지 않는 애플리케이션

⇒SPA구현을 쉽게 해주는 라이브러리: react(페이스북), vue, angular(구글)

 

3.react 프로젝트 생성 및 실행

1)생성 - 터미널에서 수행

npx create-react-app 프로젝트이름

2)실행

cd todo-react-app

3)접속

http://localhost:3000/

 

VS CODE

-생성된 폴더 오픈

 

4.필요한 라이브러리 설치

1)  npm install ~~~(라이브러리 이름)

 

2) 라이브러리 설치

https://mui.com

--legacy-peer-deps @material-ui/core

--legacy-peer-deps @material-ui/icons

 

 

MUI: The React component library you always wanted

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design.

mui.com

 

 

728x90

댓글