[용어정리] SPA ?

 

SPA ?

 

SPA하면 spa브랜드...스파오.. 아님 뜨끈한~(국밥..)스파 같은 단어만 생각났다. 

 

하지만 개발용어의 SPA는 Single Page Application의 약자이다. 

 

단일 페이지 어플리케이션은 현재 웹 개발의 트랜드 중 하나이다

 

 

기존의 웹 서비스는 클라이언트가 요청할 때마다 서버로 부터 데이터를 받아 화면에 뿌려주는 방식이였다.

SAP는 브라우저에 최초 한번! 페이지 전체를 로드한 후에, 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식이다. 

페이지 이동 없이 특정 영역에서만 새로운 데이터를 받아 교체하는 형태라고 생각하면 될거 같다. 

 

 

 

 

 

프로젝트에서 한페이지에서 게시글 목록과 해당하는 게시글의 내용을 보여줘야하는 경우가 있었는데

SPA의 대표적 예시같다! 좀더 이해하기 쉬운것같아서 이미지로 그려왔다.^ - ^ 

 

한 페이지라고 화면이 한 종류인 것은 아니다!!!!

 

마치 화면이 갱신되어지는 것 처럼 보이는 것! 

 

이 프로젝트를 구현하는 언니가 정말 고생하는걸 봤다.

같이 구현하다가 머리 터지는줄 알았다ㅠㅜ

사용자 입장에서는 정말 편하고 좋다고 생각했지만........

개발하는 입장에서는 갑자기 미워보였다^...^.

 

 

---

장 · 단점

 

장점 

1. 화면 전체를 렌더링 할 필요가 없어 화면 이동이 빠르다.

2. 화면에 필요한 부분의 데이터만 받아오면 되기 때문에 효율적이다. 

3. 사용자 입장에서 사용하기 편하다.

 

 

단점 

1. 처음 화면에 모든것이 준비 되어있어야 하기 때문에 로딩시간이 걸린다. 

2. 어플리케이션을 구현하는데 시간이 걸리고 복잡하다.  

 

 

 

 

 

 

---

 

 

 

 

퍼블리싱을 준비하고 있을 당시 강사님께서

" 앞으로는 한 페이지에서 많은 일을 하는 것이 트랜드가 될것"

' 사용자들은 페이지가 이동되는 시간조차 기다리기 싫다.  그 자리에서 보고 확인하고 싶다. '

이렇게 알려주셨는데 이렇게 보게 되니까 잘 와닿게 되고 

프로젝트할때 잘~! 참조할 수 있었다. 

저말을 들은게 4년전인가....??
저때 좀더 공부를 열심히 할걸 그랬다 8 ㅅ 8 

 

 

 

 

 

 

 

 

참고링크

 

linked2ev.github.io/devlog/2018/08/01/WEB-What-is-SPA/

velog.io/@josworks27/SPA-%EA%B0%9C%EB%85%90