fix(blog): 하원나우 포스트 이미지를 실제 앱 스크린샷으로 교체

- 스토어 리스팅 이미지(배경 프레임 포함) → 실제 시뮬레이터 캡처로 교체
- jpg → png 변환, 400px 너비로 최적화 (80~170KB)
- 3개 언어 포스트 이미지 경로 일괄 업데이트

Author: realcoding2003

_posts/2026-03-05-hawonnow-ai-dev-story-en.md

@@ -7,11 +7,11 @@ tags: [AI Development, Claude Code, SvelteKit, Hybrid App, Side Project, App Dev
 author: "Kevin Park"
 lang: en
 excerpt: "Built an academy schedule management app in half a day with Claude Code. But getting it on both app stores took 3 days."
-image: "/assets/images/posts/hawonnow-dev-story/01-now.jpg"
+image: "/assets/images/posts/hawonnow-dev-story/01-now.png"
 mermaid: true
 ---
 
-![HawonNow NOW Page](/assets/images/posts/hawonnow-dev-story/01-now.jpg)
+![HawonNow NOW Page](/assets/images/posts/hawonnow-dev-story/01-now.png)
 
 My kid goes to three after-school academies. Math, English, Taekwondo. My wife asks me every day "what time is which class again?" and I'm sitting there trying to remember. The paper schedule on the fridge is outdated. Calendar apps are overkill for tracking academy schedules.
 
@@ -111,17 +111,17 @@ flowchart LR
 
 ## What I Built
 
-![Weekly Schedule](/assets/images/posts/hawonnow-dev-story/02-schedule.jpg)
+![Weekly Schedule](/assets/images/posts/hawonnow-dev-story/02-schedule.png)
 
 **NOW Page** — The first screen when you open the app. Answers "what's happening right now?" Today's schedule cards show the current class, remaining time, and next event in real-time. Tap a phone number to call the academy directly.
 
 **Weekly Schedule** — A 7-day grid from Monday to Sunday with color-coded schedule blocks per child. Drag and drop to change times. Capture the schedule as an image and share it via messaging apps.
 
-![Academy Management and Statistics](/assets/images/posts/hawonnow-dev-story/03-academies.jpg)
+![Academy Management and Statistics](/assets/images/posts/hawonnow-dev-story/03-academies.png)
 
 **Academy Management** — Academy name, teacher contact, driver contact, monthly tuition, payment date — all in one place. "How much are we paying for academies this month?" answered by a single screen.
 
-![Statistics](/assets/images/posts/hawonnow-dev-story/04-statistics.jpg)
+![Statistics](/assets/images/posts/hawonnow-dev-story/04-statistics.png)
 
 **Statistics** — Total weekly class hours, monthly tuition totals, day-of-week and time-of-day distribution charts. Seeing that one kid spends 23 hours a week at academies... that's a sobering number.
 

_posts/2026-03-05-hawonnow-ai-dev-story-ja.md

@@ -7,11 +7,11 @@ tags: [AI開発, Claude Code, SvelteKit, ハイブリッドアプリ, サイド
 author: "Kevin Park"
 lang: ja
 excerpt: "Claude Codeで半日で塾スケジュール管理アプリを作りました。でも両ストアへの登録には3日かかりました。"
-image: "/assets/images/posts/hawonnow-dev-story/01-now.jpg"
+image: "/assets/images/posts/hawonnow-dev-story/01-now.png"
 mermaid: true
 ---
 
-![HawonNow NOWページ](/assets/images/posts/hawonnow-dev-story/01-now.jpg)
+![HawonNow NOWページ](/assets/images/posts/hawonnow-dev-story/01-now.png)
 
 子供が塾を3つ通っています。算数、英語、テコンドー。妻が毎回「今日は何時にどこだっけ？」と聞いてきて、私は頭の中で「算数が3時で...英語が5時で...」と記憶を辿ります。冷蔵庫に貼った紙の時間割は更新されていなくて役に立たない。カレンダーアプリは塾の管理には大げさすぎます。
 
@@ -111,17 +111,17 @@ flowchart LR
 
 ## 作った機能たち
 
-![週間スケジュール](/assets/images/posts/hawonnow-dev-story/02-schedule.jpg)
+![週間スケジュール](/assets/images/posts/hawonnow-dev-story/02-schedule.png)
 
 **NOWページ** — アプリを開くとすぐ表示される画面。「今何の時間？」に答えてくれます。今日のスケジュールカードに、現在進行中の授業、残り時間、次の予定がリアルタイムで表示されます。塾の電話番号をタップすればすぐ電話できます。
 
 **週間スケジュール** — 月曜から日曜の7日グリッドにスケジュールブロックが色別に表示されます。子供が複数いれば色で区別。ドラッグ＆ドロップで時間変更もでき、画像としてキャプチャしてメッセージアプリで共有もできます。
 
-![塾管理と統計](/assets/images/posts/hawonnow-dev-story/03-academies.jpg)
+![塾管理と統計](/assets/images/posts/hawonnow-dev-story/03-academies.png)
 
 **塾管理** — 塾名、先生の連絡先、送迎ドライバーの連絡先、月謝、支払日まで一箇所で管理。「今月の塾代いくら？」にアプリ一つで答えられます。
 
-![統計画面](/assets/images/posts/hawonnow-dev-story/04-statistics.jpg)
+![統計画面](/assets/images/posts/hawonnow-dev-story/04-statistics.png)
 
 **統計** — 週間総授業時間、月別塾代合計、曜日別・時間帯別分布チャート。一人の子供が週に23時間塾で過ごしているという数字を見ると...ちょっと考えさせられます。
 

_posts/2026-03-05-hawonnow-ai-dev-story.md

@@ -7,11 +7,11 @@ tags: [AI개발, Claude Code, SvelteKit, 하이브리드앱, 사이드프로젝
 author: "Kevin Park"
 lang: ko
 excerpt: "Claude Code로 반나절 만에 학원 일정 관리 앱을 만들었다. 근데 양대 스토어 등록에는 3일이 걸렸다."
-image: "/assets/images/posts/hawonnow-dev-story/01-now.jpg"
+image: "/assets/images/posts/hawonnow-dev-story/01-now.png"
 mermaid: true
 ---
 
-![하원나우 NOW 페이지](/assets/images/posts/hawonnow-dev-story/01-now.jpg)
+![하원나우 NOW 페이지](/assets/images/posts/hawonnow-dev-story/01-now.png)
 
 아이가 학원을 세 개 다닌다. 수학, 영어, 태권도. 아내가 매번 카톡으로 "오늘 몇시에 어디야?" 물어보고, 나는 머릿속으로 "수학이 3시고... 영어가 5시고..." 이러면서 기억을 더듬는다. 종이 시간표는 냉장고에 붙여놨는데 업데이트가 안 돼서 쓸모가 없고. 캘린더 앱을 써봤는데 학원 일정 관리용으로는 너무 과하다.
 
@@ -111,17 +111,17 @@ flowchart LR
 
 ## 만든 기능들
 
-![주간 시간표](/assets/images/posts/hawonnow-dev-story/02-schedule.jpg)
+![주간 시간표](/assets/images/posts/hawonnow-dev-story/02-schedule.png)
 
 **NOW 페이지** - 앱 열면 바로 보이는 화면. "지금 뭐 하는 시간이지?"에 대한 답을 준다. 오늘 일정 카드에 현재 진행 중인 수업, 남은 시간, 다음 일정이 실시간으로 뜬다. 학원 전화번호 탭하면 바로 전화 걸리고.
 
 **주간 시간표** - 월~일 7일 그리드에 일정 블록이 색상별로 표시된다. 아이가 여러 명이면 색상으로 구분. 드래그 앤 드롭으로 시간 변경도 되고, 이미지로 캡처해서 카톡으로 공유할 수도 있다.
 
-![학원 관리와 통계](/assets/images/posts/hawonnow-dev-story/03-academies.jpg)
+![학원 관리와 통계](/assets/images/posts/hawonnow-dev-story/03-academies.png)
 
 **학원 관리** - 학원 이름, 선생님 연락처, 차량 기사 연락처, 월 수강료, 결제일까지 한 곳에서 관리. "이번 달 학원비 얼마야?"를 앱 하나로 답할 수 있게.
 
-![통계 화면](/assets/images/posts/hawonnow-dev-story/04-statistics.jpg)
+![통계 화면](/assets/images/posts/hawonnow-dev-story/04-statistics.png)
 
 **통계** - 주당 총 수업 시간, 월별 학원비 합계, 요일별/시간대별 분포 차트. 아이 한 명이 일주일에 23시간을 학원에서 보내고 있다는 걸 숫자로 보면... 좀 현타 온다 ㅎㅎ