SPA /PWA/ WA 용어 설명.

1. SPA란?

컴포넌트 기반의 SPA를 구축할 수 있게 해주는 프레임워크. 사용자가 웹사이트에 한 번만 접속한 뒤로 다시 페이지를 리로딩할 필요가 없이 한 페이지 내에서 어플리케이션을 이용할 수 있다.

 

컴포넌트

• 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소.

SPA

• 단일 페이지 어플리케이션
• 하나의 페이지 안에서 필요한 영역 부분만 로딩 되는 형태
• 빠른 페이지 변환
• 적은 트래픽 양

2. PWA

웹 어플리케이션을 모바일 프로그래밍을 전혀 필요로 하지 않고, 웹 어플리케이션 자체를 모바일에 다운로드 받아서 모바일에 관련된 다양한 API를 이용할 수 있고 기기가 오프라인일 때에도 끊임없이 어플리캐이션을 사용할 수 있게 지원을  도와준다.

 

3. WA

브라우저 위에서 조금 성능이 떨어지는 js와 달리, 저수준에 속하는 어셈블리와 같이, c, c++, rust와 같은 프로그래밍 언어로 브라우저 위에서 동작할 수 있는 어플리케이션을 만들 수 있다. 네이티브에 가까운 폭발적인 성능을 보장. 컴팩트한 바이너리 포맷을 제공해서 성능이 좋은 웹어플리케이션을 만들 수 있다.

 

대표적으로 Figma가 있다. C++을 이용해서 웹 어플리케이션을 구현했다. 컨텐츠의 로딩 속도를 3배이상 향상시켰다.

 

이외에도 요즘은 AI 라이브러리, Motion Design이 최신 트랜드이다.