리액트(React)란?
- React는 자바스크립트 라이브러리로 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는데 사용된다.
- 웹, 모바일 앱 등의 view layer를 처리하는 데 사용된다.
페이지를 다시 로드하지 않고 데이터를 변경할 수 있도록 가상 돔(Virtual DOM)을 사용하여 웹 애플리케이션의 퍼포먼스를 최적화한 라이브러리이다.
- 리액트는 프레임워크가 아닌 라이브러리이며, 뷰만을 신경쓰는 라이브러리로 기타 기능은 직접 구현하여 사용해야 합니다.
- 리액트에서는 라우팅을 리액트 라우터, Ajax 처리에는 axios 혹은 fetch, 상태 관리에는 리덕스(redux)나 MobX 등을 사용한다.
1. 설치
’ VS code 환경에서 진행 ‘
1
<https://nodejs.org/ko/download/> node.js 설치 (npm)
1
2
3
4
npm init react-app my-app
VScode 터미널에서 입력
'my-app'라는 프로젝트를 생성하겠다.
1
2
cd my-app my-app 폴더로 이동 후
npm start 실행