DinningDoan (다이닝도안)

부산 감성 다이닝 & 요리주점 다이닝도안 공식 네이버 블로그 디자인, 실전 기능 연동 위젯 및 Stitch UI 프로토타입 패키지

---

📌 프로젝트 소개

부산 하단본점 및 명지직영점을 중심으로 운영되는 '다이닝도안'의 브랜드 아이덴티티(차분한 다크 슬레이트, 앤틱 골드 조명, 미식 중심 에디토리얼)를 극대화한 홈페이지형 네이버 블로그 시스템입니다.

• 네이버 블로그 URL: blog.naver.com
• 대표 메뉴: 1++ 한우 차돌박이 사시미, 도안 4시미, 전통주(문경바람 오크) 페어링, 차돌짬뽕
• 연동 기능: 네이버 스마트플레이스 실시간 예약, 네이버 지도 길찾기, 매장 유선 전화 다이얼, 공식 인스타그램 연동

---

📁 디렉터리 구조

다이닝도안/
├── webapp/                          # 실시간 웹 애플리케이션 (Svelte 5 + Tailwind)
│   ├── src/                         # 앱 소스코드 (하단본점 & 명지직영점 네이버 예약 연동)
│   └── public/                      # 1920px+ 고화질 네이버 실물 원본 사진 에셋
├── naver_blog_final_package/        # 실제 네이버 블로그 즉시 적용 최종 패키지
│   ├── 실제_네이버블로그_적용_매뉴얼.md   # 위젯 코드 & 세팅 완벽 실전 가이드
│   └── images/                      # 와이드 스킨 배너, 투명 위젯 PNG, 프로필 로고 등
├── tistory_skin/                    # 자유 CSS 지원 티스토리 전용 반응형 스킨
│   ├── skin.html, style.css         # 티스토리 풀 커스텀 코드
│   └── 티스토리_적용_가이드.md        # 티스토리 스킨 업로드 매뉴얼
├── stitch_preview/                  # Stitch 생성 고해상도 블로그 UI 프로토타입 (HTML)
└── naver_blog_actual_guide.md       # 블로그 본문 원고 복사/붙여넣기 템플릿

---

🚀 빠른 시작 가이드

1. naver_blog_final_package/실제_네이버블로그_적용_매뉴얼.md 문서를 확인합니다.
2. 네이버 블로그 관리자 페이지(꾸미기 설정 > 레이아웃·위젯 설정)에서 제공된 5개 위젯 HTML 코드를 붙여넣습니다.
3. 상단 스킨배경으로 images/wide_skin_background.png를 등록하면 완벽한 홈페이지형 블로그가 완성됩니다.