아일랜드 아키텍처(Islands Architecture)란?

Q: 아일랜드 아키텍처(Islands Architecture)란?

정적 HTML 페이지 안에 인터랙티브한 컴포넌트(아일랜드)만 선택적으로 하이드레이션하는 렌더링 패턴이다 아일랜드 아키텍처는 대부분의 페이지를 정적 HTML로 렌더링하고, 인터랙션이 필요한 부분(카루셀, 댓글 폼 등)만 독립적으로 하이드레이션합니다. 전체 페이지를 하이드레이션하는 것보다 JavaScript 로드량이 줄어 성능이 향상됩니다. Astro가 대표적 구현체입니다.

어려움 freeCodeCamp

보기 및 정답

A 정적 HTML 페이지 안에 인터랙티브한 컴포넌트(아일랜드)만 선택적으로 하이드레이션하는 렌더링 패턴이다

B 지리적으로 분산된 섬나라 사용자의 접근성을 향상시키기 위한 CDN 서버 배치 전략이다

C 백엔드 마이크로서비스를 각각 물리적으로 격리된 별도의 서버 인프라에서 독립 운영하는 아키텍처이다

D CSS Grid 레이아웃을 활용하여 페이지 콘텐츠를 섬(island) 모양의 카드 형태로 배치하는 디자인 패턴이다

해설

아일랜드 아키텍처는 대부분의 페이지를 정적 HTML로 렌더링하고, 인터랙션이 필요한 부분(카루셀, 댓글 폼 등)만 독립적으로 하이드레이션합니다. 전체 페이지를 하이드레이션하는 것보다 JavaScript 로드량이 줄어 성능이 향상됩니다. Astro가 대표적 구현체입니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

아일랜드 아키텍처(Islands Architecture)란?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