sample

모든 블록을 사용한 샘플 글

이 글은 CMS에 등록된 10종 block을 모두 한 번에 보여주기 위한 샘플입니다. 위에서부터 순서대로 각 블록의 실제 렌더링을 확인할 수 있습니다.

보험이야기

보험이야기...

부모님 치매, 준비 없이 맞이할 수 없는 현실

부모님 치매, 준비 없이 맞이할 수 없는 현실

chancechance2026. 06. 02.

부모님이 나를 못 알아보시는 날, 당신은 준비되어 있나요? 치매 환자 100만 시대, 간병비만 연 4천만원. 한 가정이 무너지는 시간, 준비 없이 맞은 치매는 가족 전체를 힘들게 합니다. 하지만 경제적 부담 없이 부모님 곁에서 최선을 다할 수 있는 방법이 있습니다. 오늘의 작은 준비가 가족 모두를 지킵니다. 사랑하는 부모님을 위한 가장 확실한 효도, 지금 시작하세요.

1. Notice — 공지 박스

2. Highlight — 강조

핵심 메시지를 강조할 때 사용하는 amber 톤 박스입니다.

3. Quote — 인용

말씀이 곧 능력입니다. 우리 안에 거하시는 말씀이 우리를 새롭게 합니다.

— 김 목사

4. Button — 액션 버튼

아래는 3가지 스타일의 버튼입니다.

자세히 보기사이트 둘러보기행동 촉구

5. YouTube — 영상 임베드

6. Gallery — 클릭 가능한 썸네일 그리드

7. Image Grid — 캡션 포함 그리드

poster-3
샘플 캡션 1
schedule
샘플 캡션 2
모줄성
샘플 캡션 3
KakaoTalk_20240621_141645100_02
샘플 캡션 4

8. Slide — 좌우 네비게이션 캐러셀

poster-3

1번 슬라이드

슬라이드 설명 1번 — 좌우 버튼이나 하단 dot으로 이동할 수 있습니다.

9. File — 파일 다운로드

PDF샘플 안내문 (PDF)sample-guide.pdf

10. Map — 지도 임베드

서울 시청

마무리

여기까지가 현재 CMS에 등록된 모든 block 유형의 렌더링 결과입니다. 새 block은 shared/blocks/registry.js에 schema 추가 + 서버 renderer + Vue component 한 쌍씩만 늘리면 됩니다.