<!DOCTYPE html>
<html lang="ko">
<head>
  <!-- Google Tag Manager 구글 애널리틱스 -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-TJGXCNL5');</script>
  <!-- End Google Tag Manager -->

  <!-- Google tag (gtag.js) 구글 애널리틱스-->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-0XWKBK54P9"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-0XWKBK54P9');
  </script>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <meta charset="utf-8">
<meta name="naver-site-verification" content="fec8320416e4769c2c678daf772225b9c9993673" />
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>[모바일 헬스케어] 3주차 기록 - 운동량 늘리기 - 날마다 소품 Story</title>




<meta name="description" content="          🪡    건강한 일상 짓기, 27주 챌린지 🧶                                3주 차 (11% 달성)                      시작      건강한 습관 완주까지 앞으로 24주 남았습니다. 아자아자~ 파이팅! 🏃‍♀️     ...">
<meta name="author" content="날마다 소품">

<meta property="og:type" content="article">
<meta property="og:title" content="[모바일 헬스케어] 3주차 기록 - 운동량 늘리기">
<meta property="og:description" content="          🪡    건강한 일상 짓기, 27주 챌린지 🧶                                3주 차 (11% 달성)                      시작      건강한 습관 완주까지 앞으로 24주 남았습니다. 아자아자~ 파이팅! 🏃‍♀️     ...">
<meta property="og:url" content="https://nalmadasopum.com/health/2026/05/17/health-care-3-week.mdx">
<meta property="og:site_name" content="날마다 소품 Story">
<meta property="og:image" content="https://nalmadasopum.com/assets/images/default-share.jpg">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="[모바일 헬스케어] 3주차 기록 - 운동량 늘리기">
<meta name="twitter:description" content="          🪡    건강한 일상 짓기, 27주 챌린지 🧶                                3주 차 (11% 달성)                      시작      건강한 습관 완주까지 앞으로 24주 남았습니다. 아자아자~ 파이팅! 🏃‍♀️     ...">
<meta name="twitter:image" content="https://nalmadasopum.com/assets/images/default-share.jpg">
    


  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  
  
  <link rel="stylesheet" href="/assets/css/style.css">


  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6560962542438848"
     crossorigin="anonymous"></script> <!--구글애드센서 심사코드-->

</head>

