START REACT

RA_MI·2022년 2월 21일
0

React

목록 보기
1/3
post-thumbnail

공식 문서를 보며 익혀보는 리액트 🤪

What is React?

React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위하여 사용된다.
출처: 위키백과

  • React는 리액트는 facebook 소프트웨어 엔지니어 Jordan Walke가 개발하였다.
  • 웹/앱(RN)의 View를 개발할 수 있도록 하는 라이브러리이다.

Characteristics of React!

  1. React는 선언형이다.
  2. React는 컴포넌트 기반으로 재사용성이 뛰어나다.
  3. React는 Virtual DOM(가상돔)기반으로 가볍다.
  4. React 컴포넌트는 state와 props 을 가진다.

장점

  1. 배우기가 간단하고, 애플리케이션을 만들 때 복잡함이 적다.
  2. Controller, directive, template, model 처럼 분리를 하지 않고 Component 단 하나로 관리한다.
  3. 뛰어난 Garbage Collection, 메모리 관리, 성능을 가지고 있다.
  4. 서버 사이드 렌더링과 클라이언트 렌더링을 둘 다 지원한다.
  5. 간편한 UI 수정과 재사용이 용이하다.
  6. 다른 프레임워크나 라이브러리와 혼용하여 사용할 수 있다.

단점

  1. 보여지는 부분에만 관여하기때문에 데이터 모델링, Routing, Ajax 등등의 기능을 제공하지 않는다.
  2. view 외 기능들은 직접 구현하거나 라이브러리를 사용하여 구현해야 하기 때문에 JavaScript 배경지식이 부족할 경우애는 사용이 힘들다.
  3. 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에서 프로젝트를 볼 수 있다.

0개의 댓글