왜 필요한가

주민이 글을 읽고 가끔 저장하는 동네 소식지를 만든다고 가정해 봅시다. 제작팀은 컴포넌트로 글 페이지를 만들되, 글마다 전체 앱을 보내지 않고 저장 버튼만 작동시키려 합니다.

어떻게 해결하는가

동네 소식지를 Markdown 글 3개와 레이아웃 하나로 시작합니다. 다음을 누르면 목록과 글 HTML 3개를 만들고 호스팅을 거쳐 브라우저에 전달합니다. 선택적 저장 아일랜드를 켜도 본문은 그대로 읽힙니다. 레이아웃 누락은 빌드를 멈추며, 정적 파일만으로 개인 저장 기록을 유지할 수는 없습니다. 이전은 앞 단계로, 초기화·새로고침은 처음으로 돌아갑니다.

동네 소식지 빌드

개념 시뮬레이션

Astro

동네 소식지에서 다음을 눌러 소스 → 빌드 → 출력 → 호스트 → 브라우저를 따라갑니다.

  1. 01 Markdown 글 3개 + 레이아웃
    • block-party.md
    • pet-adoption.md
    • community-meeting.md
    • 공유 레이아웃
  2. 02 Astro 컴포넌트 빌드

    대기

  3. 03 생성된 HTML 파일 0

    index.html · block-party.html · pet-adoption.html · community-meeting.html

  4. 04 정적 호스트 · 파일 발행
  5. 05 브라우저 · 글 3개 읽기

Markdown 글 3개 + 레이아웃

실행 경계
빌드: 컴포넌트·Markdown → HTML. 선택한 아일랜드는 브라우저 실행.
상태와 책임
발행자는 빌드·산출물, 별도 API는 개인 저장을 담당합니다.

본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.

무엇이라 부르는가

Astro는 콘텐츠를 HTML로 렌더링하고 선택한 아일랜드에 클라이언트 상호작용을 더합니다. 여기서는 정적 출력을 사용하지만 서버 렌더링도 지원합니다.

아일랜드와 별도 저장 API를 조합하세요.

출처