<body>
  <!-- Google Tag Manager (noscript)  구글 애널리틱스-->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJGXCNL5"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

     
    <nav class="nav">
        <div class="nav-inner">
            <div class="nav-left">
                <h1 class="site-title">
                  <a href="/">날마다 소품 Story</a>
                </h1>
                <div class="desktop-menu">
                    <a href="/category/travel-reviews/">가볼 만한 곳</a>
                    <a href="/category/making-note/">소품 만들기</a>
                    <!--<a href="/category/health/">건강기록</a>-->
                    <a href="/category/daily/">일상이야기</a>
                    <!--<a href="/category/about/">브랜드 스토리</a>-->
                    <!--<a href="/archive/">All Story</a>-->
                </div>
            </div>
            <div class="nav-right">
                <div class="search-box">
                  <input type="text" id="search-input" placeholder="Search">
                </div>

                <!--<div class="lang-switch">
                    <a href="https://nalmadasopum.kr" target="_blank" class="shop-link">SHOP</a>
                    <span>|</span>
                    <a href="https://nalmadasopum.com" class="active"  title="한국어"><button>KOR</button></a>
                    <span>|</span>
                </div>-->

                <button class="hamburger" id="hamburger-btn">
                    <span class="material-symbols-outlined">menu</span>
                </button>
            </div>
        </div>

        <nav class="mobile-top-nav"> <!--모바일 1차 메뉴 가로 스크롤바-->
            <ul class="mobile-nav-list">
                <li><a href="/category/travel-reviews/">가볼 만한 곳</a></li>
                <li><a href="/category/making-note/">소품 만들기</a></li>
                <!--<li><a href="/category/health/">건강기록</a></li>-->
                <li><a href="/category/daily/">일상이야기</a></li>
                <!--<li><a href="/category/about/">브랜드 스토리</a></li>-->
                <!--<li><a href="/archive/">All Story</a></li>-->
                <li><a href="https://nalmadasopum.kr" target="_blank" class="mobile-shop-link">SHOP</a></li>
            </ul>
        </nav>

        <div class="mobile-menu" id="mobile-menu-overlay"> <!--모바일 삼선 누르면 나오는 메뉴-->
            <a href="https://nalmadasopum.kr" target="_blank" class="mobile-shop-link">SHOP</a>
            <a href="/category/travel-reviews/">가볼 만한 곳</a>
            <a href="/category/making-note/">소품 만들기</a>
            <!--<a href="/category/health/">건강기록</a>-->
            <a href="/category/daily/">일상이야기</a>
            <!--<a href="/category/about/">브랜드 스토리</a>-->
            <!--<a href="/archive/">All Story</a>-->
        </div>
    </nav>


    <script>
    $(document).ready(function() {
        // 햄버거 버튼(.hamburger)을 클릭했을 때 할 일
        $('.hamburger').on('click', function() {
        // 모바일 메뉴(.mobile-menu)를 스르륵 열었다가 닫아줍니다.
        $('.mobile-menu').slideToggle(300);
        });
    });
    </script>


  <main class="page-content" aria-label="Content">
  
  <div class="wrapper with-sidebar">
    
    
      <aside class="sidebar">
  <h3 class="sidebar-title">Atelier Categories</h3>
  <p class="sidebar-subtitle">Crafting the Everyday</p>
  <ul class="sidebar-menu">
    <li class="active">Health</li>
    <li><a href="/category/health/?filter=all" class="smart-filter-btn" data-filter="all">전체 보기</a></li>
  </ul>
</aside>
    

    <div class="content-area">
      <article class="post-container">

  <header class="post-header">
    
    <p class="post-meta">
      
      
        <span class="post-categories">Categories: health</span>
      
      <span class="meta-divider"></span>
      <time datetime="2026-05-17T00:00:00+00:00">May 17, 2026</time>
    </p>
     <!--포스트 제목 글자수에 따른 폰트 사이즈 조절-->
    <h1 class="post-title long-title">[모바일 헬스케어] 3주차 기록 - 운동량 늘리기</h1>
  </header>

  <!--<div class="ad-space ad-top">광고
    <span class="ad-text">Advertisement</span>
  </div>-->

  <div class="post-content">
    <div class="challenge-tracker">
  <div class="challenge-tracker-inner">
    
    <span class="challenge-icon">🪡</span>
    <p class="challenge-title">건강한 일상 짓기, 27주 챌린지 🧶</p>
    
    <div class="challenge-timeline">
      <div class="timeline-line-bg"></div>
      <div class="timeline-line-progress" style="width: 11.1%;"></div>
      <div class="timeline-dot active"></div>
      <div class="timeline-badge">3주 차 (11% 달성)</div>
      <div class="timeline-dot inactive"></div>
    </div>
  
    <div class="challenge-footer">
      <span>시작</span>
      <span class="challenge-msg">건강한 습관 완주까지 <br>앞으로 <b>24주</b> 남았습니다.<br> 아자아자~ 파이팅! 🏃‍♀️</span>
      <span>완주</span>
    </div>
    
  </div>
</div>

<div class="date-kraft-wrap">
  <div class="date-kraft">
    <div class="kraft-dash"></div>
    <span class="kraft-text">🗓️ 3주 차 : 2026. 5. 11 (월) ~ 5. 17 (일)</span>
  </div>
</div>


안녕하세요! 매일 사부작사부작 예쁜 소품을 지어내는 **'날마다 소품'**입니다. 😊

지난주에 이어 3주 차에 접어들었네요. 이제 좀 익숙해져 버렸는지 아침 먹는 것도 잠시 깜빡하고, 저녁 식사를 1인분만 차리는 것도 깜빡하네요.~~🦥
무뎌지나 봐요...🥱

