처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / 웹 개발 기초 / 문제

웹에서 MPA(Multi-Page Application)와 SPA의 SEO 관점 차이는?

보통 freeCodeCamp
보기 및 정답
A MPA와 SPA는 검색 엔진 최적화(SEO) 관점에서 동일한 성능을 보이며, 렌더링 방식이 달라도 SEO에 차이가 전혀 발생하지 않는다
B MPA는 페이지별 고유 HTML을 서버가 제공하여 크롤러가 쉽게 색인하고, SPA는 JavaScript 렌더링에 의존하여 추가 설정(SSR/메타태그)이 필요하다
C SPA는 클라이언트에서 JavaScript로 동적 메타태그를 생성하므로 별도의 추가 설정 없이도 검색 엔진 크롤러가 쉽게 색인할 수 있어 SEO에 항상 더 유리하다
D MPA는 서버 사이드 렌더링 방식을 사용함에도 불구하고, 페이지별 고유 URL이 없어 검색 엔진 크롤러가 색인할 수 없고 SEO에 노출되지 않는다

해설

MPA는 각 URL마다 서버에서 완성된 HTML을 반환하므로 검색 엔진 크롤러가 쉽게 내용을 파악합니다. SPA는 초기에 빈 HTML을 로드하고 JavaScript로 콘텐츠를 렌더링하므로, SSR(Server-Side Rendering)이나 프리렌더링 없이는 SEO에 불리할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

웹 성능 지표 CLS(Cumulative Layout Shift)란?
웹 개발 기초
웹에서 Intersection Observer API의 주된 용도로 올바른 것은?
웹 개발 기초
GraphQL이 REST API와 다른 핵심 특징은?
웹 개발 기초
웹에서 'Edge Computing(엣지 컴퓨팅)'의 핵심 개념으로 올바른 것은?
웹 개발 기초
SSR(Server-Side Rendering)과 CSR(Client-Side Rendering)의 차이점은?
웹 개발 기초