React

[React] 동빈나 React 이론 - 1강 / React JS의 개요

sangchu 2022. 8. 6. 21:51

React란?

  • 개발하고자 하는 웹 사이트의 UI(화면, view)를 효과적으로 만들 수 있도록 도와주는 JavaScript 기반 *라이브러리

 

**라이브러리 : 프로그래밍을 작성하는 과정에 있어서 특정한 기능을 도와주는 함수들의 집합, 각각 함수들은 독립적으로 작동하므로 필요한 함수만 호출하여 쓸 수 있다.

 

특징

  • 선언적 - 대화형 UI 작성에 유리, 데이터가 변경되었을 때 효율적으로 렌더링 수행
  • 컴포넌트 기반 - 캡슐화된 컴포넌트가 상태관리 및 UI 구성
  • 재활용에 굳

 

장점

*클라이언트 렌더링과 *서버 사이드 렌더링 지원

 

**클라이언트 렌더링: 웹사이트에서 어떠한 데이터를 받아옴에 있어서, 필요할때 그때그때 데이터를 받아오는 방식

**서버 사이드 렌더링: 미리 웹사이트 화면에 필요한 요소들을 서버 쪽에서 미리 다 만들어서 한꺼번에 클라이언트로 보내주는 구조 - 검색 엔진 최적화 

 

 


클라이언트 렌더링과 서버 사이드 렌더링... 뭔가 안와닿는데 초보자 입장에선 이해할 필요가 없다고 한다 😂...

개발하다보면 이해할 수 있게 된다고..

일단은 '리액트가 이런걸 지원하기 때문에 다양한 검색엔진에서 우리가 만든 웹사이트를 쉽게 검색결과로 보여줄 수 있다'는 정도만 알아두면 된다고 하셨다.

 

react는 화면을 어떻게 효과적으로 구상할 수 있는지의 부담을 덜어주고 UI적인 이점이 있다고 한다.