---

## 🩺 이번 주의 다짐 & 보건소 미션

* **이번 주 다짐:** 운동량 늘리기!, 인터벌 운동 3번 하기, 수시로 발뒤꿈치 들어 올리기 
* **보건소 3주 차 미션:** 집중 상담 내용을 바탕으로 한 이번 주 미션은 지난주와 같은 **'충분한 수분 섭취를 위해 하루 물 6컵 이상 섭취'**, **'식사할 때 매번 20번 이상 씹어서 섭취하기'**입니다. 

지난주 수분 섭취량에 대해 궁금한 점을 앱을 통해 상담해 보았어요.

![수분 섭취량에 대한 상담 내용](https://nalmadasopum.com/assets/images/health/260517-health-care-week3-08.jpg)

---

## 🥗 3주 차 일주일 저녁 식단 (Dinner Log)

이번 주 식사한 사진입니다.

<div class="diet-swipe-container">

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 11일 (월)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-01.jpg" alt="월요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 615 kcal 💦</div>
      <div class="diet-menu">
        기장밥 100g<br>
        소고기 버섯 전골 350g<br>
        애호박채전 55g<br>
        도토리묵 참나물 무침 170g<br>
        콩나물 무침 30g<br>
        고추장아찌 15g<br>
        간장
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 12일 (화)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-02.jpg" alt="화요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 420 kcal💦</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        된장찌개 90g<br>
        꽈리고추 멸치볶음 20g<br>
        애호박 볶음 30g<br>
        참나물 두부 무침 40g<br>
        청포묵 김가루 무침 70g<br>
        오이 양파 무침 30g<br>
        메추리알 꽈리고추 조림 40g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 13일 (수)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-03.jpg" alt="수요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 630 kcal💦</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        만둣국 370g<br>
        고추장아찌 20g<br>
        총각김치 60g<br>
        단호박 샐러드 30g<br>
        꽈리고추 메추리알 조림 50g<br>
        참나물 두부무침 50g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 14일 (목)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-04.jpg" alt="목요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 500 kcal </div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        김치 비지찌개 190g<br>
        오이무침 30g<br>
        부추전 50g<br>
        닭갈비 50g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 15일 (금)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-05.jpg" alt="금요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 965 kcal  💦💣</div>
      <div class="diet-menu">
        골뱅이 무침 290g<br>
        비빔국수 420g<br>
        순두부 170g<br>
        산나물 무침 30g<br>
        칼로리 폭탄 💣, 면은 못 참아 ~~^^;~~
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 16일 (토)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-06.jpg" alt="토요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 425 kcal 💦</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        연어 데리야끼 구이 70g<br>
        된장찌개 50g<br>
        오이 미역 냉국 240g<br>
        양념 깻잎 30g<br>
        생 파프리카 30g<br>
        상추 30g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 17일 (일)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260517-health-care-week3-07.jpg" alt="일요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 545 kcal</div>
      <div class="diet-menu">
        보리밥 80g<br>
        오이 미역 냉국 380g<br>
        찜닭 & 당면 240g
      </div>
    </div>
  </div>

  </div>

* **🥗 3주 차 식단 총평:** "이번 주는 이성을 잃고 면을 흡입한 것 반성합니다."

---

## ⌚ 활동량 및 운동 기록 (Activity Log)

풍경을 구경하면서 걷는 것은 걸음 수는 많아도 별다른 운동은 되지 못하나 봐요. 이럴 때는 어떻게 해야 할지 보완해 보아야겠어요.

* **👟 주간 총 걸음 수:** 63,287 걸음 (하루 평균 약 9,041 걸음)
* **🔥 주간 총 소비 칼로리:** 1,371 kcal
* **🚶‍♀️ 주간 총 이동 거리:** 35.31 km
* **🌳 주요 운동:** 집 근처 30분 이상 산책, 실내자전거 타기, 공원 산책
* **💪 몸의 변화:** "몸무게가 약 1kg 정도 감량된 것 같다. 아직 갈 길이 멀지만 기쁘다. ^^"

<br>

### 이번 주 운동 기록 & 느낀 점

<div class="act-timeline">
  
  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 11 (월)</div>
    <div class="act-box">
      <div class="act-stats">👣 7,989 보 ｜ 🌳 동네 산책 30분, 선돌공원 돌기 20분</div>
      <div class="act-heart">💓 중강도 심박 : 12 분  |  고강도 심박 : 11 분</div>
      <p class="act-desc">아파트 근처를 돌다가 좀 떨어진 공원까지 걸어갔다. 날씨도 좋고, 바람도 살랑살랑 불어서 걷기에 좋았다. 공원에 핀 장미🌹가 너무 예뻤다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 12 (화)</div>
    <div class="act-box">
      <div class="act-stats">👣 7,678 보 ｜ 🧘‍♀️ 산책 수준 걷기 40 분</div>
      <div class="act-heart">💓 중강도 심박 : 0 분  |  고강도 심박 : 0 분</div>
      <p class="act-desc">오후에 비가 와서 밖에 나가는 건 힘드나 했는데 다행히 그쳤다. 그렇지만 몸이 좋지 않아 산책 수준의 걷기를 하였다. 예전에 가족이 운동을 빡빡하게 하다가 대상포진이 와서 고생한 생각이 들어 좀 쉬어가는 하루를 선택했다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 13 (수)</div>
    <div class="act-box">
      <div class="act-stats">👣 9,432 보 ｜ 🌳 주변 걷기 30분, 실내자전거 인터벌 운동 40분</div>
      <div class="act-heart">💓 중강도 심박 : 24 분  |  고강도 심박 : 27 분</div>
      <p class="act-desc">실내자전거를 인터벌로 탔다. 오랜만에 탔더니 조금 버거운 느낌이다.💦</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 14 (목)</div>
    <div class="act-box">
      <div class="act-stats">👣 7,203 보 ｜ 🚶‍♀️ 산책 수준 걷기 25분, 실내자전거 인터벌 운동 40분</div>
      <div class="act-heart">💓 중강도 심박 : 8 분  |  고강도 심박 : 13 분</div>
      <p class="act-desc">다시 인터벌 운동, 열심히 해야지...</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 15 (금)</div>
    <div class="act-box">
      <div class="act-stats">👣 9,436 보 ｜ 🌳 빠르게 걷기 30분 </div>
      <div class="act-heart">💓 중강도 심박 : 5 분  |  고강도 심박 : 13 분</div>
      <p class="act-desc">비빔국수를 먹고, 칼로리 폭탄을 맞았다. 적게 먹으려고 했으나 오랜만에 국수를 보니 이성을 잃었나 보다. 근데 30분쯤 지나니 그때부터 배가 너무 불러서 야밤에 산책을 다녔다.💦</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 16 (토)</div>
    <div class="act-box">
      <div class="act-stats">👣 9,487 보 ｜ 이현공원, 이곡장미공원 걷기 100분</div>
      <div class="act-heart">💓 중강도 심박 : 16 분  |  고강도 심박 : 0 분</div>
      <p class="act-desc">공원 2군데를 다녔다. 빨리 걷지 못해서 아쉽다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 17 (일)</div>
    <div class="act-box">
      <div class="act-stats">👣 12,062 보 ｜ 🌳 성주 참외축제 걷기 120분</div>
      <div class="act-heart">💓 중강도 심박 : 23 분  |  고강도 심박 : 5 분</div>
      <p class="act-desc">성주 참외축제에 가서 걸었다. 걸음 수는 많지만 쉬엄쉬엄 걸어서 그런지 피곤하지가 않다. 날씨가 무척 더웠다.. 5월에 한여름 날씨라니~~</p>
    </div>
  </div>

</div>

---

## 📝 이번 주 반성 (Weekly Review)

이번 주엔 국수를 보고 이성을 잃는 바람에 칼로리 폭탄을 맞았어요. 원래 면 종류를 워낙 좋아했는데 모바일 헬스케어 시작하고는 먹지 않았었거든요.
역시 면이 칼로리가 높더라고요. 거기에 또 맥주도 1캔 했네요... ㅎㅎㅎㅎㅎㅎ
다음 주엔 더 열심히 해야겠어요.

---

## 💡 3주 차 챌린지를 이어가며 (Insight)

3주 차가 되니 몸무게가 1kg 감량되었어요. (아침 공복에 쟀을 경우) 
기쁜 일이지만 좀 더 노력해야겠어요. 목표 몸무게가 되도록 말이지요. 아자아자 파이팅!

    <div class="post-tags"> <!--해시태그-->
      
        
          <a href="/tags/#건강한 습관 챌린지" class="tag-badge">#건강한 습관 챌린지</a>
        
          <a href="/tags/#모바일 헬스케어" class="tag-badge">#모바일 헬스케어</a>
        
          <a href="/tags/#27주 챌린지" class="tag-badge">#27주 챌린지</a>
        
          <a href="/tags/#다이어트 식단" class="tag-badge">#다이어트 식단</a>
        
          <a href="/tags/#걷기 운동" class="tag-badge">#걷기 운동</a>
        
          <a href="/tags/#건강관리" class="tag-badge">#건강관리</a>
        
          <a href="/tags/#보건소" class="tag-badge">#보건소</a>
        
      
    </div>
  </div>

  <!--<div class="ad-space ad-bottom">광고
    <span class="ad-text">Advertisement</span>
  </div>-->

  <footer class="post-footer" style="display: flex; gap: 15px; justify-content: center; margin-top: 40px; flex-wrap: wrap; letter-spacing: 0.1em;">
    
  <!--주석처리 끝-->

  <!--<a href="/" class="back-to-list">Home</a>-->
  
</footer>

</article>
    </div>
    
  </div>
</main>
  <a href="#" id="scroll-top-btn" title="맨 위로 가기">↑</a>

  <footer class="site-footer">
  <div class="footer-wrapper">
    
    <div class="footer-info">
      <p class="brand-name"><strong>날마다 소품 Story </strong></p>
      <p class="brand-desc">Record carefully built fabric props and warm daily life.</p>
      <p class="contact-email">문의 : haruall1218@gmail.com</p>
      <p class="copyright">      &copy; 2026 날마다 소품 Story. All rights reserved.</p>
      <p style="margin: 5px 0 0 0; font-size: 12px; color: #888888; letter-spacing: -0.5px;">
        본 블로그의 모든 글과 사진의 무단 도용, 복제 및 상업적 이용을 금지합니다.</p>
    </div>

    

    <div class="footer-links">
      <a href="https://nalmadasopum.kr/" target="_blank">쇼핑몰 바로가기</a>
      <a href="/privacy/">개인정보 보호정책</a>
      <a href="/contact/">Contact us</a>
    </div>

  </div>

  <script src="https://cdn.jsdelivr.net/npm/medium-zoom@1.1.0/dist/medium-zoom.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    
    // 💡 1단계: 화면 너비가 768px 이하(모바일)일 때만 이 마법이 작동하도록 제한합니다.
    if (window.innerWidth <= 768) {
      
      // 💡 2단계: 본문(p 태그 안)에 있는 이미지만 선택하되, 
      // a 태그(링크)로 감싸져 있거나 메인 상단(hero)에 있는 이미지는 철저히 제외시킵니다.
      const zoomImages = document.querySelectorAll('p img:not(a img)'); 
      
      // 확대할 이미지가 페이지에 있을 때만 기능 실행
      if (zoomImages.length > 0) {
        zoomImages.forEach(function(img) {
          const wrapper = document.createElement('div');
          wrapper.className = 'image-zoom-wrapper';
          img.parentNode.insertBefore(wrapper, img);
          wrapper.appendChild(img);

          const icon = document.createElement('div');
          icon.className = 'zoom-hint-icon';
          icon.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>';
          wrapper.appendChild(icon);
        });

        const zoom = mediumZoom('.image-zoom-wrapper img', {
          margin: 20,
          background: 'rgba(253, 250, 247, 0.95)'
        });

        const closeBtn = document.createElement('div');
        closeBtn.className = 'zoom-close-btn';
        closeBtn.innerHTML = '&times;'; 
        document.body.appendChild(closeBtn);

        closeBtn.addEventListener('click', function() {
          zoom.close();
        });

       // 사진이 커지면 작동하는 마법
        zoom.on('open', function() {
          closeBtn.classList.add('show'); // X버튼 나타나기
          
          // 💡 수정된 코드: 화면에 있는 '모든' 돋보기 아이콘을 찾아서 한 번에 투명하게 숨깁니다.
          const allIcons = document.querySelectorAll('.zoom-hint-icon');
          allIcons.forEach(function(icon) {
            icon.style.opacity = '0'; 
          });
        });

        // 사진이 원래대로 돌아가면 작동하는 마법
        zoom.on('close', function() {
          closeBtn.classList.remove('show'); // X버튼 숨기기
          
          // 💡 수정된 코드: 숨겼던 '모든' 돋보기 아이콘을 다시 나타나게 합니다.
          const allIcons = document.querySelectorAll('.zoom-hint-icon');
          allIcons.forEach(function(icon) {
            icon.style.opacity = '1'; 
          });
        });
      }
    }
    
  });
