SPA

SPA란?

HTML에서만 작업 시, 페이지가 이동할 때마다 새로운 페이지를 불러오는 방식으로 사용했기 때문에 화면의 로딩속도는 느려졌고, 사용자 또한 빠른 인터페이스를 체감하기 어려웠다.
하지만 싱글페이지 어플리케이션은 하나의 페이지 안에 자바스크립트로 여러 컴포넌트를 두어, 이벤트가 발생한 컴포넌트의 데이터만 변경하는 방식이다.

장,단점

장점

변경이 필요한 부분의 컴포넌트만 조작하기 때문에 전체 화면을 다시 렌더링 할 필요가 없으며, 이는 사용자에게 빠르게 접근과 서버의 과부하를 줄일 수 있는 이점이 된다.
유지보수 면에서도 좋다.

단점

하나의 html을 제외한 모든 파일이 자바스크립트 파일이어서 파일 자체는 무겁고
첫 로딩시간이 길어질 수 있다.
또한 html을 기반으로 하는 검색엔진일 경우 spa가 적합하지 않을 수 있다.
(현재 이 단점도 점점 개선중이라고 한다.)

와이어프레임(wire frame)

와이어 프레임이란?

본격 디자인으로 들어가기 전 윤곽을 잡는 단계를 말한다.