SPA2 [리액트] MPA(Multi-Page Application) vs SPA(Single-Page Application) 장단점 정리 MPA(Multi-Page Application) 여러개의 HTML 파일로 이루어져 있는 애플리케이션 새로운 페이지를 요청할 때마다 서버에서 정적 리소스가 다운되고 그에 맞춰 전체 페이지를 다시 렌더링한다 사용자에게 보이는 화면은 서버측에서 준비하는 SSR(Server Side Rendering) 방식을 사용한다 장점 1. 첫로딩이 빠르다 요청받은 페이지에 정적 리소스만 받아오기 때문에 처음 페이지를 로딩하는 작업이 빠르다. 2. SEO(Search Engine Optimization, 검색 엔진 최적화)에 유리하다 MPA는 완성된 형태의 HTML 파일을 서버로부터 전달받기 때문에 검색 엔진이 페이지를 크롤링하기에 적합하다. 단점 1. 다른 페이지와 겹치는 컴포넌트를 매번 다시 불러와야 한다 header.. 2022. 4. 11. [리액트] 리액트란 무엇인가? (MVC패턴, 리액트의 장점, 리액트로 만든 웹사이트 소개) ⚠️ 이 포스팅은 김민준님의 리액트를 다루는 기술을 공부하고 정리한 블로그 포스팅입니다. ⚠️ 포스팅에 해당하는 목차는 다음과 같습니다: 1장 리액트 시작 1.1 왜 리액트인가? 1.2 리액트의 특징 1.3 작업 환경 설정 1. 리액트란? 리액트란 페이스북이 개발한 자바스크립트 라이브러리다. 리액트를 사용해 컴포넌트를 기반으로한 Single Page Application(SPA)을 만들 수 있다. 여기서 컴포넌트와 Single Page Application이라는 말이 이해가 되지 않는다면 아래의 내용을 확인해보자. 1.1 컴포넌트란? 여기서 컴포넌트란 프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈을 의미한다. 컴포넌트 하나에 해당 컴포넌트의 생김새와 작동 방식을 정의하고 목적에 맞는 기능들을 모아.. 2022. 2. 23. 이전 1 다음