</script>

<!-- 라이트박스 배경 (바둑판 이미지 보이기) -->
<div id="lightbox-overlay">
  <span id="lightbox-close">&times;</span>
  <span id="lightbox-prev" class="lightbox-nav">&#10094;</span> <!-- 왼쪽 화살표 -->
  <img id="lightbox-image" src="" alt="확대된 이미지">
  <span id="lightbox-next" class="lightbox-nav">&#10095;</span> <!-- 오른쪽 화살표 -->
</div>

<!-- 스크립트 (바둑판 이미지 보이기) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    // 만약의 경우를 대비해 페이지 로드 시 팝업창을 강제로 숨김 처리
    $('#lightbox-overlay').hide();

    var $images;
    var currentIndex = 0;
    
    // 1. 이미지를 클릭해서 열 때 (감지 범위를 .diet-grid 내부로 엄격하게 제한)
    $('.checkerboard-grid').on('click', 'img', function(e) {
      e.preventDefault();
      e.stopPropagation(); // 클릭 신호가 다른 곳으로 튀는 것을 완벽 차단

      $images = $('.checkerboard-grid img'); 
      currentIndex = $images.index(this);
      
      // 이미지를 정확히 인식했을 때만 창을 띄움
      if (currentIndex !== -1) {
        updateImage();
        $('#lightbox-overlay').fadeIn(200);
      }
    });

    // 2. 이미지 변경 함수
    function updateImage() {
      if (currentIndex < 0) {
        currentIndex = $images.length - 1; 
      } else if (currentIndex >= $images.length) {
        currentIndex = 0; 
      }
      var imgSrc = $images.eq(currentIndex).attr('src');
      $('#lightbox-image').attr('src', imgSrc);
    }

    // 3. PC: 화살표 클릭 이벤트 (이벤트 전파 차단)
    $('#lightbox-prev').on('click', function(e) {
      e.preventDefault();
      e.stopPropagation(); 
      currentIndex--;
      updateImage();
    });
    
    $('#lightbox-next').on('click', function(e) {
      e.preventDefault();
      e.stopPropagation();
      currentIndex++;
      updateImage();
    });

    // 4. 모바일: 스와이프(터치 슬라이드) 이벤트
    var touchstartX = 0;
    var touchendX = 0;

    $('#lightbox-image').on('touchstart', function(e) {
      touchstartX = e.originalEvent.changedTouches[0].screenX;
    });

    $('#lightbox-image').on('touchend', function(e) {
      touchendX = e.originalEvent.changedTouches[0].screenX;
      handleSwipe();
    });

    function handleSwipe() {
      var swipeThreshold = 50; 
      if (touchendX < touchstartX - swipeThreshold) {
        currentIndex++;
        updateImage();
      } else if (touchendX > touchstartX + swipeThreshold) {
        currentIndex--;
        updateImage();
      }
    }

    // 5. 닫기 처리 (클릭한 곳이 화살표나 이미지가 아닐 때만 창을 닫음)
    $('#lightbox-overlay, #lightbox-close').on('click', function(e) {
      if ($(e.target).closest('#lightbox-prev, #lightbox-next, #lightbox-image').length === 0) {
        $('#lightbox-overlay').fadeOut(200);
      }
    });
  });
