React - 의미 / 장점 / 단점 / 실행

React?

: A JavaScript library for building user interfaces. 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

 사용자와 웹사이트의 상호작용을 돕는 인터페이스를 만들기 위한 자바스크립트 모음집

 

** 프레임워크 vs 라이브러리

	프레임워크(Framework)	라이브러리(Library)
사용	앵귤러JS 뷰JS	React
프로그램 흐름 제어 권한	흐름 제어 권한을 개발자가 아닌 프레임워크 갖음	흐름을 제어하지 않고 개발자가 필요한 부분만 필요할 때 가져다 사용하는 형태

** SPA

: Single Page Application 하나의 페이지만 존재하는 웹사이트 또는 웹 애플리케이션

 

장점

빠른 업데이트와 렌더링 속도

: 업데이트란 웹사이틀 탐색할 때 화면에 나타나는 내용이 바뀌는것으로, 리액트에서는 빠른 업데이트를 위해 내부적으로 virtaul DOM(Documnet object Model 을 사용

 

컴포넌트 기반 구조

 

재사용성

: 다른 곳에서도 쉽게 곧바로 쓸수 있음

  의존성을 낮추고 호환성 문제가 발생하지 않도록 개발

  하나의 컴포넌트를 계속해서 재사용할 수 있음

 

=> 재사용성이 높아질 때 장점 : 개발 기간이 단축

                                                   유지 보수가 용이

 

메타(페이스북)의 지원

: 메타(페이스북)의 든든한 지원군을 가짐

 

활발한 커뮤니티

 

모바일 앱 개발 가능

: 리액트 네이티브 모바일 환경 UI 프레임워크를 사용하여 모바일 앱 개발 가능

 

단점

높은 상태 관리 복잡도

 

외부 상태 관리 라이브러리

 

create-react-app (CRA) :

웹 애플리케이션을 개발하는 데 필요한 모든 설정이 되어있는 상태의 프로젝트를 생성해주는 도구

 

작업할 디렉토리에서 npx create-react-app 프로젝트이름

C:\react> npx create-react-app my-app

프로젝트로 들어가 서버 실행

C:\react> cd my-app
C:\react\my-app> npm start