<?xml version="1.0" encoding="utf-8" standalone="yes"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ko"><title>테크마법사</title><link rel="self" type="application/atom+xml" hreflang="ko" href="https://im.youronly.one/techmagus/ko/tag/%EC%84%A4%EA%B3%84/feed.xml"/><link rel="alternate" type="application/atom+xml" hreflang="en-ph" href="https://im.youronly.one/techmagus/tag/design/feed.xml"/><link rel="alternate" type="application/atom+xml" hreflang="ja" href="https://im.youronly.one/techmagus/ja/tag/%E8%A8%AD%E8%A8%88/feed.xml"/><link rel="alternate" type="application/atom+xml" hreflang="x-default" href="https://im.youronly.one/techmagus/tag/design/feed.xml"/><link rel="alternate" type="text/html" hreflang="ko" href="https://im.youronly.one/techmagus/ko/tag/%EC%84%A4%EA%B3%84/"/><link rel="alternate" type="application/rss+xml" hreflang="ko" href="https://im.youronly.one/techmagus/ko/tag/%EC%84%A4%EA%B3%84/index.xml"/><id>/techmagus/ko</id><updated>2025-04-02T22:30:08Z</updated><generator>Hugo 0.135.0</generator><entry><title>Blogroll이 돌아왔습니다</title><link rel="alternate" type="text/html" hreflang="ko" href="https://im.youronly.one/techmagus/ko/linklists-are-back-2021353/"/><id>https://im.youronly.one/techmagus/ko/linklists-are-back-2021353/</id><updated>2021-12-19T06:14:41Z</updated><summary type="html">&lt;p>월드 와이드 웹의 초기(90년대 중후반)에서 2010년 또는 2012년까지 링크 목록 또는 블로그 롤은 대중적일 뿐만 아니라 웹 디자인의 표준 부분이었습니다. 어느 좋은 아침에 그것은 사라지고 더 이상 관련이 없습니다. 하지만 정말 죽은 것일까?&lt;/p></summary><content type="html"><![CDATA[<img src="https://im.youronly.one/techmagus/images/l/linklist-01.png" /><p>월드 와이드 웹의 초기(90년대 중후반)에서 2010년 또는 2012년까지 링크 목록 또는 블로그 롤은 대중적일 뿐만 아니라 웹 디자인의 표준 부분이었습니다. 어느 좋은 아침에 그것은 사라지고 더 이상 관련이 없습니다. 하지만 정말 죽은 것일까?</p>
<figure class="quote_box qbs_generic qbc_blue-midnight">
<blockquote class="qbm_doublequotationmark" cite="https://memex.marginalia.nu/log/19-website-discoverability-crisis.gmi">
<p>A proposal, dear reader: Create a list of bookmarks linking to websites you find interesting, and publish it for the world to see. You decide what constitutes “interesting”.</p>
</blockquote><figcaption class="attribution_name txt_right">
<p><cite><a href="https://memex.marginalia.nu/log/19-website-discoverability-crisis.gmi" rel="dct:title noopener external nofollow" referrerpolicy="strict-origin-when-cross-origin">The Small Website Discoverability Crisis</a>, </cite><a href="https://memex.marginalia.nu" rel="dct:creator noopener external nofollow" referrerpolicy="strict-origin-when-cross-origin">Marginalia</a></p>
</figcaption></figure>
<h2 id="링크-목록-또는-블로그-롤이란-무엇입니까">링크 목록 또는 블로그 롤이란 무엇입니까?</h2>
<p><em>linklist</em> 또는 <em>blogroll</em>은 웹사이트 소유자 또는 블로거가 수집하여 사이트의 사이드바 또는 전용 페이지에 표시하는 추천 링크 모음입니다. 가족 및 친구의 블로그 링크 또는 흥미로운 웹 사이트에 대한 링크가 될 수 있습니다.</p>
<p>웹사이트 구축 및 블로깅의 초기에는 블로그 네트워크를 만들고 소셜화하는 것이 중요했습니다. 나중에 초점이 되었지만 검색 엔진 최적화(SEO) 때문이 아니라 방문자가 서로를 찾을 수 있도록 돕기 위한 것이었습니다. 어느 날 모든 사람들이 블로그롤을 만들고 있었는데 다음 날 모든 것이 사라졌습니다.</p>
<p>웹사이트는 더 이상 “사회적으로 연결"되지 않았습니다. 웹사이트 간의 모든 연결은 비즈니스 또는 마케팅으로 전환되었습니다. 다른 웹사이트로 연결되는 링크는 주로 기사에서 인용되었기 때문이지 독자가 발견할 가치가 있다고 판단했기 때문이 아닙니다.</p>
<p>그때였다. 오늘, 우리는 그것을 다시 가져옵니다!</p>
<h2 id="하지만-왜">하지만 왜?</h2>
<p>내 블로그를 <em>WordPress</em>에서 <em>Hugo</em>로 마이그레이션하기 시작한 이후로 linklist 또는 blogroll은 항상 내 ToDo 목록에 있었습니다. 인용할 기사를 찾는 대신 지속적으로 언급할 가치가 있는 추천 웹사이트와 블로거를 추천하는 방법입니다. 또한 단일 기사에 링크하는 것과 비교하여 웹 사이트 자체 및 작성자에 대한 권장 사항입니다.</p>
<p>하지만, 나는 계속 그것을 뒤로 밀었다. 추천하고 싶은 웹사이트와 블로거가 너무 많아서 목록을 선별하고 유지하는 작업을 생각하는 것만으로도 이미 피곤합니다. 지금까지 소규모로 이것을 하는 아주 좋은 방법과 이유를 찾았습니다.</p>
<figure class="quote_box qbs_generic qbc_green">
<blockquote class="qbm_doublequotationmark" cite="https://memex.marginalia.nu/log/19-website-discoverability-crisis.gmi">
<p>A proposal, dear reader: Create a list of bookmarks linking to websites you find interesting, and publish it for the world to see. You decide what constitutes “interesting”.</p>
<p>The model is as recursive as it is simple. There is nothing preventing a list of bookmarks from linking to another list of bookmarks.</p>
<p>…</p>
<p>Looking through a sample of personal websites, very few of them has links to other personal websites. A hyperlink isn’t a marriage proposal. It is enough to find some redeeming quality in a website to link to it. It costs nothing, and helps bring traffic to pages that you yourself think deserve it.</p>
<p>If we actually want these small websites to flourish as a healthy community, we need to promote each other much more than we do. It is advertisement, yes, but in earnest. I like it when other people link to my stuff. What sort of hypocrite would I then be if I only ever linked to my own websites?</p>
</blockquote><figcaption class="attribution_name txt_right">
<p><cite><a href="https://memex.marginalia.nu/log/19-website-discoverability-crisis.gmi" rel="dct:title noopener external nofollow" referrerpolicy="strict-origin-when-cross-origin">The Small Website Discoverability Crisis</a>, </cite><a href="https://memex.marginalia.nu" rel="dct:creator noopener external nofollow" referrerpolicy="strict-origin-when-cross-origin">Marginalia</a></p>
</figcaption></figure>
<p><span class="unicode_emoji">👉🏽</span> 그리고 여기 <a href="https://im.youronly.one/p/linklist/" title="YourOnly.One 블로그롤" rel="noopener external">YourOnly.One 블로그롤</a>이 있습니다! <span class="unicode_emoji">👈🏽</span></p>
<p>(만약 우리가 서로를 알고 있고 당신의 블로그가 목록에 없다면 당신이 이미 검색 순위에 있기 때문일 가능성이 큽니다. 나는 나중에 가족과 친구를 위한 별도의 목록을 만들 수 있고 당신이 나를 다시 추천해주기를 바랍니다.)</p>
<h2 id="자주하는-질문">자주하는 질문</h2>
<dl>
<dt>질문: 패널티가 있습니까?</dt>
<dd>
<p>아니요. 링크 목록이나 블로그 롤에 웹 사이트를 추가하면 웹 사이트를 보증하거나 다른 방식으로 추천하는 것입니다. <code>rel=nofollow</code>는 유료 링크, 댓글 및 포럼의 링크, 예, 타사 테마 바닥글 크레딧(해당 링크를 업데이트해야 함)과 같이 보증할 수 없는 링크에만 사용됩니다.</p>
</dd>
<dd>
<p><em>테크마법사</em>에 대한 링크를 추가하려면:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://im.youronly.one/techmagus/ko/"</span> <span class="na">rel</span><span class="o">=</span><span class="s">"noopener external"</span><span class="p">></span>테크마법사<span class="p"></</span><span class="nt">a</span><span class="p">></span>
</span></span></code></pre></td></tr></table>
</div>
</div></dd>
<dd>
<p>내 블로그 롤에 연결하려면:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre tabindex="0" class="chroma"><code><span class="lnt">1
</span></code></pre></td>
<td class="lntd">
<pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"https://im.youronly.one/p/linklist/"</span> <span class="na">rel</span><span class="o">=</span><span class="s">"noopener external"</span><span class="p">></span>YourOnly.One 블로그롤<span class="p"></</span><span class="nt">a</span><span class="p">></span>
</span></span></code></pre></td></tr></table>
</div>
</div></dd>
<dd>
<p>간단합니다!</p>
</dd>
<dt>질문: <code>rel=nofollow</code>가 무엇인지는 알지만 <code>noopener</code>와 <code>external</code>은 무엇입니까?</dt>
<dd>
<p><a href="https://developer.mozilla.org" title="Mozilla 개발자 네트워크" class="icon_external" rel="noopener external">Mozilla 개발자 네트워크</a>에서 답변해 드리겠습니다.</p>
</dd>
<dd>
<dl>
<dt><code>rel=noopener</code>:</dt>
<dd>
<p>해당 속성을 사용하여 링크를 클릭하면, 브라우저 컨텍스트 권한 없이 열립니다. 이 말은 곧, 새 창에서 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/opener" title="Window.opener" class="icon_external" rel="noopener external">Window.opener</a> 속성이 null 값을 반환하는것과 같습니다.</p>
</dd>
<dd>
<p>해당 속성은 특히나 신뢰할 수 없는 링크를 열 때 유용합니다. <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/opener" title="Window.opener" class="icon_external" rel="noopener external">Window.opener</a> 속성을 통한 컨트롤을 막아주고, (더욱 자세한 사항은 링크를 참조하세요. <a href="https://mathiasbynens.github.io/rel-noopener/" title="About rel=noopener" class="icon_external" rel="noopener external">About rel=noopener</a>) Referer HTTP 헤더를 사용합니다.</p>
</dd>
<dd>
<p>noopener 속성을 사용한다면, target 속성의 값으로 <em>_top</em>, <em>_self</em>, <em>_parent</em> 속성을 제외한 다른 속성은, 새 브라우저 창을 열 것인가에 대하여 <em>_blank</em> 속성으로써 적용됨을 주의하세요.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
</dd>
</dl>
</dd>
<dd>
<dl>
<dt><code>rel=external</code>:</dt>
<dd>
<p>하이퍼링크가 현재 사이트 바깥의 리소스를 가리킴을 나타냅니다. 즉, 이 링크를 따라가면 사이트를 떠나게 됩니다.<sup id="fnref1:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
</dd>
</dl>
</dd>
</dl>
<h2 id="당신의-공유">당신의 공유</h2>
<p>나만의 선별된 책갈피 목록이나 블로그롤을 만드셨습니까? 아래 댓글에 링크를 공유해 주시면 <a href="https://im.youronly.one/p/linklist/" title="YourOnly.One 블로그롤" rel="noopener external">YourOnly.One 블로그롤</a>에도 추가하겠습니다. 신뢰할 수 있는 링크를 공유하고 링크 목록을 서로 연결하는 것입니다.</p>
<p>샬롬!</p>
<hr>
<div role="cover-image-attributions">
    <div class="header_attribution">
      <footer class="attribution_caption"><p xmlns:dct="http://purl.org/dc/terms/" xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
            <small>・ 표지 이미지 : 법에 따라 가능한 한, <a href="https://im.youronly.one/" rel="dct:publisher noopener">I'M YourOnly.One</a> 있다 <a href="https://creativecommons.org/publicdomain/zero/1.0/" rel="license noopener external">모든 저작권 및 관련 또는 이웃 권리를 포기했습니다</a> 에 <cite>Linklist</cite>. 이 작품은 <span property="vcard:Country" datatype="dct:ISO3166" content="ph" about="https://en.wikipedia.org/wiki/Philippines"><a href="https://en.wikipedia.org/wiki/Philippines" rel="noopener external">Philippines</a></span>.</small></p></footer>
    </div></div>
<hr>
<p>고시 : Google 번역</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>MDN Web Docs: <a href="https://developer.mozilla.org/ko/docs/Web/HTML/Link_types" title="Link types" class="icon_external" rel="noopener external">Link types</a> <a href="#fnref:1" class="footnote-backref" role="doc-backlink">↩︎</a> <a href="#fnref1:1" class="footnote-backref" role="doc-backlink">↩︎</a></p>
</li>
</ol>
</div>]]></content><author><name>사요한</name><uri>https://im.youronly.one/yuki/</uri></author><category term="웹" label="웹" scheme="https://im.youronly.one/techmagus/ko/cat/%EC%9B%B9/"/><category term="설계" label="설계" scheme="https://im.youronly.one/techmagus/ko/tag/%EC%84%A4%EA%B3%84/"/><published>2021-12-19T06:14:41Z</published></entry></feed>