<!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>[모바일 헬스케어] 2주차 기록 - 인터벌 운동 시작하기 - 날마다 소품 Story</title>




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

<meta property="og:type" content="article">
<meta property="og:title" content="[모바일 헬스케어] 2주차 기록 - 인터벌 운동 시작하기">
<meta property="og:description" content="          🪡    건강한 일상 짓기, 27주 챌린지 🧶                                2주 차 (7% 달성)                      시작      건강한 습관 완주까지 앞으로 25주 남았습니다. 아자아자~ 파이팅! 🏃‍♀️      ...">
<meta property="og:url" content="https://nalmadasopum.com/health/2026/05/10/health-care-2-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="[모바일 헬스케어] 2주차 기록 - 인터벌 운동 시작하기">
<meta name="twitter:description" content="          🪡    건강한 일상 짓기, 27주 챌린지 🧶                                2주 차 (7% 달성)                      시작      건강한 습관 완주까지 앞으로 25주 남았습니다. 아자아자~ 파이팅! 🏃‍♀️      ...">
<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-10T00:00:00+00:00">May 10, 2026</time>
    </p>
     <!--포스트 제목 글자수에 따른 폰트 사이즈 조절-->
    <h1 class="post-title long-title">[모바일 헬스케어] 2주차 기록 - 인터벌 운동 시작하기</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: 7.4%;"></div>
      <div class="timeline-dot active"></div>
      <div class="timeline-badge">2주 차 (7% 달성)</div>
      <div class="timeline-dot inactive"></div>
    </div>
  
    <div class="challenge-footer">
      <span>시작</span>
      <span class="challenge-msg">건강한 습관 완주까지 <br>앞으로 <b>25주</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">🗓️ 2주 차 : 2026. 5. 4 (월) ~ 5. 10 (일)</span>
  </div>
</div>


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

지난 주에 이어 2주차에 접어 들었네요. 아직도 새롭게 시작하는 마음이 가시지 않았어요. 이번주 기록도 보실까요?

---

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


* **이번 주 다짐:** 맥주의 유혹에 빠지지 않기! 주 5일 이상 중강도 운동 30분 이상!
* **보건소 2주차 미션:** 집중 상담 내용을 바탕으로 한 이번주 미션은 **아침식사 하기 (우유 섭취도 가능)**, **충분한 수분섭취를 위해 하루 물 6컵 이상 섭취** 입니다. 

이번 주 들어 채움건강 앱에 들어가니  '충분한 수분섭취'가 미션이었어요.
평소에 수분 섭취는 많이 하고 있는데, 그래도 궁금한 사항은 있었어요.
아메리카노 1잔과 물 1컵을 따로 마시는 것과 아메리카노 1잔에 물 1잔을 섞어 (연하게) 마시는 것이 어떻게 다른지 말이죠? 
이게 순수한 수분 섭취량에 포함되는지 궁금하네요!
다음 주에 앱의 상담코너를 통해 영양사님께 여쭤 보아야 겠어요. 

---

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

