<!DOCTYPE html><html lang="ko"> <head><!-- Google Tag Manager --><script type="module">(function(e,n,r,t,m){e[t]=e[t]||[],e[t].push({"gtm.start":new Date().getTime(),event:"gtm.js"});var g=n.getElementsByTagName(r)[0],a=n.createElement(r),s="";a.async=!0,a.src="https://www.googletagmanager.com/gtm.js?id="+m+s,g.parentNode.insertBefore(a,g)})(window,document,"script","dataLayer","GTM-MHMQRWZ4");</script><!-- End Google Tag Manager --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Siku.name</title><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"><style>.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;background:#f0f1e8;z-index:4000}.header-inner[data-astro-cid-3ef6ksr2]{max-width:900px;margin:0 auto;padding:1.2rem 20px;display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-3ef6ksr2]{font-weight:600;color:#2b2b2b;text-decoration:none;font-size:1.2rem;letter-spacing:-.5px}nav[data-astro-cid-3ef6ksr2]{display:flex;gap:2rem}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:#2b2b2b;text-decoration:none;font-weight:500;font-size:1rem}.menu-toggle[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;z-index:1100}.line[data-astro-cid-3ef6ksr2]{width:22px;height:2px;background:#2b2b2b;transition:.3s}.feedLinkForToggleMenu[data-astro-cid-3ef6ksr2]{display:none!important}@media(max-width:600px){.menu-toggle[data-astro-cid-3ef6ksr2]{display:flex;position:relative;z-index:9000}nav[data-astro-cid-3ef6ksr2]{display:flex;position:fixed;top:0;right:-100%;width:240px;height:100vh;background:#e1ddd1;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:40px;gap:1.5rem;transition:right .4s ease;z-index:8000}nav[data-astro-cid-3ef6ksr2].is-active{right:0}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{width:100%;text-align:left;font-size:1.1rem}.menu-toggle[data-astro-cid-3ef6ksr2].is-active .line[data-astro-cid-3ef6ksr2]:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[data-astro-cid-3ef6ksr2].is-active .line[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.menu-toggle[data-astro-cid-3ef6ksr2].is-active .line[data-astro-cid-3ef6ksr2]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.feedLinkForToggleMenu[data-astro-cid-3ef6ksr2]{display:flex!important}}.site-footer[data-astro-cid-sz7xmlte]{font-size:.9rem;z-index:3000;position:relative}.footer-top[data-astro-cid-sz7xmlte]{text-align:center;background-color:#f0f1e8;padding:1.8rem 20px}.footer-top[data-astro-cid-sz7xmlte] h3[data-astro-cid-sz7xmlte]{margin:0 0 .5rem;font-size:1.5rem;color:#111}.footer-top[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{margin:0 0 1rem;color:#555}.rss-btn[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.5rem;background-color:#111;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:.8rem 2rem;border-radius:4px;transition:all .2s}.rss-btn[data-astro-cid-sz7xmlte]:hover{background-color:#333;color:#d4af37}.footer-bottom[data-astro-cid-sz7xmlte]{background:#2e2e2e;color:#ccc;padding:0rem 1rem}.footer-links[data-astro-cid-sz7xmlte],.footer-follow[data-astro-cid-sz7xmlte]{min-width:220px}.footer-main[data-astro-cid-sz7xmlte]{max-width:900px;margin:0 auto;padding-bottom:.5rem;display:flex;justify-content:space-evenly;gap:40px;flex-wrap:wrap}.footer-links[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte],.footer-follow[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{color:#fff;font-size:.9rem;padding-top:10px;border-top:2px solid #555}.footer-links[data-astro-cid-sz7xmlte] nav[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:14px}.footer-follow[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{fill:#ddd}.footer-follow[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]:hover{fill:#fff}.footer-credit[data-astro-cid-sz7xmlte]{max-width:900px;margin:1rem auto 0;padding-bottom:1rem;text-align:center;color:#aaa;line-height:1.5}.footer-bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte],.footer-bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:visited,.footer-bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover,.footer-bottom[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:active{color:#da4939;text-decoration:none}.footer-credit[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{margin:4px 0}@media(max-width:800px){.footer-main[data-astro-cid-sz7xmlte]{justify-content:flex-start}}
html,body{margin:0!important;padding:0!important;width:100%;overflow-x:clip;background-color:#f0f1e8;font-family:Ubuntu Mono,Bodoni Roman,Bodoni,Nanum Myeongjo,serif}.prose{max-width:680px;margin:0 auto;padding:0 20px}a,a:visited,a:hover,a:active{color:#da4939;text-decoration:none}
.post-card[data-astro-cid-iyiqi2so]{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.cover-link[data-astro-cid-iyiqi2so]{display:block;width:100%;text-decoration:none}.cover-img[data-astro-cid-iyiqi2so],.cover-placeholder[data-astro-cid-iyiqi2so]{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:opacity .2s}.cover-placeholder[data-astro-cid-iyiqi2so]{background:#f0f0f0}.cover-link[data-astro-cid-iyiqi2so]:hover .cover-img[data-astro-cid-iyiqi2so],.cover-link[data-astro-cid-iyiqi2so]:hover .cover-placeholder[data-astro-cid-iyiqi2so]{opacity:.85}.post-tags[data-astro-cid-iyiqi2so]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;background:transparent!important}.post-tags[data-astro-cid-iyiqi2so] .tag[data-astro-cid-iyiqi2so]{display:inline-block;background-color:#ccc;color:#666;padding:.2rem .6rem;font-size:.85rem;font-weight:700;text-decoration:none;border-radius:0;transition:all .2s ease}.post-tags[data-astro-cid-iyiqi2so] .pinned-badge[data-astro-cid-iyiqi2so]{background-color:#948a7a;color:#111;cursor:default}.post-tags[data-astro-cid-iyiqi2so] .tag[data-astro-cid-iyiqi2so]:hover{text-decoration:none;background-color:#d4af37;color:#333}.post-content[data-astro-cid-iyiqi2so]{padding:1.5rem 0}.post-title[data-astro-cid-iyiqi2so]{margin:0 0 .5rem;font-size:1.8rem}.post-title[data-astro-cid-iyiqi2so] a[data-astro-cid-iyiqi2so]{color:#111;text-decoration:none}.post-title[data-astro-cid-iyiqi2so] a[data-astro-cid-iyiqi2so]:hover{color:#d4af37}.post-desc[data-astro-cid-iyiqi2so]{color:#555;margin:0;line-height:1.6}@media(max-width:768px){.post-card[data-astro-cid-iyiqi2so]{margin-bottom:0rem}}
.hero-svg-wrapper[data-astro-cid-kudwn6kc]{width:100vw;height:81vh;min-height:300px;border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:;position:relative;overflow:hidden}.bg-svg[data-astro-cid-kudwn6kc]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.text-overlay[data-astro-cid-kudwn6kc]{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;height:100%;z-index:2;pointer-events:none}.frame[data-astro-cid-kudwn6kc]{stroke:#e76f51;stroke-width:22;stroke-linecap:round;stroke-linejoin:round;fill:none}.wheel[data-astro-cid-kudwn6kc]{stroke:#3d3d3d;stroke-width:18;fill:#f0f1e8}.outline[data-astro-cid-kudwn6kc]{stroke:#2f2f2f;stroke-width:16;stroke-linecap:round}.keytext[data-astro-cid-kudwn6kc]{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:34px;fill:#333}.star[data-astro-cid-kudwn6kc]{fill:#e9c46a}.hero-container[data-astro-cid-bbe6dxrz]{margin-bottom:3rem}.hero-controls[data-astro-cid-bbe6dxrz]{max-width:900px;margin:0 auto;padding:2rem 20px;display:flex;flex-direction:column;gap:1.5rem}.search-form[data-astro-cid-bbe6dxrz]{display:flex;width:100%}.search-form[data-astro-cid-bbe6dxrz] input[data-astro-cid-bbe6dxrz]{flex:1;padding:.8rem 1rem;border:0;font-size:1rem;background-color:#ccc}.search-form[data-astro-cid-bbe6dxrz] button[data-astro-cid-bbe6dxrz]{padding:0 2rem;background:#e1ddd1;color:#333;border:none;font-weight:600;cursor:pointer;font-size:1.2rem}.tags-container[data-astro-cid-bbe6dxrz]{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.tags-list[data-astro-cid-bbe6dxrz]{display:flex;flex-wrap:wrap;gap:.8rem;flex:1}.tag-link[data-astro-cid-bbe6dxrz]{color:#555;text-decoration:none;font-weight:500}.tag-link[data-astro-cid-bbe6dxrz]:hover{color:#111;text-decoration:underline}.all-tags-link[data-astro-cid-bbe6dxrz]{color:#111;font-weight:700;text-decoration:none;border-bottom:2px solid #111;white-space:nowrap;margin-left:2rem}@media(max-width:600px){.tags-container[data-astro-cid-bbe6dxrz]{flex-direction:column;gap:1.5rem}.all-tags-link[data-astro-cid-bbe6dxrz]{margin-left:0;align-self:center;font-size:.9rem}}.post-list-container[data-astro-cid-j7pv25f6]{max-width:900px;margin:0 auto;padding:0 20px}.month-group[data-astro-cid-j7pv25f6]{display:flex;gap:2rem;border-top-width:3px;border-top-style:solid;border-top-color:#e1ddd1;padding-top:1rem}.month-sidebar[data-astro-cid-j7pv25f6]{flex:0 0 100px}.sticky-month[data-astro-cid-j7pv25f6]{position:sticky;top:100px;font-size:1.2rem;font-weight:800;color:#2b2b2b}.month-content[data-astro-cid-j7pv25f6]{flex:1;display:flex;flex-direction:column}.pagination[data-astro-cid-j7pv25f6]{display:flex;gap:.5rem;justify-content:center;margin-top:3rem;margin-bottom:5rem}.page-btn[data-astro-cid-j7pv25f6]{background:none;border:1px solid #ddd;padding:.5rem 1rem;cursor:pointer;font-size:1rem;color:#555;border-radius:4px;transition:all .2s}.page-btn[data-astro-cid-j7pv25f6]:hover{background:#f5f5f5;color:#111}.page-btn[data-astro-cid-j7pv25f6].active{background:#111;color:#fff;border-color:#111}@media(max-width:768px){.month-group[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.month-sidebar[data-astro-cid-j7pv25f6]{width:100%;margin-bottom:.5rem;flex:0 0 10px}}
</style></head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHMQRWZ4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="site-header" data-astro-cid-3ef6ksr2> <div class="header-inner" data-astro-cid-3ef6ksr2> <a href="/" class="logo" data-astro-cid-3ef6ksr2>Siku.name</a> <button id="menu-toggle" class="menu-toggle" aria-label="메뉴 열기" data-astro-cid-3ef6ksr2> <span class="line" data-astro-cid-3ef6ksr2></span> <span class="line" data-astro-cid-3ef6ksr2></span> <span class="line" data-astro-cid-3ef6ksr2></span> </button> <nav id="site-nav" data-astro-cid-3ef6ksr2> <a href="/memos" data-astro-cid-3ef6ksr2>Memos</a> <a href="/minis" data-astro-cid-3ef6ksr2>Minis</a> <a href="/links" data-astro-cid-3ef6ksr2>Links</a> <a href="/archive" data-astro-cid-3ef6ksr2>Archive</a> <a href="/hej" data-astro-cid-3ef6ksr2>Hej!</a> <a href="/rss.xml" class="feedLinkForToggleMenu" data-astro-cid-3ef6ksr2>Feed</a> </nav> </div> </header>  <script type="module">const t=document.getElementById("menu-toggle"),e=document.getElementById("site-nav");t?.addEventListener("click",()=>{t.classList.toggle("is-active"),e?.classList.toggle("is-active")});</script> <main>  <section class="hero-container" data-astro-cid-bbe6dxrz> <div class="hero-svg-wrapper" data-astro-cid-kudwn6kc> <svg class="bg-svg" width="100%" height="100%" viewBox="190 110 1280 720" xmlns="http://www.w3.org/2000/svg" data-astro-cid-kudwn6kc> <defs data-astro-cid-kudwn6kc> <!-- grain texture --> <filter id="grain" data-astro-cid-kudwn6kc> <feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch" data-astro-cid-kudwn6kc></feTurbulence> <feColorMatrix type="saturate" values="0" data-astro-cid-kudwn6kc></feColorMatrix> <feComponentTransfer data-astro-cid-kudwn6kc> <feFuncA type="table" tableValues="0 0.06" data-astro-cid-kudwn6kc></feFuncA> </feComponentTransfer> </filter> </defs> <!-- background --> <rect width="1600" height="900" fill="#F0F1E8" data-astro-cid-kudwn6kc></rect> <!-- grain overlay --> <rect width="1600" height="900" filter="url(#grain)" opacity="0.4" data-astro-cid-kudwn6kc></rect> <!-- clouds --> <g opacity="0.5" data-astro-cid-kudwn6kc> <ellipse cx="300" cy="180" rx="120" ry="50" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> <ellipse cx="380" cy="180" rx="90" ry="40" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> <ellipse cx="250" cy="190" rx="80" ry="35" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> <ellipse cx="1300" cy="220" rx="120" ry="50" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> <ellipse cx="1380" cy="220" rx="90" ry="40" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> <ellipse cx="1250" cy="230" rx="80" ry="35" fill="#ffffff" data-astro-cid-kudwn6kc></ellipse> </g> <!-- stars --> <g class="star" data-astro-cid-kudwn6kc> <circle cx="200" cy="120" r="6" data-astro-cid-kudwn6kc></circle> <circle cx="480" cy="140" r="5" data-astro-cid-kudwn6kc></circle> <circle cx="1400" cy="120" r="6" data-astro-cid-kudwn6kc></circle> <circle cx="1200" cy="180" r="4" data-astro-cid-kudwn6kc></circle> <circle cx="900" cy="120" r="5" data-astro-cid-kudwn6kc></circle> </g> <!-- ground shadow --> <ellipse cx="780" cy="670" rx="500" ry="60" fill="#000" opacity="0.08" data-astro-cid-kudwn6kc></ellipse> <!-- wheels --> <circle cx="500" cy="600" r="130" class="wheel" data-astro-cid-kudwn6kc></circle> <circle cx="1050" cy="600" r="130" class="wheel" data-astro-cid-kudwn6kc></circle> <!-- spokes --> <line x1="500" y1="600" x2="500" y2="470" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <line x1="500" y1="600" x2="630" y2="600" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <line x1="500" y1="600" x2="370" y2="600" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <line x1="1050" y1="600" x2="1050" y2="470" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <line x1="1050" y1="600" x2="1180" y2="600" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <line x1="1050" y1="600" x2="920" y2="600" stroke="#777" stroke-width="4" data-astro-cid-kudwn6kc></line> <!-- bicycle frame --> <line x1="500" y1="600" x2="720" y2="420" class="frame" data-astro-cid-kudwn6kc></line> <line x1="720" y1="420" x2="900" y2="600" class="frame" data-astro-cid-kudwn6kc></line> <line x1="900" y1="600" x2="1050" y2="600" class="frame" data-astro-cid-kudwn6kc></line> <line x1="720" y1="420" x2="980" y2="420" class="frame" data-astro-cid-kudwn6kc></line> <line x1="980" y1="420" x2="1050" y2="600" class="frame" data-astro-cid-kudwn6kc></line> <line x1="720" y1="420" x2="500" y2="600" class="frame" data-astro-cid-kudwn6kc></line> <!-- seat --> <line x1="720" y1="420" x2="690" y2="380" class="outline" data-astro-cid-kudwn6kc></line> <rect x="650" y="350" width="90" height="26" rx="12" fill="#2F2F2F" data-astro-cid-kudwn6kc></rect> <!-- handle --> <line x1="980" y1="420" x2="1030" y2="340" class="outline" data-astro-cid-kudwn6kc></line> <line x1="1030" y1="340" x2="1120" y2="300" class="outline" data-astro-cid-kudwn6kc></line> <!-- crank --> <circle cx="900" cy="600" r="26" fill="#2F2F2F" data-astro-cid-kudwn6kc></circle> <!-- floating shapes --> <g opacity="0.6" data-astro-cid-kudwn6kc> <circle cx="600" cy="200" r="10" fill="#F4A261" data-astro-cid-kudwn6kc></circle> <circle cx="800" cy="140" r="8" fill="#E9C46A" data-astro-cid-kudwn6kc></circle> <circle cx="1000" cy="200" r="9" fill="#F4A261" data-astro-cid-kudwn6kc></circle> </g> <!-- keycaps --> <!-- ESC --> <g transform="rotate(-18 260 180)" data-astro-cid-kudwn6kc> <rect x="210" y="140" width="140" height="140" rx="26" fill="#F4E06D" stroke="#2F2F2F" stroke-width="10" data-astro-cid-kudwn6kc></rect> <rect x="230" y="160" width="100" height="100" rx="18" fill="#F7E989" data-astro-cid-kudwn6kc></rect> <text x="280" y="215" text-anchor="middle" class="keytext" data-astro-cid-kudwn6kc>Esc</text> </g> <!-- DEL --> <g transform="rotate(18 340 720)" data-astro-cid-kudwn6kc> <rect x="280" y="660" width="140" height="140" rx="26" fill="#F25F5C" stroke="#2F2F2F" stroke-width="10" data-astro-cid-kudwn6kc></rect> <rect x="300" y="680" width="100" height="100" rx="18" fill="#F47C7A" data-astro-cid-kudwn6kc></rect> <text x="350" y="735" text-anchor="middle" class="keytext" fill="#fff" data-astro-cid-kudwn6kc>Del</text> </g> <!-- CMD --> <g transform="rotate(-14 1340 300)" data-astro-cid-kudwn6kc> <rect x="1280" y="240" width="140" height="140" rx="26" fill="#4DA3B3" stroke="#2F2F2F" stroke-width="10" data-astro-cid-kudwn6kc></rect> <rect x="1300" y="260" width="100" height="100" rx="18" fill="#5DB7C7" data-astro-cid-kudwn6kc></rect> <text x="1350" y="315" text-anchor="middle" class="keytext" fill="#fff" data-astro-cid-kudwn6kc>⌘</text> </g> <!-- FN --> <g transform="rotate(12 1300 720)" data-astro-cid-kudwn6kc> <rect x="1240" y="660" width="140" height="140" rx="26" fill="#A8C7DA" stroke="#2F2F2F" stroke-width="10" data-astro-cid-kudwn6kc></rect> <rect x="1260" y="680" width="100" height="100" rx="18" fill="#BED9E8" data-astro-cid-kudwn6kc></rect> <text x="1310" y="735" text-anchor="middle" class="keytext" data-astro-cid-kudwn6kc>Fn</text> </g> </svg> <div class="text-overlay" data-astro-cid-kudwn6kc> <svg width="100%" height="100%" viewBox="0 0 400 200" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" data-astro-cid-kudwn6kc> <text x="35%" y="-5%" font-size="35" font-weight="800" text-anchor="middle" fill="#1E3A8A" dominant-baseline="middle" letter-spacing="0.01em" data-astro-cid-kudwn6kc>Moments</text> <text x="50%" y="10%" font-size="33" font-weight="900" text-anchor="middle" fill="#1E3A8A" dominant-baseline="middle" letter-spacing="-0.01em" data-astro-cid-kudwn6kc>in progress</text> </svg> </div> </div>  <div class="hero-controls" data-astro-cid-bbe6dxrz> <form action="/search/" method="get" class="search-form" data-astro-cid-bbe6dxrz> <input type="text" name="q" placeholder="Type keyword..." required data-astro-cid-bbe6dxrz> <button type="submit" data-astro-cid-bbe6dxrz>Search</button> </form> <div class="tags-container" data-astro-cid-bbe6dxrz> <div class="tags-list" data-astro-cid-bbe6dxrz> <a href="/tags/BICYCLE" class="tag-link" data-astro-cid-bbe6dxrz>#BICYCLE</a><a href="/tags/BLOG" class="tag-link" data-astro-cid-bbe6dxrz>#BLOG</a><a href="/tags/BLOG-PLATFORM" class="tag-link" data-astro-cid-bbe6dxrz>#BLOG-PLATFORM</a><a href="/tags/BOOK" class="tag-link" data-astro-cid-bbe6dxrz>#BOOK</a><a href="/tags/DREAM" class="tag-link" data-astro-cid-bbe6dxrz>#DREAM</a><a href="/tags/ECONOMICS" class="tag-link" data-astro-cid-bbe6dxrz>#ECONOMICS</a><a href="/tags/HEALTH" class="tag-link" data-astro-cid-bbe6dxrz>#HEALTH</a><a href="/tags/Logseq" class="tag-link" data-astro-cid-bbe6dxrz>#Logseq</a><a href="/tags/MMA" class="tag-link" data-astro-cid-bbe6dxrz>#MMA</a><a href="/tags/Obsidian" class="tag-link" data-astro-cid-bbe6dxrz>#Obsidian</a><a href="/tags/PERSONAL" class="tag-link" data-astro-cid-bbe6dxrz>#PERSONAL</a><a href="/tags/PHOTO" class="tag-link" data-astro-cid-bbe6dxrz>#PHOTO</a><a href="/tags/PLUGINS" class="tag-link" data-astro-cid-bbe6dxrz>#PLUGINS</a><a href="/tags/Quartz" class="tag-link" data-astro-cid-bbe6dxrz>#Quartz</a><a href="/tags/REVIEW" class="tag-link" data-astro-cid-bbe6dxrz>#REVIEW</a><a href="/tags/SNS" class="tag-link" data-astro-cid-bbe6dxrz>#SNS</a><a href="/tags/SPIRITUAL" class="tag-link" data-astro-cid-bbe6dxrz>#SPIRITUAL</a><a href="/tags/TECH" class="tag-link" data-astro-cid-bbe6dxrz>#TECH</a><a href="/tags/TEMEPLATE" class="tag-link" data-astro-cid-bbe6dxrz>#TEMEPLATE</a><a href="/tags/THOUGHTS" class="tag-link" data-astro-cid-bbe6dxrz>#THOUGHTS</a><a href="/tags/TRAVEL" class="tag-link" data-astro-cid-bbe6dxrz>#TRAVEL</a><a href="/tags/WEB" class="tag-link" data-astro-cid-bbe6dxrz>#WEB</a><a href="/tags/WEB-HISTORY" class="tag-link" data-astro-cid-bbe6dxrz>#WEB-HISTORY</a><a href="/tags/archive" class="tag-link" data-astro-cid-bbe6dxrz>#archive</a><a href="/tags/blog" class="tag-link" data-astro-cid-bbe6dxrz>#blog</a><a href="/tags/cdn" class="tag-link" data-astro-cid-bbe6dxrz>#cdn</a><a href="/tags/cms" class="tag-link" data-astro-cid-bbe6dxrz>#cms</a><a href="/tags/diet" class="tag-link" data-astro-cid-bbe6dxrz>#diet</a><a href="/tags/diffusion" class="tag-link" data-astro-cid-bbe6dxrz>#diffusion</a><a href="/tags/economics" class="tag-link" data-astro-cid-bbe6dxrz>#economics</a><a href="/tags/hiatus" class="tag-link" data-astro-cid-bbe6dxrz>#hiatus</a><a href="/tags/innovation" class="tag-link" data-astro-cid-bbe6dxrz>#innovation</a><a href="/tags/invitation" class="tag-link" data-astro-cid-bbe6dxrz>#invitation</a><a href="/tags/knowledge" class="tag-link" data-astro-cid-bbe6dxrz>#knowledge</a><a href="/tags/lifestreaming" class="tag-link" data-astro-cid-bbe6dxrz>#lifestreaming</a><a href="/tags/link" class="tag-link" data-astro-cid-bbe6dxrz>#link</a><a href="/tags/minivelo" class="tag-link" data-astro-cid-bbe6dxrz>#minivelo</a><a href="/tags/notes" class="tag-link" data-astro-cid-bbe6dxrz>#notes</a><a href="/tags/presentation" class="tag-link" data-astro-cid-bbe6dxrz>#presentation</a><a href="/tags/template" class="tag-link" data-astro-cid-bbe6dxrz>#template</a><a href="/tags/가나다라" class="tag-link" data-astro-cid-bbe6dxrz>#가나다라</a><a href="/tags/가제트" class="tag-link" data-astro-cid-bbe6dxrz>#가제트</a><a href="/tags/경영" class="tag-link" data-astro-cid-bbe6dxrz>#경영</a><a href="/tags/공부" class="tag-link" data-astro-cid-bbe6dxrz>#공부</a><a href="/tags/댓글" class="tag-link" data-astro-cid-bbe6dxrz>#댓글</a><a href="/tags/리더십" class="tag-link" data-astro-cid-bbe6dxrz>#리더십</a><a href="/tags/맥주" class="tag-link" data-astro-cid-bbe6dxrz>#맥주</a><a href="/tags/무알코올" class="tag-link" data-astro-cid-bbe6dxrz>#무알코올</a><a href="/tags/미래" class="tag-link" data-astro-cid-bbe6dxrz>#미래</a><a href="/tags/버스" class="tag-link" data-astro-cid-bbe6dxrz>#버스</a><a href="/tags/예술" class="tag-link" data-astro-cid-bbe6dxrz>#예술</a><a href="/tags/오픈이노베이션" class="tag-link" data-astro-cid-bbe6dxrz>#오픈이노베이션</a><a href="/tags/유머" class="tag-link" data-astro-cid-bbe6dxrz>#유머</a><a href="/tags/인물" class="tag-link" data-astro-cid-bbe6dxrz>#인물</a><a href="/tags/저작권" class="tag-link" data-astro-cid-bbe6dxrz>#저작권</a><a href="/tags/주제세분" class="tag-link" data-astro-cid-bbe6dxrz>#주제세분</a><a href="/tags/처세술" class="tag-link" data-astro-cid-bbe6dxrz>#처세술</a><a href="/tags/코드" class="tag-link" data-astro-cid-bbe6dxrz>#코드</a><a href="/tags/타이어" class="tag-link" data-astro-cid-bbe6dxrz>#타이어</a><a href="/tags/포기" class="tag-link" data-astro-cid-bbe6dxrz>#포기</a><a href="/tags/히어로" class="tag-link" data-astro-cid-bbe6dxrz>#히어로</a> </div> <a href="/tags" class="all-tags-link" data-astro-cid-bbe6dxrz>All tags</a> </div> </div> </section>  <div class="post-list-container" data-astro-cid-j7pv25f6> <div class="month-group" data-astro-cid-j7pv25f6> <aside class="month-sidebar" data-astro-cid-j7pv25f6> <span class="sticky-month" data-astro-cid-j7pv25f6>Mar 2026</span> </aside> <div class="month-content" data-astro-cid-j7pv25f6> <div class="post-item" data-page="1" data-astro-cid-j7pv25f6> <article class="post-card" data-astro-cid-iyiqi2so>  <div class="post-tags" data-astro-cid-iyiqi2so> <a href="/tags/cms" class="tag" data-astro-cid-iyiqi2so>#cms</a><a href="/tags/포기" class="tag" data-astro-cid-iyiqi2so>#포기</a>   </div> <div class="post-content" data-astro-cid-iyiqi2so> <h2 class="post-title" data-astro-cid-iyiqi2so><a href="/log/20260318thoughts" data-astro-cid-iyiqi2so></a></h2>  </div> </article>  </div><div class="post-item" data-page="1" data-astro-cid-j7pv25f6> <article class="post-card" data-astro-cid-iyiqi2so> <a href="/log/buy-bergamont-hans-on" class="cover-link" data-astro-cid-iyiqi2so> <img src="/_astro/buybergamont.ByXjl9LZ.svg" alt="Bergamont Hans-on 구매" class="cover-img" data-astro-cid-iyiqi2so> </a> <div class="post-tags" data-astro-cid-iyiqi2so> <a href="/tags/자전거" class="tag" data-astro-cid-iyiqi2so>#자전거</a><a href="/tags/minivelo" class="tag" data-astro-cid-iyiqi2so>#minivelo</a>   </div> <div class="post-content" data-astro-cid-iyiqi2so> <h2 class="post-title" data-astro-cid-iyiqi2so><a href="/log/buy-bergamont-hans-on" data-astro-cid-iyiqi2so>Bergamont Hans-on 구매</a></h2> <p class="post-desc" data-astro-cid-iyiqi2so>아들과 나를 위해 새로운 자전거를 구매함</p> </div> </article>  </div><div class="post-item" data-page="1" data-astro-cid-j7pv25f6> <article class="post-card" data-astro-cid-iyiqi2so> <a href="/log/about-20260310" class="cover-link" data-astro-cid-iyiqi2so> <img src="/_astro/hej-about-20260310.C6DQNnOG.svg" alt="About 20260310" class="cover-img" data-astro-cid-iyiqi2so> </a> <div class="post-tags" data-astro-cid-iyiqi2so> <a href="/tags/about" class="tag" data-astro-cid-iyiqi2so>#about</a><a href="/tags/archive" class="tag" data-astro-cid-iyiqi2so>#archive</a><a href="/tags/blog" class="tag" data-astro-cid-iyiqi2so>#blog</a>   </div> <div class="post-content" data-astro-cid-iyiqi2so> <h2 class="post-title" data-astro-cid-iyiqi2so><a href="/log/about-20260310" data-astro-cid-iyiqi2so>About 20260310</a></h2> <p class="post-desc" data-astro-cid-iyiqi2so>오랫동안 방치했던 블로그를 다시 운영해보려 한다</p> </div> </article>  </div><div class="post-item" data-page="1" data-astro-cid-j7pv25f6> <article class="post-card" data-astro-cid-iyiqi2so> <a href="/log/obsidian-quartz-astro-blog-system" class="cover-link" data-astro-cid-iyiqi2so> <img src="/_astro/astorquartzdeply.YgyEoS6l.svg" alt="Markdown 기반 개인 위키와 블로그 인프라 구축기" class="cover-img" data-astro-cid-iyiqi2so> </a> <div class="post-tags" data-astro-cid-iyiqi2so> <a href="/tags/Quartz" class="tag" data-astro-cid-iyiqi2so>#Quartz</a><a href="/tags/Astro" class="tag" data-astro-cid-iyiqi2so>#Astro</a><a href="/tags/Logseq" class="tag" data-astro-cid-iyiqi2so>#Logseq</a><a href="/tags/Obsidian" class="tag" data-astro-cid-iyiqi2so>#Obsidian</a>   </div> <div class="post-content" data-astro-cid-iyiqi2so> <h2 class="post-title" data-astro-cid-iyiqi2so><a href="/log/obsidian-quartz-astro-blog-system" data-astro-cid-iyiqi2so>Markdown 기반 개인 위키와 블로그 인프라 구축기</a></h2> <p class="post-desc" data-astro-cid-iyiqi2so>Quartz와 Astro로 위키와 블로그 만드는 진행에 있어서 게획과 걸림돌들</p> </div> </article>  </div><div class="post-item" data-page="1" data-astro-cid-j7pv25f6> <article class="post-card" data-astro-cid-iyiqi2so> <a href="/log/2026-03-10-blogs" class="cover-link" data-astro-cid-iyiqi2so> <img src="/_astro/20260310blogs.jdo1_lDx.svg" alt="Siku.name 블로그 레이아웃 설계" class="cover-img" data-astro-cid-iyiqi2so> </a> <div class="post-tags" data-astro-cid-iyiqi2so> <a href="/tags/blog" class="tag" data-astro-cid-iyiqi2so>#blog</a><a href="/tags/astro" class="tag" data-astro-cid-iyiqi2so>#astro</a><a href="/tags/layout" class="tag" data-astro-cid-iyiqi2so>#layout</a>   </div> <div class="post-content" data-astro-cid-iyiqi2so> <h2 class="post-title" data-astro-cid-iyiqi2so><a href="/log/2026-03-10-blogs" data-astro-cid-iyiqi2so>Siku.name 블로그 레이아웃 설계</a></h2> <p class="post-desc" data-astro-cid-iyiqi2so>siku.name 블로그의 레이아웃 구조와 페이지 설계 원칙</p> </div> </article>  </div> </div> </div> <!-- 하단 페이지네이션 렌더링 -->  </div>  </main> <footer class="site-footer" data-astro-cid-sz7xmlte> <div class="footer-top" data-astro-cid-sz7xmlte> <h3 data-astro-cid-sz7xmlte>Stay updated!</h3> <p data-astro-cid-sz7xmlte>RSS로 새글을 확인해 보세요</p> <a href="/rss.xml" class="rss-btn" data-astro-cid-sz7xmlte>Subscribe</a> </div> <div class="footer-bottom" data-astro-cid-sz7xmlte> <div class="footer-main" data-astro-cid-sz7xmlte> <div class="footer-links" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>FEW MORE LINKS</h4> <nav data-astro-cid-sz7xmlte> <a href="/" data-astro-cid-sz7xmlte>Home</a> <a href="/tags" data-astro-cid-sz7xmlte>Tags</a> <a href="/memos" data-astro-cid-sz7xmlte>Memos</a> <a href="/archive" data-astro-cid-sz7xmlte>Archive</a> <a href="/hej" data-astro-cid-sz7xmlte>About</a> <a href="/minis" data-astro-cid-sz7xmlte>Minis</a> <a href="/search" data-astro-cid-sz7xmlte>Search</a> <a href="/rss.xml" data-astro-cid-sz7xmlte>Feed</a> </nav> </div> <div class="footer-follow" data-astro-cid-sz7xmlte> <h4 data-astro-cid-sz7xmlte>FOLLOW ME</h4> <a href="https://github.com/jsiku" data-astro-cid-sz7xmlte> <img src="https://cdn.simpleicons.org/github/ffffff" width="16" data-astro-cid-sz7xmlte> </a> </div> </div> <div class="footer-credit" data-astro-cid-sz7xmlte> <p data-astro-cid-sz7xmlte>
Template inspired by
<a href="https://github.com/gayanvirajith/harmony" data-astro-cid-sz7xmlte>Gayan Virajith</a>
and
<a href="https://blog.zsa.io" data-astro-cid-sz7xmlte>blog.zsa.io</a> </p> <p data-astro-cid-sz7xmlte>© 2026 Siku.name. All rights reserved.</p> </div> </div> </footer>  </body></html> <script type="module">const s=document.querySelectorAll(".page-btn"),l=document.querySelectorAll(".post-item");function a(o){l.forEach(e=>{const t=e;t.style.display=parseInt(t.dataset.page||"1")===o?"block":"none"}),s.forEach(e=>{parseInt(e.getAttribute("data-target-page")||"1")===o?e.classList.add("active"):e.classList.remove("active")}),document.querySelectorAll(".month-group").forEach(e=>{const t=e.querySelectorAll('.post-item[style="display: block;"]');e.style.display=t.length>0?"flex":"none"}),window.scrollTo({top:0,behavior:"smooth"})}s.forEach(o=>{o.addEventListener("click",e=>{const t=parseInt(e.currentTarget.getAttribute("data-target-page")||"1");a(t)})});s.length>0&&a(1);</script> 