<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Bengi.dev</title>
    <link>https://dev-bengi.tistory.com/</link>
    <description>Blockchain, Embedded, and so on</description>
    <language>ko</language>
    <pubDate>Sun, 28 Jun 2026 10:35:58 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>Bengi</managingEditor>
    <image>
      <title>Bengi.dev</title>
      <url>https://tistory1.daumcdn.net/tistory/3442034/attach/d45184978de54735bf5bb82bc2966c32</url>
      <link>https://dev-bengi.tistory.com</link>
    </image>
    <item>
      <title>티스토리 개발 블로그 셋팅</title>
      <link>https://dev-bengi.tistory.com/3</link>
      <description>&lt;p&gt;일반적으로 개발 블로그라고 해봤자 별건 없지만, 개인적으로 자주 쓰거나 좋아하는 라이브러리들을 추가해 놓고 자랑을 하면 개발자 블로그 다운느낌이 살아난다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;일단, 신택스 하이라이팅 부분부터 보자. 일반적으로 티스토리에서 제공하는 신택스 하이라이팅은 메이저 언어를 잘 지원해주고, 마크다운 데이터와도 잘 어울려서 그렇게 바꾸고 싶은 느낌은 없어서 일단 신택스 하이라이팅은 이대로 간다. Bash shell script가 지원 안 되는 건 정말 아쉽지만, 이 부분은 뭐... 어쩔 수 없다고 본다. (아마도 나중에 다른 라이브러리를 쓰지 않을까 싶다. SyntaxHighlighter를 예전 블로그에서 사용했었는데, 여차하면 이걸로 넘어갈 수 있을 수 있다.)&lt;/p&gt;
&lt;pre class=&quot;python&quot; data-ke-language=&quot;python&quot;&gt;&lt;code&gt;import something-good
print(&quot;Hell o world!&quot;)
print(&quot;kill me plz&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;LaTeX을 가끔 쓸 일이 있기 때문에, &lt;a href=&quot;https://www.mathjax.org/&quot;&gt;MathJax&lt;/a&gt;를 설정한다. LaTeX 문법을 다 지원 안하는 걸로 알고 있지만, 그래도 문제는 없다. 일반적으로 행렬이나 간단한 대수학 관련된 부분 (ML이나 통계 다룰 때 써야할 듯) 위주로 적기 편하다.&lt;/p&gt;
&lt;p&gt;다음의 코드를 헤더에 추가하자&lt;/p&gt;
&lt;pre class=&quot;xml&quot;&gt;&lt;code&gt;&amp;lt;script src=&quot;https://polyfill.io/v3/polyfill.min.js?features=es6&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script id=&quot;MathJax-script&quot; async src=&quot;https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;a href=&quot;https://mermaidjs.github.io/&quot;&gt;Mermaid&lt;/a&gt;를 설정한다. Dot/GraphViz의 상위 호환버전이다. 일반적으로 시퀀스 다이어그램 쓸 대 좋다.&lt;/p&gt;
&lt;pre class=&quot;xml&quot;&gt;&lt;code&gt;&amp;lt;script src=&quot;https://unpkg.com/mermaid@7.1.0/dist/mermaid.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;script&amp;gt;mermaid.initialize({startOnLoad:true});&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div class=&quot;mermaid&quot;&gt;
sequenceDiagram
    participant Alice
    participant Bob
    Alice-&gt;&gt;John: Hello John, how are you?
    loop Healthcheck
        John-&gt;&gt;John: Fight against hypochondria
    end
    Note right of John: Rational thoughts &lt;br/&gt;prevail!
    John--&gt;&gt;Alice: Great!
    John-&gt;&gt;Bob: How about you?
    Bob--&gt;&gt;John: Jolly good!
&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;좀 복잡하긴 하지만 다음과 같은 시퀀스 다이어그램 같은 걸 넣을 수 있다. 의외로 네트워크 관련 설명하기 편해진다 이러면.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/timqian/chart.xkcd&quot;&gt;chart.xkcd&lt;/a&gt;의 경우 취향이긴 하지만, 일단 블로그 글 작성할 때 좋아서 추가한다.&lt;/p&gt;
&lt;pre class=&quot;xml&quot;&gt;&lt;code&gt;&amp;lt;script src=&quot;https://cdn.jsdelivr.net/npm/chart.xkcd@1/dist/chart.xkcd.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;svg class=&quot;line-chart&quot;&gt;&lt;/svg&gt;
&lt;p&gt; 
&lt;script&gt;
  const svg = document.querySelector('.line-chart')
  new chartXkcd.Line(svg, {
    title: 'Monthly income of an indie developer',
    xLabel: 'Month',
    yLabel: '$ Dollars',
    data: {
      labels:['1', '2', '3', '4', '5', '6','7', '8', '9', '10'],
      datasets: [{
        label: 'Plan',
        data: [30, 70, 200, 300, 500 ,800, 1500, 2900, 5000, 8000],
      }, {
        label: 'Reality',
        data: [0, 1, 30, 70, 80, 100, 50, 80, 40, 150],
      }]
    },
    options: {}
  });
&lt;/script&gt;
&lt;/p&gt;
&lt;p&gt;대부분의 설정은 끝났다. 이제 블로그 생활을 즐겨보자. :)&lt;/p&gt;</description>
      <category>개발 전반</category>
      <author>Bengi</author>
      <guid isPermaLink="true">https://dev-bengi.tistory.com/3</guid>
      <comments>https://dev-bengi.tistory.com/3#entry3comment</comments>
      <pubDate>Sat, 23 Nov 2019 22:06:06 +0900</pubDate>
    </item>
    <item>
      <title>왜 개발자 블로그로 티스토리를 쓰는가?</title>
      <link>https://dev-bengi.tistory.com/1</link>
      <description>&lt;p&gt;왜 지킬이나 헥소, 개츠비 같은 것을 쓰지 않는가에 대한 질문을 종종 들었습니다. 그럼에도 불구하고 티스토리를 쓰는 이유는 다음과 같습니다.&lt;/p&gt;
&lt;p&gt;1. 블로그 글 쓰기가 편하다. 임시 저장이 가능하며, 코드 삽입이나 각종 삽질에 있어서 위지윅 에디터의 서포트는 정말 중요하다.&lt;/p&gt;
&lt;p&gt;2. 블로그 글이 반 영구적으로 남을 수 있는 서비스가 별로 없으며, 도메인이 날라가도 버틸 수 있는 몇 안되는 서비스이다.&lt;/p&gt;
&lt;p&gt;3. 테터툴즈의 직속 후계이다.&lt;/p&gt;
&lt;p&gt;이 세 이유 덕분에 티스토리 블로그를 다시 선택하게 되었으며, 일단은 블록체인 개발 위주의 이야기 (는 아마도 회사 블로그에 글을 쓰겠죠.) 보다는 실제로 프로그래밍 하면서 겪었던 일들이나 각종 개발 관련 잡담을 하지 않을까 싶습니다.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;잘 부탁드립니다.&lt;/p&gt;</description>
      <category>개발 전반</category>
      <author>Bengi</author>
      <guid isPermaLink="true">https://dev-bengi.tistory.com/1</guid>
      <comments>https://dev-bengi.tistory.com/1#entry1comment</comments>
      <pubDate>Fri, 22 Nov 2019 13:53:36 +0900</pubDate>
    </item>
  </channel>
</rss>