레이아웃 해부도

화면의 부분마다 이름이 있어요. 올려 보고, 눌러 보세요. 다 익혔으면 퀴즈로 확인해요.

부분에 마우스를 올리면 이름이, 누르면 설명이 나와요.

로그인예약하기

흙으로 빚는 하루

처음이어도 세 시간이면 나만의 그릇을 만들어요.

클래스 예약하기

이번 달 클래스

물레 체험3시간 · 60,000원
분청 접시 만들기4시간 · 75,000원
백자 화병4주 과정 · 280,000원
회사·학교 단체 클래스도 열려 있어요 단체 문의하기
◐ CLAY STUDIO서울시 어딘가 12 · 02-000-0000
© 2026 Clay Studio
↑

조흔 I Tide Mark I

연도
2025
재료
백자토, 투명유
크기
32 × 32 × 41 cm
국문English

물레로 올린 백자 항아리의 아래쪽 3분의 1을 가는 띠로 여러 번 깎아냈다. 썰물 뒤 갯바위에 남는 물높이 선을 떠올리며 띠 간격을 일부러 고르게 맞추지 않았다.

© Kang Haram haram.kang.studio@example.com

첫 페이지 만들기

2026.10.21 · 5분 읽기

폴더를 열고 AI에게 첫 요청을 보내 봅시다. 원하는 화면을 부분의 이름으로 설명하면 결과가 한 번에 맞을 확률이 높아요.

헤더부터 만들기

💡 "헤더 왼쪽에 이름, 오른쪽에 메뉴 네 개"처럼 위치와 이름을 같이 말하세요.
그림 1. 완성된 첫 화면
© 2026 바이브 가이드이 문서 고치기 ↗
첫 구매 10% 할인 쿠폰 받기 →✕
👤마이♡찜 🛒장바구니2
128개 상품 백자 ✕ 인기순 ▾
SALE♡
강하람조흔 항아리20% 160,000원
♡
강하람재유 넓은 접시48,000원
NEW♡
강하람청백 화병92,000원
♡
강하람분청 귀얄 접시55,000원
(주)흙마켓 · 사업자등록번호 000-00-00000 · 고객센터 1588-0000© HEUK MARKET
💬
9:41▂▄▆ ᯤ ▭
← 작품 보관함 ⋯
전체그릇화병오브제
조흔 I백자 · 2025
›
침식조합토 · 2024
›
흰 바위백자 · 2025
›
머문 자리백자 · 2025
›
+
🔔5 강강하람 ▾

판매 현황

📅 최근 7일 ▾
오늘 매출1,240,000원▲ 12%
주문38건▲ 5%
반품2건▼ 1%
요일별 매출
주문번호고객상품상태
#1042김○○조흔 항아리배송 완료
#1041이○○청백 화병배송 준비
#1040박○○분청 접시취소

반응형 · 브레이크포인트

화면 폭이 바뀌면 배치가 바뀌어요
640px 1000px

1200px · 노트북 배치 · 3열 · 메뉴 펼침

뷰포트 (지금 보이는 창)
haram.kr
KANG HARAM ≡
도예가 강하람
조흔 I
조흔 II
침식
고인 물
흰 바위
숨
© Kang Haram
반응형 Responsive

화면 크기에 맞춰 배치가 알아서 바뀌게 만드는 방식.

브레이크포인트 Breakpoint

배치가 '확' 바뀌는 기준 폭. 위 막대의 640px, 1000px.

뷰포트 Viewport

지금 브라우저 창에 실제로 보이는 영역.