부드러운 화면전환

사이트 로딩 및 화면 전환시 barba.js(https://barba.js.org)를 이용하여 SPA¹⁾처럼 화면 전환하는 것이 특징이며, 사이트 전체의 메인 색상을 관리자 에서 변경하실 수 있습니다.

1)SPA란?

“SPA”는 “Single Page Application”의 약자입니다. SPA는 웹 애플리케이션의 개발 방식을 의미합니다. 기존의 다중 페이지 웹 애플리케이션과는 달리, SPA는 하나의 HTML 페이지로 시작하고, 동적으로 컨텐츠를 로드하여 사용자와 상호작용합니다.
SPA의 특징은 다음과 같습니다:

1. 단일 페이지: SPA는 초기 로딩 이후에 페이지 갱신을 위해 새로운 HTML을 서버로부터 가져오지 않고, JavaScript를 사용하여 동적으로 페이지를 업데이트합니다. 사용자는 페이지 전환 시에도 새로고침 없이 콘텐츠를 로드할 수 있습니다.
2. AJAX와 API: SPA는 주로 AJAX 기술을 사용하여 서버로부터 데이터를 비동기적으로 가져옵니다. 이를 통해 사용자 경험을 향상시킬 수 있습니다. 또한, 웹 API와의 통신을 통해 데이터를 주고받을 수 있습니다.
3. 프론트엔드 프레임워크 또는 라이브러리: 대부분의 SPA는 프론트엔드 프레임워크나 라이브러리를 사용하여 개발됩니다. 대표적인 SPA 프레임워크로는 Angular, React, Vue.js 등이 있습니다.
4. 더 나은 사용자 경험: SPA는 페이지 갱신이 필요한 부분만 업데이트하므로 사용자가 빠르게 콘텐츠를 로드할 수 있습니다. 또한, 뒤로 가기와 같은 브라우저의 내장 기능을 사용하여 전체 페이지를 다시 로드하지 않아도 되므로 더 부드러운 사용자 경험을 제공할 수 있습니다.

SPA는 현대적인 웹 애플리케이션에서 인기 있는 개발 방식 중 하나입니다. 그러나 초기 로딩 시에 필요한 자바스크립트 및 데이터의 양이 큰 경우에는 초기 로딩 속도가 느릴 수 있습니다.