201004 TIL SPA의 장점과 단점

journey·2020년 10월 11일
0

SPA

Single Page Application, 페이지가 한 개인 애플리케이션

Vanila Javascript를 이용한 웹은 페이지 수만큼 html 파일이 존재한다.
React를 이용한 웹은 오직 1개의 html파일이 존재한다.
그렇다면 어떻게 한 개의 웹페이지 안에서 여러 개의 페이지를 보여줄 수 있는 것인가?

Routing!!!
(리액트가 프레임워크가 아닌 라이브러리로 분류되는 이유 중 하나로, 리액트 자체에 이러한 라우팅 기능이 내장되어 있지 않기 때문이기도 하다)
URL에 따라 다른 페이지, 뷰를 사용자에게 제공한다.

전통적인 웹 어플리케이션의 구조는 여러 페이지로 구성되어 있다. 기존 페이지에서 새로운 페이지로 넘어갈 때 사용자의 요청에 의해 페이지가 새로고침이 되며, 해당 페이지를 로딩할 때, 서버로부터 매번 해당 페이지를 위한 데이터를 전달받아 해석하고 렌더링, 즉 화면에 보여지게 된다.
그 데이터의 양이 적다면 상관없지만 요즘은 웹 상에 제시되는 정보가 많기 때문에, 사용자 입장에서 느리다. 인터넷이 느리다 이런 느낌을 받게 된다.

SPA의 장점

장점이 많다. 많아서 인터넷에서 쉽게 찾아볼 수 있다.

SPA의 단점


링크텍스트
찾아보니, SEO, 초기 로딩 속도, 보안이 단점이라고 한다.

profile
J for Journey

0개의 댓글