역시 1인분을 차리는 것은 보통 일이 아니네요. 이번주도 사진 찍느라 힘들었답니다.

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

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 4일 (월)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-01.jpg" alt="월요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 ? kcal 💦</div>
      <div class="diet-menu">
        어버이날을 맞아 본가에서 식사를 해서 기록을 못함.
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 5일 (화)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-02.jpg" alt="화요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 525 kcal</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        황태 콩나물국 180g<br>
        가자미 조림 120g<br>
        상추 겉절이 30g<br>
        돼지고기 마늘쫑 볶음 20g<br>
        고추장 멸치무침 10g<br>
        양상추샐러드 (키위,바나나) & 요거트 드레싱 90g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 6일 (수)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-03.jpg" alt="수요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 535 kcal</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        된장찌개 130g<br>
        오이소박이 50g<br>
        오리 훈제구이 70g<br>
        버섯 볶음 30g<br>
        계란말이 80g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 7일 (목)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-04.jpg" alt="목요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 545 kcal </div>
      <div class="diet-menu">
        보리귀리밥 120g<br>
        감자계란국 140g<br>
        쭈꾸미 미나리 볶음 130g<br>
        두부구이 90g<br>
        오이 양파 무침 60g
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 8일 (금)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-05.jpg" alt="금요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 575 kcal</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        돼지 목살 구이 90g<br>
        양파 마늘 장아찌 60g<br>
        오이 미역 냉국 260g<br>
        미나리 겉절이 40g<br>
        파프리카 팽이버섯 볶음 60g<br>
        새송이 표고버섯 볶음 60g<br>
        상추 조금
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 9일 (토)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-06.jpg" alt="토요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 455 kcal 💦</div>
      <div class="diet-menu">
        보리귀리밥 100g<br>
        소 살코기 곰탕 450g (영천시장)<br>
        부추무침 40g<br>
        총각김치 60g<br>
        고추 장아찌 10g (영천시장)
      </div>
    </div>
  </div>

  <div class="diet-card">
    <div class="diet-date">🗓️ 5월 10일 (일)</div>
    <img src="https://nalmadasopum.com/assets/images/health/260510-health-care-week2-07.jpg" alt="일요일 저녁 식단">
    <div class="diet-info">
      <div class="diet-calories">🔥 총 칼로리 : 약 450 kcal💦</div>
      <div class="diet-menu">
        닭갈비 야채 브리또 200g<br>
        양상추 딸기 바나나 샐러드 & 요거트 드레싱 90g
      </div>
    </div>
  </div>

  </div>

* **🥗 2주 차 식단 총평:** "이번 주는 전체적으론 조절해서 잘 먹었는데, 월요일에 어버이날 기념으로 본가에 방문해서 기록이 없는 것이 아쉬웠어요. 그래도 평소 모임 때보다 적게 먹으려고 노력했답니다."

---

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

걷기를 계속 하면 몸이 적응한다는 말이 맞나봐요.
처음 걷기를 할 땐 중강도 운동이 좀 되었는데, 계속 하다보니 같은 거리와 강도로 걸어도 중강도 운동 시간이 좀 적어졌어요.

* **👟 주간 총 걸음 수:**  56,474 걸음 (하루 평균 약 8,067 걸음)
* **🔥 주간 총 소비 칼로리:**  1,423 kcal
* **🚶‍♀️ 주간 총 이동 거리:** 31.52 km
* **🌳 주요 운동:** 집 근처 30분 이상 산책, 실내 자전거 40분 이상, 영천생태지구공원 산책
* **💪 몸의 변화:** "배가 좀 들어간 것 같고, 하지만 아직도 빠르게 걷기를 하고 나면 종아리가 좀 아파요"

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

