Spa 2

JS | 렌더링 , SPA

렌더링? 👩🏻 Html css 자바스크립트 등 개발자가 작성한 문서를 브라우저에서 출력되는 과정을 말한다. SPA 란? 단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다 기존 어플리케이션과 SPA의 차이 기존 어플리케이션은 화면이동 시에 화면 이동에 필요한 HTML을 서버사이드에서 받아서 처음부터 다시 로딩하기 때문에 시간이 걸린다. 반면, SPA에서는 화면 구성에 필요한 모든 HTML을 클라이언트가 갖고 있고 서버사이드에는 필요한 데이터를 요청하고 JSON으로 받기 때문에 기존의 어플리케이션에 비해 화면을 구성하는 속도가 빠르다.

리액트란? React.js

Single Page Application = SPA 리액트는 SPA(Single Page Application)을 위한 사용자 인터페이스를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. 웹 및 모바일 앱의 view layer를 처리하는 데 사용됩니다. 또한 React를 사용하면 재사용 가능한 UI 구성 요소를 만들 수 있습니다. React는 Facebook에서 일하는 소프트웨어 엔지니어 jordan walke가 처음 만들었습니다. React를 사용하면 개발자가 페이지를 다시 로드하지 않고도 데이터를 변경할 수 있는 대규모 웹 애플리케이션을 만들 수 있습니다. React의 주요 목적은 빠르고 확장 가능하며 단순합니다. 리액트 실행방법 터미널에서 npx create-react-app..

카테고리 없음 2022.10.07