<!DOCTYPE html><html lang="ko" data-astro-cid-5hce7sga> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>mde.quest — AI·개발·사업 깊이 있는 가이드</title><link rel="icon" href="/favicon.svg"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&display=swap" rel="stylesheet"><style>:root{--brand-bg: #0b0f1a;--brand-fg: #e8ecf2;--brand-muted: #8a96b0;--brand-accent: #b8c4d8;--brand-accent-dark: #7a8aaa;--brand-surface: #111726;--brand-surface-2: #18203a;--brand-border: #1e2a40;--brand-hero-overlay: linear-gradient( to bottom, rgba(6, 9, 18, .3) 0%, rgba(6, 9, 18, .72) 100% );--font-serif: "Noto Serif KR", "Georgia", "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--fs-base: 18px;--fs-sm: .9rem;--lh-base: 1.85;--lh-heading: 1.22;--measure: 740px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 7rem;--space-2xl: 11rem;--radius: 4px;--shadow: 0 4px 32px rgba(10, 16, 36, .18);--nav-h: 72px;--ease: cubic-bezier(.25, .46, .45, .94);--dur: .4s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--brand-bg);color:var(--brand-fg);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-accent);text-decoration:none}a:hover{color:var(--brand-fg)}img,video{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,60px)}.container--narrow{max-width:800px;margin:0 auto;padding:0 clamp(20px,4vw,60px)}@media(prefers-reduced-motion:no-preference){.fade-up{animation:fadeUp .7s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.divider{width:48px;height:1px;background:var(--brand-accent);margin:var(--space-md) auto;opacity:.5}.nav[data-astro-cid-5hce7sga]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0b0f1a00;border-bottom:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.nav--scrolled[data-astro-cid-5hce7sga]{background:#0b0f1ae0;border-bottom-color:var(--brand-border);backdrop-filter:saturate(140%) blur(12px)}.nav__inner[data-astro-cid-5hce7sga]{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.nav__brand[data-astro-cid-5hce7sga]{display:flex;align-items:baseline;gap:.6rem;text-decoration:none}.nav__name[data-astro-cid-5hce7sga]{font-family:var(--font-serif);font-size:1.15rem;font-weight:600;color:var(--brand-fg);letter-spacing:.02em}.nav__links[data-astro-cid-5hce7sga]{display:flex;gap:2rem}.nav__link[data-astro-cid-5hce7sga]{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-muted);font-weight:500;transition:color var(--dur)}.nav__link[data-astro-cid-5hce7sga]:hover{color:var(--brand-fg);text-decoration:none}@media(max-width:640px){.nav__links[data-astro-cid-5hce7sga]{display:none}}.footer[data-astro-cid-5hce7sga]{margin-top:var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--brand-border);text-align:center}.footer__brand[data-astro-cid-5hce7sga]{font-family:var(--font-serif);font-size:1.4rem;font-weight:400;color:var(--brand-fg);margin:0 0 .4rem;letter-spacing:.04em}.footer__tag[data-astro-cid-5hce7sga]{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent);margin:0 0 1.8rem}.footer__copy[data-astro-cid-5hce7sga]{font-size:var(--fs-sm);color:var(--brand-muted);max-width:480px;margin:0 auto;line-height:1.6}
</style>
<link rel="stylesheet" href="/_astro/index.B-ncUjrj.css"></head> <body data-astro-cid-5hce7sga> <!-- ── 네비게이션 ── --> <header class="nav" id="site-nav" data-astro-cid-5hce7sga> <div class="nav__inner container" data-astro-cid-5hce7sga> <a class="nav__brand" href="/" data-astro-cid-5hce7sga> <span class="nav__name" data-astro-cid-5hce7sga>mde.quest</span> </a> <nav class="nav__links" aria-label="주요 메뉴" data-astro-cid-5hce7sga> <a class="nav__link" href="#cat-0" data-astro-cid-5hce7sga>개발</a><a class="nav__link" href="#cat-1" data-astro-cid-5hce7sga>사업·창업</a><a class="nav__link" href="#cat-2" data-astro-cid-5hce7sga>AI 활용</a> <a class="nav__link" href="/prompt-engineering-guide/" data-astro-cid-5hce7sga>가이드</a> </nav> </div> </header> <main data-astro-cid-5hce7sga>   <section class="rr-hero" data-astro-cid-bbe6dxrz> <!-- LCP 포스터 (즉시 표시) --> <img class="rr-hero__poster" src="/media/hero-poster.jpg" alt="" fetchpriority="high" width="1920" height="1080" data-astro-cid-bbe6dxrz> <!-- 영상: 지연로드 --> <video class="rr-hero__video" autoplay muted loop playsinline preload="none" data-src="/media/hero.mp4" data-astro-cid-bbe6dxrz></video> <!-- 오버레이 --> <div class="rr-hero__overlay" aria-hidden="true" data-astro-cid-bbe6dxrz></div> <!-- 콘텐츠 --> <div class="rr-hero__content" data-astro-cid-bbe6dxrz> <p class="rr-hero__eyebrow" data-astro-cid-bbe6dxrz>AI · 개발 · 사업</p> <h1 class="rr-hero__title" data-astro-cid-bbe6dxrz>만드는 사람의 깊이</h1> <div class="rr-hero__rule" aria-hidden="true" data-astro-cid-bbe6dxrz></div> <p class="rr-hero__sub" data-astro-cid-bbe6dxrz>코드, AI, 사업을 교차하는 실무 지식. 도구를 넘어 일하는 방식까지.</p> <a class="rr-hero__cta" href="#featured" data-astro-cid-bbe6dxrz> <span data-astro-cid-bbe6dxrz>가이드 탐색</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-astro-cid-bbe6dxrz> <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-bbe6dxrz></path> </svg> </a> </div> <!-- 스크롤 힌트 --> <div class="rr-hero__scroll" aria-hidden="true" data-astro-cid-bbe6dxrz> <span class="rr-hero__scroll-line" data-astro-cid-bbe6dxrz></span> </div> </section> <script type="module">const e=document.querySelector(".rr-hero__video");if(e&&e.dataset.src){const t=()=>{e.src=e.dataset.src,e.load(),e.addEventListener("loadeddata",()=>e.classList.add("ready"),{once:!0})};"requestIdleCallback"in window?window.requestIdleCallback(t,{timeout:1500}):setTimeout(t,800)}</script>   <section class="philosophy" data-astro-cid-j7pv25f6> <div class="container--narrow" data-astro-cid-j7pv25f6> <p class="philosophy__quote" data-astro-cid-j7pv25f6>
"최고의 도구는 배경으로 사라지고,<br data-astro-cid-j7pv25f6>
만드는 사람만 남는다."
</p> <div class="divider" data-astro-cid-j7pv25f6></div> <p class="philosophy__body" data-astro-cid-j7pv25f6>
mde.quest는 AI·개발·사업의 교차점을 탐구합니다. 빠르게 변하는 도구의 사용법이 아니라,
        도구 뒤에 있는 원리와 판단 기준을 정리합니다. 나무위키식 깊이로, 실무에 바로 적용할 수 있도록.
</p> </div> </section>  <section class="domains" data-astro-cid-j7pv25f6> <div class="domain domain--left" data-astro-cid-j7pv25f6> <div class="domain__visual domain__visual--ai" data-astro-cid-j7pv25f6></div> <div class="domain__text" data-astro-cid-j7pv25f6> <p class="domain__label" data-astro-cid-j7pv25f6>AI 활용</p> <h2 class="domain__title" data-astro-cid-j7pv25f6>프롬프트에서<br data-astro-cid-j7pv25f6>에이전트까지</h2> <p class="domain__body" data-astro-cid-j7pv25f6>
LLM을 단순히 사용하는 것을 넘어, 아키텍처로 설계하는 방법을 다룹니다.
          프롬프트 엔지니어링부터 RAG, 비용 최적화, 에이전트 오케스트레이션까지.
</p> <a class="domain__link" href="/prompt-engineering-guide/" data-astro-cid-j7pv25f6>
AI 가이드 보기 →
</a> </div> </div> <div class="domain domain--right" data-astro-cid-j7pv25f6> <div class="domain__visual domain__visual--dev" data-astro-cid-j7pv25f6></div> <div class="domain__text" data-astro-cid-j7pv25f6> <p class="domain__label" data-astro-cid-j7pv25f6>개발</p> <h2 class="domain__title" data-astro-cid-j7pv25f6>코드보다<br data-astro-cid-j7pv25f6>결정이 중요한 것들</h2> <p class="domain__body" data-astro-cid-j7pv25f6>
Git 워크플로우, 아키텍처 패턴, 기술 부채 관리. 코드를 짜는 방법이 아니라
          어떤 코드를 짤지 판단하는 기준을 다룹니다.
</p> <a class="domain__link" href="/git-workflow-advanced/" data-astro-cid-j7pv25f6>
개발 가이드 보기 →
</a> </div> </div> <div class="domain domain--left" data-astro-cid-j7pv25f6> <div class="domain__visual domain__visual--biz" data-astro-cid-j7pv25f6></div> <div class="domain__text" data-astro-cid-j7pv25f6> <p class="domain__label" data-astro-cid-j7pv25f6>사업·창업</p> <h2 class="domain__title" data-astro-cid-j7pv25f6>만든 것을<br data-astro-cid-j7pv25f6>파는 기술</h2> <p class="domain__body" data-astro-cid-j7pv25f6>
1인 개발자가 SaaS를 런칭하고 성장시키는 실무. 아이디어 검증, 가격 책정,
          마케팅 채널 우선순위까지 숫자와 사례 중심으로.
</p> <a class="domain__link" href="/solodev-saas-guide/" data-astro-cid-j7pv25f6>
창업 가이드 보기 →
</a> </div> </div> </section>  <section class="featured" id="featured" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <div class="featured__head" data-astro-cid-j7pv25f6> <p class="featured__eyebrow" data-astro-cid-j7pv25f6>Featured</p> <h2 class="featured__title" data-astro-cid-j7pv25f6>시작하기 좋은 가이드</h2> </div> <div class="featured__grid" data-astro-cid-j7pv25f6> <a class="fcard" href="/git-workflow-advanced/" data-astro-cid-j7pv25f6> <p class="fcard__cat" data-astro-cid-j7pv25f6>개발</p> <h3 class="fcard__title" data-astro-cid-j7pv25f6>Git 워크플로우 심화</h3> <span class="fcard__arrow" data-astro-cid-j7pv25f6>→</span> </a><a class="fcard" href="/solodev-saas-guide/" data-astro-cid-j7pv25f6> <p class="fcard__cat" data-astro-cid-j7pv25f6>사업·창업</p> <h3 class="fcard__title" data-astro-cid-j7pv25f6>1인 개발자 SaaS 사업화 완전가이드</h3> <span class="fcard__arrow" data-astro-cid-j7pv25f6>→</span> </a><a class="fcard" href="/prompt-engineering-guide/" data-astro-cid-j7pv25f6> <p class="fcard__cat" data-astro-cid-j7pv25f6>AI 활용</p> <h3 class="fcard__title" data-astro-cid-j7pv25f6>프롬프트 엔지니어링 완전정복</h3> <span class="fcard__arrow" data-astro-cid-j7pv25f6>→</span> </a> </div> </div> </section>  <section class="cat-section fade-up" id="cat-0" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <h2 class="cat-title" data-astro-cid-j7pv25f6>개발</h2> <ul class="cat-list" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a class="cat-item" href="/git-workflow-advanced/" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>Git 워크플로우 심화</span> <span class="cat-item__arrow" data-astro-cid-j7pv25f6>→</span> </a> </li> </ul> </div> </section><section class="cat-section fade-up" id="cat-1" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <h2 class="cat-title" data-astro-cid-j7pv25f6>사업·창업</h2> <ul class="cat-list" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a class="cat-item" href="/solodev-saas-guide/" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>1인 개발자 SaaS 사업화 완전가이드</span> <span class="cat-item__arrow" data-astro-cid-j7pv25f6>→</span> </a> </li> </ul> </div> </section><section class="cat-section fade-up" id="cat-2" data-astro-cid-j7pv25f6> <div class="container" data-astro-cid-j7pv25f6> <h2 class="cat-title" data-astro-cid-j7pv25f6>AI 활용</h2> <ul class="cat-list" data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a class="cat-item" href="/prompt-engineering-guide/" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>프롬프트 엔지니어링 완전정복</span> <span class="cat-item__arrow" data-astro-cid-j7pv25f6>→</span> </a> </li><li data-astro-cid-j7pv25f6> <a class="cat-item" href="/rag-architecture-patterns/" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>RAG 아키텍처 패턴</span> <span class="cat-item__arrow" data-astro-cid-j7pv25f6>→</span> </a> </li><li data-astro-cid-j7pv25f6> <a class="cat-item" href="/llm-cost-optimization/" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>LLM 비용 최적화 전략</span> <span class="cat-item__arrow" data-astro-cid-j7pv25f6>→</span> </a> </li> </ul> </div> </section> </main> <!-- ── 푸터 ── --> <footer class="footer" data-astro-cid-5hce7sga> <div class="footer__inner container" data-astro-cid-5hce7sga> <p class="footer__brand" data-astro-cid-5hce7sga>mde.quest</p> <p class="footer__tag" data-astro-cid-5hce7sga>AI · 개발 · 사업</p> <p class="footer__copy" data-astro-cid-5hce7sga>
본 정보는 일반 안내이며, 실제 적용 전 최신 자료를 확인하세요.
</p> </div> </footer> <!-- 스크롤 시 네비 불투명도 조정 --> <script type="module">const e=document.getElementById("site-nav");e&&window.addEventListener("scroll",()=>{e.classList.toggle("nav--scrolled",window.scrollY>60)},{passive:!0});</script>  </body> </html> 