</script>

</footer>

 <script>
$(document).ready(function() {
  
  /* ====================================
     1. 왼쪽 메뉴 필터링 기능 (제작 노트 등)
  ==================================== */
  $('.filter-btn').on('click', function(e) {
    e.preventDefault(); // 링크 클릭 시 화면 위로 튕기는 현상 방지
    
    var filterValue = $(this).data('filter'); // 클릭한 메뉴의 분류값(파우치, 가방 등) 가져오기
    
    // 메뉴 스타일 변경 (클릭한 메뉴만 굵게, 날마다 소품 포인트 컬러 적용)
    $('.filter-btn').css({'font-weight': 'normal', 'color': '#666'});
    $(this).css({'font-weight': 'bold', 'color': '#8b5a2b'});

    // 글 필터링 작동
    if(filterValue === 'all') {
      // '전체 보기' 클릭 시 모든 글 표시
      $('.post-item').fadeIn(300);
    } else {
      // 다른 메뉴 클릭 시 일치하는 태그(data-tag)를 가진 글만 표시
      $('.post-item').hide();
      $('.post-item[data-tag*="' + filterValue + '"]').fadeIn(300);
    }
  });

  /* ====================================
     2. 상단 검색창 엔터키 기능 (검색 페이지로 이동)
  ==================================== */
  $('#search-input').on('keypress', function(e) {
    // 키보드에서 누른 버튼이 '엔터(번호 13번)'일 때 작동
    if (e.which == 13) { 
      e.preventDefault(); // 엔터 쳤을 때 화면이 위로 튕기는 기본 증상 방지
      
      var keyword = $(this).val(); // 검색창에 적힌 글자 가져오기
      
      if (keyword.length > 0) {
        // 검색어가 있으면 '/search/' 주소로 검색어를 달고 이동
        window.location.href = '/search/?keyword=' + encodeURIComponent(keyword);
      } else {
        // 검색어가 없으면 경고창 띄우기
        alert("검색어를 입력해 주세요!");
      }
    }
  });

  /* ====================================
     3. 위로 가기 버튼 (Scroll to Top) 기능
  ==================================== */
  // 화면을 스크롤할 때마다 실행
  $(window).scroll(function() {
    // 위에서부터 300px 이상 스크롤을 내리면
    if ($(this).scrollTop() > 300) {
      $('#scroll-top-btn').fadeIn(300); // 버튼 스르륵 나타남
    } else {
      $('#scroll-top-btn').fadeOut(300); // 다시 맨 위로 가면 스르륵 사라짐
    }
  });

  // 버튼을 클릭했을 때 실행
  $('#scroll-top-btn').click(function(e) {
    e.preventDefault(); // 링크 기본 성질(위로 튕김) 방지
    
    // 0.4초(400ms) 동안 화면 맨 위(scrollTop: 0)로 부드럽게 올라가기
    $('html, body').animate({scrollTop: 0}, 400); 
    return false;
  });

});
</script>

</body>
</html>