<div class="act-timeline">
  
  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 4 (월)</div>
    <div class="act-box">
      <div class="act-stats">👣 8,906보 ｜ 🌳 동네 산책 28분</div>
      <div class="act-heart">💓 중강도 심박 : 7분</div>
      <p class="act-desc">어버이날을 앞당겨 본가에 가는 날이라 운동이라 할 만한 걷기를 못했다. 걸음수는 많지만 산책수준이라 칼로리 소비도 많지 않았다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 5 (화)</div>
    <div class="act-box">
      <div class="act-stats">👣 9,163보 ｜ 🧘‍♀️ 동네 걷기 65분</div>
      <div class="act-heart">💓 중강도 심박 : 14분  |  고강도 심박 : 7분</div>
      <p class="act-desc">집 주변 공원에 가서 빡빡하게 빠른 걸음으로 4바퀴를 돌았다. 짧은 시간이었지만 종아리가 묵직하고 숨이 가빴다. 운동 후 마트에 장도 보러 갔다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 6 (수)</div>
    <div class="act-box">
      <div class="act-stats">👣 6,501보 ｜ 🌳 출근시간 걷기 27분, 실내자전거 타기 40분</div>
      <div class="act-heart">💓 중강도 심박 : 21분  |  고강도 심박 : 22분</div>
      <p class="act-desc">낮에 걷기를 할 시간이 많이 없어서 저녁을 먹고 실내자전거를 탔다. 다리 근력이 약해서 2단으로 슬슬 40분을 탔다. 근데 잔소리가 시작되었다. 좀 더 빡빡하게 타야 운동이 되지... 💦</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 7 (목)</div>
    <div class="act-box">
      <div class="act-stats">👣 8,428보 ｜ 🚶‍♀️ 일상 걷기 20분, 실내자전거 타기 40분</div>
      <div class="act-heart">💓 중강도 심박 : 14분  |  고강도 심박 : 19분</div>
      <p class="act-desc">오늘도 좀 바빠서 걷기시간이 부족했다. 저녁 할일을 끝내고 실내자전거를 타면서 <span class="highlight">인터벌 운동</span>을 시도했다.
      <br>
      🔥처음 5분은 약하게, 그 다음은 2분 강하게, 2분 약하게 6세트를 하고 (약 24분), 나머지 11분은 아주 약하게 타면서 40분을 채웠다. 🔥🦵다리 근력이 더 붙겠지?</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 8 (금)</div>
    <div class="act-box">
      <div class="act-stats">👣 7,951 보 ｜ 🌳 아파트단지 빠르게 걷기 30분, 실내자전거 타기 40분</div>
      <div class="act-heart">💓 중강도 심박 : 11 분  |  고강도 심박 : 20 분</div>
      <p class="act-desc">오늘도 어제에 이어 실내자전거를 인터벌로 탔다. 어제보다 다리가 더 힘든 느낌이었다. 그러나 맥주 1캔....💦</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 9 (토)</div>
    <div class="act-box">
      <div class="act-stats">👣 6,126 보 ｜ 영천생태지구공원 걷기 120분 (유채꽃밭)</div>
      <div class="act-heart">💓 중강도 심박 : 11 분  |  고강도 심박 : 2 분</div>
      <p class="act-desc">영천 보라 유채꽃을 보러 가서 열심히 걸었다. 강도는 좀 약하지만 시간은 오래 걸었다.</p>
    </div>
  </div>

  <div class="act-item">
    <div class="act-dot"></div>
    <div class="act-date">🗓️ 5. 10 (일)</div>
    <div class="act-box">
      <div class="act-stats">👣 9,399 보 ｜ 🌳 공원 빠르게 걷기 30분, 가벼운 산책 30분</div>
      <div class="act-heart">💓 중강도 심박 : 7 분  |  고강도 심박 : 12 분</div>
      <p class="act-desc">집 근처 공원에서 트랙을 빠르게 걷기 했다. 슬로조깅을 좀 하고 싶었지만, 아직 체력이 안되는 것 같아 다음으로 미루었다.</p>
    </div>
  </div>

</div>
---

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

지난주에 맥주를 끊는다고 말해놓고, 금요일 장을 보러 갔다가 맥주를 보는 순간 또 1캔을 사와서 먹었어요.💦💦
참, 사람의 습관을 바꾼다는 것은 어렵네요.

감자를 삶아 놓았는데 아무도 안 먹어서 감자 샐러드를 만들었더니~~~ 흐미.. 왜 이렇게 맛있나요?
금세 뚝딱해 버렸네요. 그것도 저녁 9시 넘어서 말이죠......^^;
9시 이후에 먹는 것은 좀 참아야 겠어요.

---

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

지난 1주차 식단을 보고 보건소 영양사님께서 대체적으로 잘 먹었다고 말씀해 주셨어요. 앞으로도 계속 다짐을 해야겠어요.
다음 주 기록도 기대해 주세요!

    <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>