공식 문서를 보며 익혀보는 리액트 🤪
What is React?
React는웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위하여 사용된다.
출처: 위키백과
React는리액트는 facebook 소프트웨어 엔지니어 Jordan Walke가 개발하였다.- 웹/앱(RN)의 View를 개발할 수 있도록 하는 라이브러리이다.
Characteristics of React!
- React는 선언형이다.
- React는 컴포넌트 기반으로 재사용성이 뛰어나다.
- React는 Virtual DOM(가상돔)기반으로 가볍다.
- React 컴포넌트는 state와 props 을 가진다.
장점
- 배우기가 간단하고, 애플리케이션을 만들 때 복잡함이 적다.
- Controller, directive, template, model 처럼 분리를 하지 않고 Component 단 하나로 관리한다.
- 뛰어난 Garbage Collection, 메모리 관리, 성능을 가지고 있다.
- 서버 사이드 렌더링과 클라이언트 렌더링을 둘 다 지원한다.
- 간편한 UI 수정과 재사용이 용이하다.
- 다른 프레임워크나 라이브러리와 혼용하여 사용할 수 있다.
단점
- 보여지는 부분에만 관여하기때문에 데이터 모델링, Routing, Ajax 등등의 기능을 제공하지 않는다.
- view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야 하기 때문에 JavaScript 배경지식이 부족할 경우애는 사용이 힘들다.
- IE8 이하 버전들을 지원하지 않는다.
Start Project❗
개발환경 구축하기
Node.js 설치하기
JavaScript로 브라우저 밖에서 서버를 구축하는 등의 코드를 실행할 수 있게 해주는 런타임 환경이다. 설치가 될 때 패키지 매니저 도구인 npm도 같이 설치가 된다. (NPX는 추가설치)
// 버전 확인하기
node -v
npm -v// NPX 설치하기
npm install npx -g// React 앱 만들기
npx create-react-app projectname
cd projectname
npm start실행하면 기본적으로 localhost:3000에서 프로젝트를 볼 수 있다.
