<!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>[모바일 헬스케어] 5주 차 - 쏟아지는 돼지고기와 부끄러운 우수자 알림 - 날마다 소품 Story</title>




<meta name="description" content="정성스럽게 만든 패브릭 소품과 직접 경험한 따뜻한 일상을 기록합니다.">
<meta name="author" content="날마다 소품">

<meta property="og:type" content="article">
<meta property="og:title" content="[모바일 헬스케어] 5주 차 - 쏟아지는 돼지고기와 부끄러운 우수자 알림">
<meta property="og:description" content="정성스럽게 만든 패브릭 소품과 직접 경험한 따뜻한 일상을 기록합니다.">
<meta property="og:url" content="https://nalmadasopum.com/health/2026/05/31/health-care-5-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="[모바일 헬스케어] 5주 차 - 쏟아지는 돼지고기와 부끄러운 우수자 알림">
<meta name="twitter:description" content="정성스럽게 만든 패브릭 소품과 직접 경험한 따뜻한 일상을 기록합니다.">
<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-31T00:00:00+00:00">May 31, 2026</time>
    </p>
     <!--포스트 제목 글자수에 따른 폰트 사이즈 조절-->
    <h1 class="post-title long-title">[모바일 헬스케어] 5주 차 - 쏟아지는 돼지고기와 부끄러운 우수자 알림</h1>
  </header>

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

  <div class="post-content">
    <div class="mag-container">

  <div class="mag-tracker">
    <div class="mag-tracker-sub">The 27-Week Health Challenge</div>
    <div class="mag-tracker-title">건강한 일상 짓기 🧶</div>
    
    <div class="mag-progress-box">
      <div class="mag-progress-line"></div>
      <div class="mag-progress-fill" style="width: 18.5%;"></div>
      <div style="text-align: left; padding-left: 18.5%;">
        <div class="mag-progress-badge">5주 차 (18% 달성)</div>
      </div>
    </div>
    
    <div class="mag-tracker-labels">
      <span>Start</span>
      <span>Finish</span>
    </div>
    
    <div class="mag-tracker-msg">
      "이번 주는 핑계가 많았지만... 남은 <b>22주</b> 정신 차리고 다시 달려봅니다."
    </div>
  </div>

  <div class="mag-header">
    <div class="epigraph">Health & Lifestyle · Week 5</div>
    <h1>반성의 5주 차, 덜어 먹기의 중요성</h1>
    <p style="color: #666; font-size: 16px;">야금야금 살찐 일주일과 타이밍 기막힌 앱 알림</p>
  </div>

  <img src="https://nalmadasopum.com/assets/images/health/260531-health-care-week5-main1.jpg" alt="이번 주 일상 풍경" style="width: 100%; margin-bottom: 40px; object-fit: cover; aspect-ratio: 16/9;">

  <div class="mag-2col">
    <span class="mag-dropcap">벌</span>써 헬스케어 챌린지를 시작한 지 한 달을 넘어 5주 차입니다. 그런데 이번 주는 정말 스스로 반성을 아주 많이 해야 하는 한 주였어요. 지난주까지는 그래도 나름 의지를 불태우며 열심히 했는데, 이번 주는 어디서부터 잘못된 건지 고삐가 완전히 풀려버렸습니다.
    
    무엇보다 이번 주는 식단 관리가 대실패였어요. 왜 그렇게 돼지고기를 많이 먹었는지 모르겠습니다. 구워 먹고, 볶아 먹고, 찌개에 넣어 먹고... 게다가 가족들이랑 밥을 먹을 때 1인분으로 따로 안 차리고 식탁 한가운데 찌개나 메인 반찬을 턱 놓고 다 같이 덜어 먹다 보니까, 이게 다이어트에는 치명적인 문제더라고요. 
  </div>

  <br>

  <p>처음에는 "고기 딱 몇 점만 먹고 젓가락 놔야지" 하고 머릿속으로 다짐을 하거든요. 그런데 가족들이랑 이런저런 이야기하면서 밥을 먹다 보면, 저도 모르게 무의식적으로 고기반찬으로 계속 젓가락이 가고 있었습니다. 혼자 따로 차려 먹으면 제가 얼마나 먹었는지 딱 눈에 보일 텐데, 다 같이 먹으니 양 가늠도 안 되고 "조금만 더, 조금만 더" 하다가 결국 평소보다 과식을 해버렸지 뭐예요. 정말 식욕 앞에서는 장사가 없나 봅니다.</p>

  <br>

  <div class="mag-pullquote">
    "다음 주부터는 무슨 일이 있어도!!<br>딱 제 몫의 1인분만 식판이나 개인 접시에 따로 덜어서 먹기로 굳게 결심했습니다."
  </div>

  <br>

  <h2 style="font-size: 22px; border-left: 4px solid #333; padding-left: 15px; margin-bottom: 25px;">🚶‍♀️ 산책인가 사람 구경인가: 수목원과 서문시장</h2>
  <p>식단을 망쳤으면 걷기 운동이라도 빡세게(?) 해야 하는데, 운동도 제대로 못 했습니다. 그나마 시간 내서 나들이 삼아 다녀온 곳이 대구수목원이랑 서문시장이었어요. 5월의 대구수목원은 푸릇푸릇하고 참 좋긴 했는데, 땀이 날 정도로 빠르게 걸어야 운동이 될 텐데 꽃 구경하고 사진 찍느라 너무 천천히 걸어서 산책 정도에 그치고 말았습니다.</p>
  
  <p>더 큰 문제는 서문시장이었어요. 저는 나름 "시장 한 바퀴 크게 돌면 만 보는 거뜬히 넘기겠지? 이게 생활 속 운동이지!"라고 합리화를 하면서 갔거든요. 그런데 주말의 서문시장은 정말... 사람이 너무 많아서 운동은커녕 앞으로 걸어 나가기도 힘들었습니다. 사람들에게 밀려다니고, 요리조리 피하느라 기만 쏙 빨렸어요. 게다가 사방에서 풍기는 납작만두 굽는 냄새, 떡볶이 냄새, 칼국수 냄새 등등 맛있는 냄새만 실컷 맡고 와서 참느라 고문이 따로 없었습니다. 결국 만 보 걷기는커녕 피곤함만 얻고 돌아왔네요. ㅠㅠ</p>

  <div class="photo-dual-container">
    <div class="photo-dual-item">
      <img src="https://nalmadasopum.com/assets/images/health/260531-health-care-week5-food-01.jpg" alt="수목원 산책" class="photo-dual-img" style="aspect-ratio: 4/5;">
      <span class="photo-caption">수목원 산책</span></div>
    <div class="photo-dual-item">
      <img src="https://nalmadasopum.com/assets/images/health/260531-health-care-week5-food-02.jpg" alt="북적이는 서문시장" class="photo-dual-img" style="aspect-ratio: 4/5;">
      <span class="photo-caption">북적이는 서문시장</span></div>
  </div>

  <br><br>

  <h2 style="font-size: 22px; border-left: 4px solid #333; padding-left: 15px; margin-bottom: 25px;">📈 야금야금 늘어난 체중과 뼈 때리는 알림</h2>
  <p>그렇게 며칠 동안 돼지고기를 든든하게 챙겨 먹고 운동은 부실하게 했으니, 몸이 아주 정직하게 반응하더라고요. 아침에 일어날 때 몸이 무거운 느낌이 들더니, 체중계에 올라가 보니 하루하루 갈수록 체중이 야금야금 늘고 있었습니다. 억울하게도 애써 빼놓았던 체지방까지 얄밉게 같이 늘어나 버렸어요. 체중계 숫자를 볼 때마다 제 자신이 한심해서 한숨만 푹푹 쉬었답니다.</p>

  <div class="mag-stats-box">
    <h3>Weekly Health Log (우울 모드)</h3>
    <div class="mag-stats-grid">
      <div class="mag-stats-item">
        <strong style="color: #e74c3c;">증가 ㅠㅠ</strong>
        <span>체중 변화 (반성 중)</span>
      </div>
      <div class="mag-stats-item">
        <strong style="color: #e74c3c;">증가 ㅠㅠ</strong>
        <span>체지방 변화</span>
      </div>
      <div class="mag-stats-item">
        <strong style="color: #666;">운동 부족</strong>
        <span>수목원 / 서문시장 유산소(?)</span>
      </div>
    </div>
  </div>

  <br>

  <p>그런데 말입니다... 방금 책상에 앉아서 "아, 이번 주는 진짜 폭망했다. 다음 주부터 다시 해야지"라고 생각하며 이 반성문 같은 글을 쓰고 있는데, 갑자기 스마트폰 보건소 앱에서 '띠링~' 하고 알림이 하나 딱 떴어요.</p>
  
  <p style="background: #eef2f5; padding: 15px; border-radius: 8px; font-weight: bold; color: #2c3e50; text-align: center; border-left: 5px solid #3498db; margin: 20px 0;">
    "전월 건강랭킹 우수자로 선정되셨습니다. 👏 축하드립니다. 앞으로도 꾸준한 활동 부탁 드립니다."
  </p>

  <p>아~~ 이 알림을 보는 순간 제 얼굴이 화끈거리고 지난 한 주가 너무 부끄러워져서 쥐구멍에라도 숨고 싶었습니다. 지난달(4주 차까지)에는 식단 앱도 꼬박꼬박 적고 나름 열심히 걸었던 결과로 우수자 상을 준 건데, 지금 5주 차의 제 모습은 그 칭찬과는 완전히 정반대로 살고 있으니까요. 타이밍 한번 참 기막힙니다. 보건소에서 저를 지켜보고 있다가 "너 요즘 해이해졌다. 정신 차려라" 하고 뼈를 때리는 것 같아 찔려도 너무 찔렸습니다. ㅎㅎ</p>

  <p style="background: #fdfaf6; padding: 25px; border-radius: 10px; text-align: center; font-weight: 500; margin: 40px 0; border: 1px dashed #ccc; line-height: 1.8;">
    그래도 이 부끄러운 우수자 알림 덕분에 해이해졌던 정신이 번쩍 들었습니다.<br><br>
    ✅ <strong>나와의 약속</strong><br>
    1. 다음 주부터 식사는 무조건 1인분씩 개인 접시에 덜어 먹기!<br>
    2. 시장이나 구경 다니는 걷기 말고, 땀나게 진짜 유산소 운동하기!<br><br>
    다시 초심으로 돌아가서, 이 부끄러움을 만회할 수 있게 다음 6주 차는 꼭 건강한 일상으로 돌아오겠습니다. 아자아자 파이팅!!
  </p>

</div>

---

>💡 **[날마다 소품]의 산책 및 건강 기록 더 보기**

<div class="post-card-grid">
  
  
  
</div>

    <div class="post-tags"> <!--해시태그-->
      
        
          <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>
        
          <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>
        
          <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>