개념

싱글 페이지 어플리케이션(SPA)은 웹 애플리케이션의 소프트웨어 아키텍처의 일종으로, 각각의 콘텐츠를 새로운 페이지로 로딩하는 대신, 동적으로 현재 페이지를 업데이트하면서 사용자 경험을 개선하는 웹 어플리케이션입니다. 이를 통해 더 빠르고 부드러운 사용자 경험을 제공할 수 있습니다.

장점

• 빠른 속도: 초기 로딩 이후에는 새로운 페이지 요청이 없기 때문에 응답 속도가 빨라집니다.
• 사용자 경험 향상: 페이지가 새로 고쳐지지 않기 때문에 부드러운 사용자 경험을 제공합니다.
• 프론트엔드와 백엔드 분리: 웹 API를 이용하여 데이터와 템플릿을 분리함으로써 개발자 간 협업이 용이해집니다.

단점

• 초기 로딩 시간: 초기 로딩 시 자원을 많이 사용할 수 있습니다.
• SEO 문제: 검색 엔진 최적화에 어려움이 있을 수 있습니다.

SPA는 현대적인 웹 애플리케이션의 경향을 이끌고 있으며, 장단점을 고려하여 프로젝트의 요구 사항에 맞게 구현할 수 있어야 합니다.

본 게시물은 MDN web docs와 Kinsta의 내용을 참고하여 작성되었습니다.

// 예시 코드
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});