SPA(Single Page Application)에 기초 개념

josworks27·2020년 3월 23일
3

TIL(Today I Learned)

목록 보기
42/73
post-thumbnail

SPA 란?

단일 페이지로 구성된 웹 어플리케이션을 말한다. SPA는 화면이동 시에 필요한 데이터를 서버사이드에서 HTML으로 전달받지 않고(서버사이드 렌더링 X), 필요한 데이터만 서버로부터 JSON으로 전달 받아 동적으로 렌더링한다.

기존 어플리케이션과 SPA의 차이

기존 어플리케이션은 화면이동 시에 화면 이동에 필요한 HTML을 서버사이드에서 받아서 처음부터 다시 로딩하기 때문에 시간이 걸린다.

반면, SPA에서는 화면 구성에 필요한 모든 HTML을 클라이언트가 갖고 있고 서버사이드에는 필요한 데이터를 요청하고 JSON으로 받기 때문에 기존의 어플리케이션에 비해 화면을 구성하는 속도가 빠르다.

출처: https://www.excellentwebworld.com/what-is-a-single-page-application/

위에 내용을 바탕으로 SPA의 장/단점을 정리하자면 아래와 같다.

장점

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

단점

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

참고 자료

0개의 댓글