React

내승현·2022년 8월 9일
0

React

목록 보기
1/7

React?

유저 인터페이스를 만드는 자바스크립트 라이브러리
이 라이브러리는 Virtual DOM 이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저인터페이스를 렌더링한다. 따라서, 최소한의 DOM 처리로 컴포넌트들을 업데이트 할 수 있게 해준다.

Why React ?

  • React는 JavaScript 객체 형태의 Virtual DOM 을 사용하여 어플리케이션의 성능을 향상시킴 (JavaScript Virtual DOM 처리가 실제 DOM 보다 빠르기 때문)
  • 서버 & 클라이언트 사이드 렌더링 지원을 통해 브라우저측의 초기 렌더링 딜레이를 줄이고, SEO 호환도 가능해짐
  • Component 의 가독성이 매우 높고 간단하여 쉬운 유지보수, 간편한 UI 수정 및 재사용 용이
  • React는 프레임워크가 아닌 라이브러리기 때문에 다른 프레임워크와 혼용 가능

React의 주요 특징

  1. JSX - JSX는 Javascript의 Syntax 확장입니다. JSX를 사용하는 것이 필수는 아니지만, 사용하는 것이 권장됩니다.
  2. Components - React는 전부 Component에 대한 것 이다. React 개발을 할 땐 모든 것을 Component로서 생각을 해야한다.
  3. Virtual DOM - 데이터가 업데이트되면, 전체 UI 를 Virtual DOM 에 리렌더링 한다.

Boiler Plate(보일러 플레이트)

과거에는 코드 세팅부터 연습하는 과정을 중요하게 생각했다. 혹은 모든 코드를 손으로 직접 타이핑하는 하드코딩이 유행했지만 이제는 반복적인 코드는 자동화로 맡겨 버리고 꼭 필요한 코딩을 하게 되었다.
개발자들에게 불필요하고 복잡하고 도움이 안 되는 반복적인 일들을 하지 않도록 도와주는 것이 보일러 플레이트이다.

가장 대표적인 예가 react를 설정해주는 create-react-app 이다. 만약에 이 도구가 없었다면 웹팩을 시작으로 온갖 설정을 스스로 만들어야 한다. 매우 효율적인 방법이다.

즉,

  • 반복적으로 사용되는 부분을 재사용한다.
  • 최소한의 수정으로 다시 사용한다.
  • 개발자를 단순 작업에서 해방시켜준다.
profile
아토언니의 성장기 ,,

0개의 댓글