2020.06.02 / Day - 48 리액트, SPA, 랜더링

48일차

 

리액트(React)

자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.

페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.

리액트는 싱글 페이지나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다.

복잡한 애플리캐이션들은 상태관리, 라우팅, API와의 통신을 위한

추가 라이브러리의 사용이 일반적으로 요구된다.

 

 

SPA(Single Page Applicatio)

단일 페이지로 구성된 웹 어플리케이션을 말한다.

SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X),

필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다.

 

장점

• 하나하나 화면 전체를 렌더링할 필요가 없기 때문에 화면이동이 빠르다.
• 화면에 필요한 부분의 데이터만 받아서 렌더링 하기 때문에 처리과정이 효율적이다.
• 유저에 입장해서 사용하기 편리하다.

 

단점

• 처음 화면을 로딩할 때, 모든 화면이 미리 준비되어 있어야 하기 때문에 로딩에 시간이 걸린다.
• 어플리케이션을 구현하는데 보다 시간이 걸리며 복잡하다.

 

렌더링(Rendering)

컴퓨터 프로그램을 사용하여 모델 또는 이들을 모아놓은 장면인

씬 파일(scene file)로부터 영상을 만들어내는 과정을 말한다.

하나의 씬 파일에는 정확히 정의된 언어나 자료 구조로 이루어진 개체들이 있으며,

여기에는 가상의 장면(씬)을 표현하는 도형의 배열, 시점, 텍스처 매핑, 조명, 셰이딩 정보가 포함될 수 있다.

 

 

참조

- https://ko.wikipedia.org/wiki/%EB%A6%AC%EC%95%A1%ED%8A%B8_(%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC)

- https://velog.io/@josworks27/SPA-%EA%B0%9C%EB%85%90

- https://ko.wikipedia.org/wiki/%EB%A0%8C%EB%8D%94%EB%A7%81