<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ko-KR"><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="https://nexuvo.fyi/feed.xml" rel="self" type="application/atom+xml" /><link href="https://nexuvo.fyi/" rel="alternate" type="text/html" hreflang="ko-KR" /><updated>2026-10-27T13:54:04+09:00</updated><id>https://nexuvo.fyi/feed.xml</id><title type="html">LOWTONE Blog</title><subtitle>카테고리별로 정리하는 LOWTONE 기술 블로그</subtitle><author><name>LOWTONE</name></author><entry><title type="html">블로그를 시작합니다</title><link href="https://nexuvo.fyi/2026/10/27/welcome/" rel="alternate" type="text/html" title="블로그를 시작합니다" /><published>2026-10-27T00:00:00+09:00</published><updated>2026-10-27T00:00:00+09:00</updated><id>https://nexuvo.fyi/2026/10/27/welcome</id><content type="html" xml:base="https://nexuvo.fyi/2026/10/27/welcome/"><![CDATA[<p>LOWTONE 블로그에 오신 것을 환영합니다.</p>

<h2 id="글-쓰는-법">글 쓰는 법</h2>

<p><code class="language-plaintext highlighter-rouge">_posts/</code> 폴더에 <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-제목.md</code> 형식으로 파일을 만들고, 맨 위에 front matter 를 적습니다.</p>

<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nn">---</span>
<span class="na">title</span><span class="pi">:</span> <span class="s">글 제목</span>
<span class="na">categories</span><span class="pi">:</span> <span class="pi">[</span><span class="nv">dev</span><span class="pi">]</span>        <span class="c1"># _data/categories.yml 의 key</span>
<span class="na">description</span><span class="pi">:</span> <span class="s">목록에 보일 요약 (선택)</span>
<span class="nn">---</span>
</code></pre></div></div>

<p>카테고리 페이지는 자동으로 만들어집니다.</p>]]></content><author><name>LOWTONE</name></author><category term="daily" /><summary type="html"><![CDATA[LOWTONE 블로그 첫 글. 글 쓰는 방법을 정리했습니다.]]></summary></entry><entry><title type="html">Jekyll include 로 컴포넌트 만들기</title><link href="https://nexuvo.fyi/2026/10/26/jekyll-include-components/" rel="alternate" type="text/html" title="Jekyll include 로 컴포넌트 만들기" /><published>2026-10-26T00:00:00+09:00</published><updated>2026-10-26T00:00:00+09:00</updated><id>https://nexuvo.fyi/2026/10/26/jekyll-include-components</id><content type="html" xml:base="https://nexuvo.fyi/2026/10/26/jekyll-include-components/"><![CDATA[<p>반복되는 마크업은 <code class="language-plaintext highlighter-rouge">_includes/</code> 에 두고 파라미터를 넘겨 재사용합니다.</p>

<div class="language-liquid highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp">{%</span><span class="w"> </span><span class="nt">include</span><span class="w"> </span>post-card.html<span class="w"> </span><span class="na">post</span><span class="o">=</span><span class="nv">post</span><span class="w"> </span><span class="cp">%}</span>
</code></pre></div></div>

<p>한 곳만 고치면 홈, 카테고리 페이지 등 모든 곳에 반영됩니다.</p>]]></content><author><name>LOWTONE</name></author><category term="dev" /><summary type="html"><![CDATA[반복되는 마크업은 _includes/ 에 두고 파라미터를 넘겨 재사용합니다.]]></summary></entry><entry><title type="html">디자인 토큰으로 다크 모드 대응하기</title><link href="https://nexuvo.fyi/2026/10/25/design-tokens/" rel="alternate" type="text/html" title="디자인 토큰으로 다크 모드 대응하기" /><published>2026-10-25T00:00:00+09:00</published><updated>2026-10-25T00:00:00+09:00</updated><id>https://nexuvo.fyi/2026/10/25/design-tokens</id><content type="html" xml:base="https://nexuvo.fyi/2026/10/25/design-tokens/"><![CDATA[<p>색상을 CSS 변수로 정의해 두면, <code class="language-plaintext highlighter-rouge">prefers-color-scheme: dark</code> 에서 변수 값만 바꿔 다크 모드를 지원할 수 있습니다.</p>

<div class="language-scss highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nd">:root</span> <span class="p">{</span> <span class="na">--color-bg</span><span class="p">:</span> <span class="mh">#fff</span><span class="p">;</span> <span class="p">}</span>
<span class="k">@media</span> <span class="p">(</span><span class="n">prefers-color-scheme</span><span class="o">:</span> <span class="n">dark</span><span class="p">)</span> <span class="p">{</span>
  <span class="nd">:root</span> <span class="p">{</span> <span class="na">--color-bg</span><span class="p">:</span> <span class="mh">#0f1115</span><span class="p">;</span> <span class="p">}</span>
<span class="p">}</span>
</code></pre></div></div>]]></content><author><name>LOWTONE</name></author><category term="design" /><category term="dev" /><summary type="html"><![CDATA[색상을 CSS 변수로 정의해 두면, prefers-color-scheme: dark 에서 변수 값만 바꿔 다크 모드를 지원할 수 있습니다.]]></summary></entry></feed>