<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>불타는 코딩 </title>
    <link>https://geometery-programing.tistory.com/</link>
    <description>한국어로 된 설명서가 필요해서 만들어본 기술 블로그입니다.</description>
    <language>ko</language>
    <pubDate>Thu, 25 Jun 2026 09:31:13 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>불타는 코딩 </managingEditor>
    <image>
      <title>불타는 코딩 </title>
      <url>https://tistory1.daumcdn.net/tistory/2958488/attach/065260fffe7b4c0692d7fef364217acb</url>
      <link>https://geometery-programing.tistory.com</link>
    </image>
    <item>
      <title>자료의 표현 - 그래프</title>
      <link>https://geometery-programing.tistory.com/128</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;자료를 표현하는 다양한 방법은 데이터를 효과적으로 분석하는데 중요한 역할을 합니다. 따라서, 각 유형의 데이터와 특성에 맞는 시각화 방법을 사용하는 것이 중요합니다. R로 설명하며, 대표적인 그래프 패키지인 ggplot을 이용하여 글을 작성하겠습니다.&lt;/p&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;범주형 단변수 자료형&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;범주형 데이터는 명확한 범주를 가지는 변수입니다. 이를 시각화하는데 다음과 같습니다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;기본 막대차트(Bar plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/H7Ie0/btsJDZpu9TA/UihX7YeaW00keHpKAEbUh0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/H7Ie0/btsJDZpu9TA/UihX7YeaW00keHpKAEbUh0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/H7Ie0/btsJDZpu9TA/UihX7YeaW00keHpKAEbUh0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FH7Ie0%2FbtsJDZpu9TA%2FUihX7YeaW00keHpKAEbUh0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;359&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;기본 막대차트는 범주별로 값의 빈도를 시각적으로 보여주는 가장 기본적인 방법입니다.&lt;/p&gt;
&lt;pre class=&quot;erlang&quot;&gt;&lt;code&gt;data &amp;lt;- data.frame(category = factor(c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;, &quot;A&quot;, &quot;B&quot;, &quot;A&quot;, &quot;C&quot;, &quot;A&quot;, &quot;B&quot;, &quot;C&quot;)))

ggplot(data, aes(x = category)) + 
  geom_bar(fill = &quot;blue&quot;) + 
  ggtitle(&quot;기본 막대차트&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;그룹 막대 차트(Side By Side Bar plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bT366g/btsJDw9ek63/jB1KzxQ23keOf57v5QUP20/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bT366g/btsJDw9ek63/jB1KzxQ23keOf57v5QUP20/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bT366g/btsJDw9ek63/jB1KzxQ23keOf57v5QUP20/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbT366g%2FbtsJDw9ek63%2FjB1KzxQ23keOf57v5QUP20%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;그룹 막대차트는 두 개 이상의 범주를 비교할 때 사용됩니다. 막대가 나란히 배치되어 비교가 용이합니다.&lt;/p&gt;
&lt;pre class=&quot;nix&quot;&gt;&lt;code&gt;data2 &amp;lt;- data.frame(
  category1 = factor(sample(c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;), 100, replace = TRUE)),
  category2 = factor(sample(c(&quot;X&quot;, &quot;Y&quot;), 100, replace = TRUE))
)

ggplot(data2, aes(x = category1, fill = category2)) + 
  geom_bar(position = &quot;dodge&quot;) + 
  ggtitle(&quot;그룹 막대 차트&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Stacked Bar plot&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bNi3w4/btsJDNJzuUg/U7miGgNQKrwfbuokF39EK1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bNi3w4/btsJDNJzuUg/U7miGgNQKrwfbuokF39EK1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bNi3w4/btsJDNJzuUg/U7miGgNQKrwfbuokF39EK1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbNi3w4%2FbtsJDNJzuUg%2FU7miGgNQKrwfbuokF39EK1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Stacked Bar plot은 그룹별로 범주 데이터를 누적하여 비교하는 차트입니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data2, aes(x = category1, fill = category2)) + 
  geom_bar(position = &quot;stack&quot;) + 
  ggtitle(&quot;Stacked Bar Plot&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;파이차트(Pie Chart)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bprXZh/btsJEEFbS81/KqwCkZGJLcKF7S8qryVCY0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bprXZh/btsJEEFbS81/KqwCkZGJLcKF7S8qryVCY0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bprXZh/btsJEEFbS81/KqwCkZGJLcKF7S8qryVCY0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbprXZh%2FbtsJEEFbS81%2FKqwCkZGJLcKF7S8qryVCY0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Pie Chart는 전체 중에서 각 범주가 차지하는 비율을 원형으로 표현하는데 사용됩니다.&lt;/p&gt;
&lt;pre class=&quot;erlang&quot;&gt;&lt;code&gt;data_pie &amp;lt;- data %&amp;gt;%
  count(category) %&amp;gt;%
  mutate(percentage = n / sum(n))

ggplot(data_pie, aes(x = &quot;&quot;, y = percentage, fill = category)) + 
  geom_bar(stat = &quot;identity&quot;, width = 1) +
  coord_polar(&quot;y&quot;) +
  ggtitle(&quot;Pie Chart&quot;) +
  theme_void()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 style=&quot;color: #000000; text-align: start;&quot; data-ke-size=&quot;size23&quot;&gt;도넛차트(Donut Chart)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bnTPe0/btsJDujtgwe/YzmFXHQD8SEEcZ8UW2uto1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bnTPe0/btsJDujtgwe/YzmFXHQD8SEEcZ8UW2uto1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bnTPe0/btsJDujtgwe/YzmFXHQD8SEEcZ8UW2uto1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbnTPe0%2FbtsJDujtgwe%2FYzmFXHQD8SEEcZ8UW2uto1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726491073625&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)
library(ggplot2)

data &amp;lt;- data.frame(
    category = c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;, &quot;D&quot;),
    value = c(30, 20, 40, 10)
)

ggplot(data, aes(x = 2, y = value, fill = category)) +
    geom_bar(stat = &quot;identity&quot;, width = 1) +
    coord_polar(&quot;y&quot;, start = 0) +
    labs(title = &quot;Donut Chart&quot;) +
    xlim(0.5, 2.5) +  # 가운데 구멍 만들기
    theme_void()&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;연속형 단변수 자료형&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;연속형 데이터는 주로 수치적 변동을 나타내며, 히스토그램, 밀도 그래프 등으로 표현됩니다.&lt;br /&gt;연속형 데이터는 숫자로 된 값으로, 일반적으로 히스토그램이나 확률밀도함수 같은 방법으로 시각화됩니다.&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;히스토그램(Histogram)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/z4mvi/btsJE3q8mrO/eM7IJHhCPjCrYI57LR8Sfk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/z4mvi/btsJE3q8mrO/eM7IJHhCPjCrYI57LR8Sfk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/z4mvi/btsJE3q8mrO/eM7IJHhCPjCrYI57LR8Sfk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz4mvi%2FbtsJE3q8mrO%2FeM7IJHhCPjCrYI57LR8Sfk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre class=&quot;haskell&quot;&gt;&lt;code&gt;data &amp;lt;- data.frame(value = rnorm(100, mean = 50, sd = 10))

ggplot(data, aes(x = value)) + 
  geom_histogram(binwidth = 5, fill = &quot;skyblue&quot;, color = &quot;black&quot;) +
  ggtitle(&quot;히스토그램&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;확률밀도함수&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/coFt6E/btsJDv3zVUZ/QKgn3M1buzAg46OR58E8o0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/coFt6E/btsJDv3zVUZ/QKgn3M1buzAg46OR58E8o0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/coFt6E/btsJDv3zVUZ/QKgn3M1buzAg46OR58E8o0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcoFt6E%2FbtsJDv3zVUZ%2FQKgn3M1buzAg46OR58E8o0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;확률밀도함수는 연속형 데이터가 특정 값에 나타날 확률을 보여줍니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data, aes(x = value)) + 
  geom_density(fill = &quot;lightgreen&quot;) +
  ggtitle(&quot;확률밀도함수&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;확률밀도함수 Bar plot overay&lt;/h4&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;이 차트는 히스토그램과 밀도함수를 겹쳐서 연속형 데이터의 분포를 비교하는 방법입니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data, aes(x = value)) + 
  geom_histogram(aes(y = ..density..), binwidth = 5, fill = &quot;skyblue&quot;, color = &quot;black&quot;) +
  geom_density(fill = &quot;lightgreen&quot;, alpha = 0.3) +
  ggtitle(&quot;확률밀도함수 + Bar plot overlay&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Quantile-Quantile Plot(Q-Q Plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bjaKz6/btsJERYBtos/9HpSkO7uen8r2GJPkwiha0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bjaKz6/btsJERYBtos/9HpSkO7uen8r2GJPkwiha0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bjaKz6/btsJERYBtos/9HpSkO7uen8r2GJPkwiha0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbjaKz6%2FbtsJERYBtos%2F9HpSkO7uen8r2GJPkwiha0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Q-Q Plot은 데이터의 분포가 정규분포를 따르는지 비교할 때 유용한 도구입니다.&lt;/p&gt;
&lt;pre class=&quot;stylus&quot;&gt;&lt;code&gt;qqnorm(data$value)
qqline(data$value, col = &quot;red&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;연속형 단변수와 범주형 단변수의 표현&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;상자형 그림 Box Plot&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/sXlQa/btsJDe85yaO/x37MMvR5n66pkQ4xPsR9vK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/sXlQa/btsJDe85yaO/x37MMvR5n66pkQ4xPsR9vK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/sXlQa/btsJDe85yaO/x37MMvR5n66pkQ4xPsR9vK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsXlQa%2FbtsJDe85yaO%2Fx37MMvR5n66pkQ4xPsR9vK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;상자형 그림은 중앙값, 사분위수, 이상치를 시각적으로 나타냅니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data, aes(x = factor(sample(c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;), 100, replace = TRUE)), y = value)) + 
  geom_boxplot() + 
  ggtitle(&quot;상자형 그림&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;연속형 이변수 자료 표현하기&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;산점도&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oiQqQ/btsJDe85zbo/lPg0obkRPtxQ2gXuVxMtS0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oiQqQ/btsJDe85zbo/lPg0obkRPtxQ2gXuVxMtS0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oiQqQ/btsJDe85zbo/lPg0obkRPtxQ2gXuVxMtS0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoiQqQ%2FbtsJDe85zbo%2FlPg0obkRPtxQ2gXuVxMtS0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre class=&quot;haskell&quot;&gt;&lt;code&gt;data$value2 &amp;lt;- rnorm(100, mean = 30, sd = 5)

ggplot(data, aes(x = value, y = value2)) + 
  geom_point(color = &quot;blue&quot;) + 
  ggtitle(&quot;산점도&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;다변수 자료표현&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;모자이크 그림&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b3hxJg/btsJDoXUpLw/UkklkPkomoxu52MncbPXE1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b3hxJg/btsJDoXUpLw/UkklkPkomoxu52MncbPXE1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b3hxJg/btsJDoXUpLw/UkklkPkomoxu52MncbPXE1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb3hxJg%2FbtsJDoXUpLw%2FUkklkPkomoxu52MncbPXE1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;모자이크 그림은 범주형 데이터를 시각적으로 비교하는 방법으로, 각 범주 간의 교차 빈도를 나타냅니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data2) +
  geom_mosaic(aes(x = product(category1, category2), fill = category1)) +
  ggtitle(&quot;모자이크 그림&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;다중 산점도&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dthGFs/btsJEjnJ5DG/jmZC6kXVuvnAHwQ0dEqPMK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dthGFs/btsJEjnJ5DG/jmZC6kXVuvnAHwQ0dEqPMK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dthGFs/btsJEjnJ5DG/jmZC6kXVuvnAHwQ0dEqPMK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdthGFs%2FbtsJEjnJ5DG%2FjmZC6kXVuvnAHwQ0dEqPMK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;776&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;다중 산점도는 여러 변수 간의 상관관계를 비교합니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;pairs(data[, c(&quot;value&quot;, &quot;value2&quot;)], main = &quot;다중 산점도&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;나무지도 그림(Treemap)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/QseeJ/btsJEFjLU8F/y4Y2il2xhXdSYcdlmlBKfK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/QseeJ/btsJEFjLU8F/y4Y2il2xhXdSYcdlmlBKfK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/QseeJ/btsJEFjLU8F/y4Y2il2xhXdSYcdlmlBKfK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FQseeJ%2FbtsJEFjLU8F%2Fy4Y2il2xhXdSYcdlmlBKfK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;나무지도 그림은 계층적 데이터를 사각형 크기로 비교합니다.&lt;/p&gt;
&lt;pre class=&quot;nix&quot;&gt;&lt;code&gt;data_treemap &amp;lt;- data.frame(
  category = factor(sample(c(&quot;Group 1&quot;, &quot;Group 2&quot;, &quot;Group 3&quot;), 100, replace = TRUE)),
  subcategory = factor(sample(c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;, &quot;D&quot;), 100, replace = TRUE)),
  value = runif(100, min = 10, max = 100)
)

treemap(data_treemap,
        index = c(&quot;category&quot;, &quot;subcategory&quot;),
        vSize = &quot;value&quot;,
        title = &quot;나무지도 그림&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;풍선그림(Bubble plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bqoOn9/btsJEm5LPsy/knQXOQRBHiqvNPQZz5sDOk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bqoOn9/btsJEm5LPsy/knQXOQRBHiqvNPQZz5sDOk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bqoOn9/btsJEm5LPsy/knQXOQRBHiqvNPQZz5sDOk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqoOn9%2FbtsJEm5LPsy%2FknQXOQRBHiqvNPQZz5sDOk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;풍선그림은 산점도와 유사하나 점의 크기를 추가 변수로 표현합니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;ggplot(data, aes(x = value, y = value2, size = value2, color = factor(sample(c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;), 100, replace = TRUE)))) + 
  geom_point(alpha = 0.6) +
  ggtitle(&quot;풍선그림&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;두 변수 간의 상관관계 표현하기&lt;/h2&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;상관도&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bvcfw4/btsJFajkMYS/mAQyfrOHKBExaS5OxfzJpk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bvcfw4/btsJFajkMYS/mAQyfrOHKBExaS5OxfzJpk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bvcfw4/btsJFajkMYS/mAQyfrOHKBExaS5OxfzJpk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbvcfw4%2FbtsJFajkMYS%2FmAQyfrOHKBExaS5OxfzJpk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;상관도는 두 변수간의 상관관계를 시각적으로 표현합니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;corr_matrix &amp;lt;- cor(data[, c(&quot;value&quot;, &quot;value2&quot;)])
corrplot(corr_matrix, method = &quot;circle&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;상관도 네트워크 그림&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bdwqrM/btsJDuX1lP5/oE1J8HgggM2BKVqRkExSdK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bdwqrM/btsJDuX1lP5/oE1J8HgggM2BKVqRkExSdK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bdwqrM/btsJDuX1lP5/oE1J8HgggM2BKVqRkExSdK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbdwqrM%2FbtsJDuX1lP5%2FoE1J8HgggM2BKVqRkExSdK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vFXV9/btsJDdvwanT/E2WKERprYTI4yF8Whp5SZk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vFXV9/btsJDdvwanT/E2WKERprYTI4yF8Whp5SZk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vFXV9/btsJDdvwanT/E2WKERprYTI4yF8Whp5SZk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvFXV9%2FbtsJDdvwanT%2FE2WKERprYTI4yF8Whp5SZk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;상관도 네트워크 그림은 변수가 서로 어떻게 상관관계가 있는지 네트워크 형태로 시각화합니다.&lt;/p&gt;
&lt;pre class=&quot;oxygene&quot;&gt;&lt;code&gt;corrplot(corr_matrix, method = &quot;ellipse&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;변수 군집 그림(Variable Clustering Plot)&lt;/h3&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;군집 그림은 변수 간의 상관관계를 기반으로 변수를 군집화하여 표현합니다.&lt;/p&gt;
&lt;pre class=&quot;oxygene&quot;&gt;&lt;code&gt;corrplot(corr_matrix, method = &quot;square&quot;, order = &quot;hclust&quot;, addrect = 2)&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;레이더 차트&lt;/h2&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lMFWi/btsJD5DcOHw/2JtUWuyLG3F4x2Rsj8BD2k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lMFWi/btsJD5DcOHw/2JtUWuyLG3F4x2Rsj8BD2k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lMFWi/btsJD5DcOHw/2JtUWuyLG3F4x2Rsj8BD2k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlMFWi%2FbtsJD5DcOHw%2F2JtUWuyLG3F4x2Rsj8BD2k%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;레디어 차트는 여러 변수를 한 번에 비교할 수 있는 시각화 방법입니다.&lt;/p&gt;
&lt;pre class=&quot;lsl&quot;&gt;&lt;code&gt;install.packages(&quot;fmsb&quot;)
library(fmsb)

data_radar &amp;lt;- data.frame(
  group = c(&quot;A&quot;, &quot;B&quot;, &quot;C&quot;),
  Speed = c(4, 5, 3),
  Strength = c(5, 3, 4),
  Agility = c(3, 4, 5),
  Stamina = c(5, 2, 4),
  Technique = c(4, 5, 3),
  Endurance = c(3, 4, 5)
)

radar_data &amp;lt;- rbind(rep(5, 6), rep(0, 6), data_radar[, -1])

radarchart(radar_data, 
           axistype = 1,                # 축의 형태 지정
           pcol = c(&quot;red&quot;, &quot;blue&quot;, &quot;green&quot;),  # 그룹별 선 색상 지정
           pfcol = c(rgb(1,0,0,0.3), rgb(0,0,1,0.3), rgb(0,1,0,0.3)), # 그룹별 내부 색상 및 투명도
           plwd = 2,                     # 선 두께 설정
           cglcol = &quot;grey&quot;,              # 방사형 축 선 색상
           cglty = 1,                    # 방사형 축 선 스타일 (실선)
           cglwd = 0.8,                  # 방사형 축 선 두께
           axislabcol = &quot;black&quot;,         # 축 레이블 색상
           vlcex = 0.8,                  # 변수 이름 레이블 크기
           title = &quot;육각형 레이더 차트&quot;)  # 차트 제목&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;고밀도 자료 표현하기&lt;/h2&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;부드러운 산점도(Smooth Scatter Plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cmruHW/btsJDZiJ8Nm/XuHzkehiptVvAt4Su5eA7K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cmruHW/btsJDZiJ8Nm/XuHzkehiptVvAt4Su5eA7K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cmruHW/btsJDZiJ8Nm/XuHzkehiptVvAt4Su5eA7K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcmruHW%2FbtsJDZiJ8Nm%2FXuHzkehiptVvAt4Su5eA7K%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;776&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726486973642&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;smoothScatter(data$x, data$y, main = &quot;Smooth Scatter Plot&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;투명도를 사용한 산점도 (Scatter Plot with Transparency)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/rv1ag/btsJDqBuQkg/PmckrhT2POieCGufbpvNkK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/rv1ag/btsJDqBuQkg/PmckrhT2POieCGufbpvNkK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/rv1ag/btsJDqBuQkg/PmckrhT2POieCGufbpvNkK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Frv1ag%2FbtsJDqBuQkg%2FPmckrhT2POieCGufbpvNkK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726486886926&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;ggplot(data, aes(x = x, y = y)) +
  geom_point(alpha = 0.2) +
  ggtitle(&quot;투명도 적용한 산점도&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;Facet Grid를 사용한 산점도&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfgLJP/btsJFbWSqyt/BxMnMAKvSr3cFHDjbKvbh1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfgLJP/btsJFbWSqyt/BxMnMAKvSr3cFHDjbKvbh1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfgLJP/btsJFbWSqyt/BxMnMAKvSr3cFHDjbKvbh1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfgLJP%2FbtsJFbWSqyt%2FBxMnMAKvSr3cFHDjbKvbh1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726486845712&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)
library(ggplot2)

data &amp;lt;- data.frame(
    x = rnorm(1000),
    y = rnorm(1000),
    category = sample(letters[1:4], 1000, replace = TRUE)  # 범주 생성
)

ggplot(data, aes(x = x, y = y)) +
    geom_point(alpha = 0.2, color = &quot;blue&quot;, size = 1) +
    facet_wrap(~ category) +                               # 범주별로 나누기
    labs(title = &quot;Facet Grid를 사용한 산점도&quot;, x = &quot;X축&quot;, y = &quot;Y축&quot;) +
    theme_minimal(base_size = 15)&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;바이올린 그림(Violin Plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cBcEsv/btsJEToz9FN/d727Nw6p9uWAuYgRSkHHPk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cBcEsv/btsJEToz9FN/d727Nw6p9uWAuYgRSkHHPk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cBcEsv/btsJEToz9FN/d727Nw6p9uWAuYgRSkHHPk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcBcEsv%2FbtsJEToz9FN%2Fd727Nw6p9uWAuYgRSkHHPk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726486382153&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)
library(ggplot2)

data &amp;lt;- iris

ggplot(data, aes(x = Species, y = Sepal.Length)) +
  geom_violin(fill = &quot;lightblue&quot;, alpha = 0.7) +    # 바이올린 플롯
  labs(title = &quot;바이올린 플롯&quot;, x = &quot;Species&quot;, y = &quot;Sepal Length (mm)&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;등고선 그래프 (Contour Plot)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/be3JKS/btsJDZJRyhJ/AqrjMhdAUO7fJIYnv9y8a0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/be3JKS/btsJDZJRyhJ/AqrjMhdAUO7fJIYnv9y8a0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/be3JKS/btsJDZJRyhJ/AqrjMhdAUO7fJIYnv9y8a0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbe3JKS%2FbtsJDZJRyhJ%2FAqrjMhdAUO7fJIYnv9y8a0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726485590914&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;ggplot(data, aes(x = x, y = y)) + 
  geom_density_2d() + 
  ggtitle(&quot;등고선 그래프&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;밀도 히트맵 (Density Heatmap)&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dsVU6g/btsJETCagKy/6RJCnL94TkWApnUqzOrHjk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dsVU6g/btsJETCagKy/6RJCnL94TkWApnUqzOrHjk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dsVU6g/btsJETCagKy/6RJCnL94TkWApnUqzOrHjk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdsVU6g%2FbtsJETCagKy%2F6RJCnL94TkWApnUqzOrHjk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;밀도 히트맵은 산점도의 데이터를 x와 y 축으로 구분해 그 밀도를 색상으로 표현하는 방법입니다. Hexbin Plot과 비슷하지만 사각형 구역을 사용하여 밀도를 나타냅니다.&lt;/p&gt;
&lt;pre id=&quot;code_1726484263169&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)
library(ggplot2)

set.seed(123)
data &amp;lt;- data.frame(
    x = rnorm(10000),
    y = rnorm(10000)
)

ggplot(data, aes(x = x, y = y)) +
    stat_density_2d(aes(fill = ..density..), geom = &quot;raster&quot;, contour = FALSE) +
    scale_fill_viridis_c() +
    ggtitle(&quot;2D 밀도 히트맵&quot;) +
    theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;히트맵&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cStG9K/btsJDNv42PQ/yBvCH0Stz2VzbaNYD8EFak/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cStG9K/btsJDNv42PQ/yBvCH0Stz2VzbaNYD8EFak/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cStG9K/btsJDNv42PQ/yBvCH0Stz2VzbaNYD8EFak/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcStG9K%2FbtsJDNv42PQ%2FyBvCH0Stz2VzbaNYD8EFak%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;히트맵은 행과 열로 이루어진 데이터를 색상으로 표현하는 방법입니다. 각 셀은 데이터의 값을 색상으로 표현하며, 값이 클수록 더 진한 색으로 나타납니다. 고밀도 데이터를 표현할 때 데이터 포인트 간의 패턴을 빠르게 파악할 수 있습니다.&lt;/p&gt;
&lt;pre class=&quot;lisp&quot;&gt;&lt;code&gt;data_matrix &amp;lt;- matrix(rnorm(10000), nrow = 100)

heatmap(data_matrix, scale = &quot;column&quot;, col = heat.colors(256))&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;2D 밀도 그림(2D Density Plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oXk8Z/btsJDw9fiSd/GhCovZuQtQRoxYuvSi1xbK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oXk8Z/btsJDw9fiSd/GhCovZuQtQRoxYuvSi1xbK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oXk8Z/btsJDw9fiSd/GhCovZuQtQRoxYuvSi1xbK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoXk8Z%2FbtsJDw9fiSd%2FGhCovZuQtQRoxYuvSi1xbK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;2D 밀도 플롯은 산점도에서 데이터가 밀집된 부분을 부드럽게 표현하기 위한 방법입니다. 이 플롯은 밀도가 높은 부분을 더 진한 색상이나 등고선으로 나타냅니다. 고밀도 구역을 시각적으로 구분하기 쉽고, 데이터가 넓게 퍼져 있을 때 유용합니다.&lt;/p&gt;
&lt;pre class=&quot;erlang&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)

library(ggplot2)

set.seed(123)
data &amp;lt;- data.frame(
    x = rnorm(10000),
    y = rnorm(10000)
)

ggplot(data, aes(x = x, y = y)) + 
    geom_density_2d() + 
    stat_density_2d(aes(fill = ..level..), geom = &quot;polygon&quot;) + 
    scale_fill_viridis_c() + 
    ggtitle(&quot;2D 밀도 플롯&quot;) +
    theme_minimal()
&lt;/code&gt;&lt;/pre&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;육각형 그림(Hexbin Plot)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/XIvbf/btsJDwg6LFX/78HoVWmX7aG9Etw28fGdSK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/XIvbf/btsJDwg6LFX/78HoVWmX7aG9Etw28fGdSK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/XIvbf/btsJDwg6LFX/78HoVWmX7aG9Etw28fGdSK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FXIvbf%2FbtsJDwg6LFX%2F78HoVWmX7aG9Etw28fGdSK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;Hexbin Plot은 고밀도 데이터를 시각화하는데 유용하며, 많은 데이터 포인트가 있을때 데이터의 분포를 효과적으로 표현할 수 있습니다.&lt;/p&gt;
&lt;pre class=&quot;nix&quot;&gt;&lt;code&gt;install.packages(&quot;hexbin&quot;)
install.packages(&quot;ggplot2&quot;)

library(ggplot2)
library(hexbin)

set.seed(123)  # 난수 고정
data &amp;lt;- data.frame(
  x = rnorm(10000),  # x축 데이터: 정규분포를 따르는 10,000개의 난수
  y = rnorm(10000)   # y축 데이터: 정규분포를 따르는 10,000개의 난수
)

ggplot(data, aes(x = x, y = y)) +
  stat_binhex(bins = 30) +                          # hexbin 설정, bin의 개수 지정
  scale_fill_gradientn(colors = heat.colors(10)) +  # 색상 팔레트 설정
  ggtitle(&quot;Hexbin Plot: 데이터의 밀도 시각화&quot;) +     # 제목 설정
  theme_minimal()                                   # 미니멀 테마&lt;/code&gt;&lt;/pre&gt;
&lt;h2 data-ke-size=&quot;size26&quot;&gt;연속형 데이터표현하기&amp;nbsp;&lt;/h2&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;라인 차트(Line Chart)&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bCIb9f/btsJFsYwc2q/b1zoYPzKKzKpaIikJ2ntM1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bCIb9f/btsJFsYwc2q/b1zoYPzKKzKpaIikJ2ntM1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bCIb9f/btsJFsYwc2q/b1zoYPzKKzKpaIikJ2ntM1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbCIb9f%2FbtsJFsYwc2q%2Fb1zoYPzKKzKpaIikJ2ntM1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;776&quot; height=&quot;749&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;시계열 데이터 시각화가 빠져있습니다. 만약 시계열 데이터가 포함된다면, geom_line()을 사용하는 라인 그래프도 유용합니다.&lt;/p&gt;
&lt;pre class=&quot;pgsql&quot;&gt;&lt;code&gt;time_data &amp;lt;- data.frame(
  time = seq.Date(as.Date(&quot;2023-01-01&quot;), by = &quot;month&quot;, length.out = 12),
  value = cumsum(rnorm(12))
)

ggplot(time_data, aes(x = time, y = value)) + 
  geom_line(color = &quot;blue&quot;) + 
  ggtitle(&quot;시계열 데이터 라인 차트&quot;) +
  theme_minimal()&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;데이터의 흐름&lt;/h3&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;생키 다이어그램(Sankey Diagram)&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;774&quot; data-origin-height=&quot;747&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/H3jBO/btsJD801gUk/j0L6QCoh5n7cZzmkfM11T1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/H3jBO/btsJD801gUk/j0L6QCoh5n7cZzmkfM11T1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/H3jBO/btsJD801gUk/j0L6QCoh5n7cZzmkfM11T1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FH3jBO%2FbtsJD801gUk%2Fj0L6QCoh5n7cZzmkfM11T1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;774&quot; data-origin-height=&quot;747&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726487589142&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;networkD3&quot;)
library(networkD3)

nodes &amp;lt;- data.frame(
    name = c(&quot;Oil&quot;, &quot;Natural Gas&quot;, &quot;Coal&quot;, &quot;Fossil Fuels&quot;, &quot;Electricity&quot;, &quot;Energy&quot;)
)

links &amp;lt;- data.frame(
    source = c(0, 1, 2, 0, 1, 2),  # 각 노드의 인덱스 (nodes 데이터프레임 순서로 매칭)
    target = c(3, 3, 3, 4, 4, 5),  # 도착 노드
    value = c(10, 20, 30, 25, 35, 40)  # 흐름의 크기 (두 노드 사이의 연결 강도)
)

sankeyNetwork(Links = links, Nodes = nodes,
              Source = &quot;source&quot;, Target = &quot;target&quot;, 
              Value = &quot;value&quot;, NodeID = &quot;name&quot;,
              fontSize = 12, nodeWidth = 30)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;프로세스 흐름도(Flowchart)&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;774&quot; data-origin-height=&quot;747&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b90zOP/btsJFsEfQ2N/5dkU6Ru5GUCcjsQRzvCBYk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b90zOP/btsJFsEfQ2N/5dkU6Ru5GUCcjsQRzvCBYk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b90zOP/btsJFsEfQ2N/5dkU6Ru5GUCcjsQRzvCBYk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb90zOP%2FbtsJFsEfQ2N%2F5dkU6Ru5GUCcjsQRzvCBYk%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;774&quot; data-origin-height=&quot;747&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726487989178&quot; class=&quot;r&quot; data-ke-language=&quot;r&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;install.packages(&quot;DiagrammeR&quot;)
library(DiagrammeR)

grViz(&quot;
    digraph flowchart {
      A -&amp;gt; B -&amp;gt; C;
      B -&amp;gt; D;
      C -&amp;gt; E;
      E -&amp;gt; F;
}&quot;)&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;h4 data-ke-size=&quot;size20&quot;&gt;타임라인차트&lt;/h4&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dsec0h/btsJEDM5tTF/JwS6CG1UwVTkcZHjnlwzE1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dsec0h/btsJEDM5tTF/JwS6CG1UwVTkcZHjnlwzE1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dsec0h/btsJEDM5tTF/JwS6CG1UwVTkcZHjnlwzE1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdsec0h%2FbtsJEDM5tTF%2FJwS6CG1UwVTkcZHjnlwzE1%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;360&quot; height=&quot;347&quot; data-origin-width=&quot;776&quot; data-origin-height=&quot;749&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;pre id=&quot;code_1726488654263&quot; style=&quot;background-color: #f8f8f8; color: #383a42; text-align: start;&quot; data-ke-type=&quot;codeblock&quot; data-ke-language=&quot;r&quot;&gt;&lt;code&gt;install.packages(&quot;ggplot2&quot;)
library(ggplot2)

events &amp;lt;- data.frame(
  event = c(&quot;Start&quot;, &quot;Phase 1&quot;, &quot;Phase 2&quot;, &quot;Phase 3&quot;, &quot;Completion&quot;),
  start = as.Date(c(&quot;2020-01-01&quot;, &quot;2020-02-01&quot;, &quot;2020-06-01&quot;, &quot;2020-12-01&quot;, &quot;2021-03-01&quot;)),
  end = as.Date(c(&quot;2020-01-15&quot;, &quot;2020-05-31&quot;, &quot;2020-11-30&quot;, &quot;2021-02-28&quot;, &quot;2021-06-30&quot;)),
  progress = c(100, 80, 60, 40, 0)  # 진행 상황을 백분율로 표현
)

ggplot(events, aes(x = start, xend = end, y = event, yend = event)) +
  geom_segment(size = 8, aes(color = as.factor(progress))) +  # 기간 표시 (막대형), 진행상황별 색상
  geom_point(aes(x = end, y = event, color = as.factor(progress)), size = 5) +  # 각 이벤트 끝에 점 추가
  geom_text(aes(x = end, label = paste(progress, &quot;%&quot;)), hjust = -0.5, size = 4) +  # 진행 상황 표시
  geom_vline(xintercept = as.numeric(Sys.Date()), linetype = &quot;dashed&quot;, color = &quot;red&quot;) +  # 현재 날짜 표시
  labs(title = &quot;Enhanced Project Timeline&quot;, x = &quot;Date&quot;, y = &quot;Project Phases&quot;) +
  theme_minimal() +
  scale_color_brewer(palette = &quot;Blues&quot;) +  # 색상 팔레트 설정
  theme(legend.position = &quot;none&quot;)  # 범례 제거&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>R</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/128</guid>
      <comments>https://geometery-programing.tistory.com/128#entry128comment</comments>
      <pubDate>Mon, 16 Sep 2024 18:23:00 +0900</pubDate>
    </item>
    <item>
      <title>Rlang에 대해서 알아보자</title>
      <link>https://geometery-programing.tistory.com/127</link>
      <description>&lt;h2&gt;R은 어떤 곳에 쓰이는가?&lt;/h2&gt;
&lt;p&gt;R은 통계 컴퓨팅과 통계 그래프를 그릴 수 있는 프로그래밍언어입니다. &lt;/p&gt;
&lt;p&gt;R을 웹서버로 쓰이는 건 &lt;/p&gt;
&lt;p&gt;변수 선언&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-R&quot;&gt;a = 5;
b = 10;
a+b
[1] 15&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;함수 선언&lt;/p&gt;
&lt;p&gt;R의 활용&lt;/p&gt;
&lt;p&gt;벡터의 연산&lt;br&gt;데이터통계에 쓰이는 패키지&lt;/p&gt;</description>
      <category>R</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/127</guid>
      <comments>https://geometery-programing.tistory.com/127#entry127comment</comments>
      <pubDate>Fri, 13 Sep 2024 17:36:53 +0900</pubDate>
    </item>
    <item>
      <title>2020 한글날 무료폰트 배포 총정리!!!</title>
      <link>https://geometery-programing.tistory.com/61</link>
      <description>&lt;h3 data-ke-size=&quot;size23&quot;&gt;1. &lt;b&gt;빙그레&lt;/b&gt; 싸만코체 무료배포 (상업적 이용가능)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/4M5pf/btqKsocOeTj/OuLizlPKWsmhEnNUObqlp1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/4M5pf/btqKsocOeTj/OuLizlPKWsmhEnNUObqlp1/img.png&quot; data-alt=&quot;빙그레 싸만코체 소개1&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/4M5pf/btqKsocOeTj/OuLizlPKWsmhEnNUObqlp1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4M5pf%2FbtqKsocOeTj%2FOuLizlPKWsmhEnNUObqlp1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;빙그레 싸만코체 소개1&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;942&quot; data-origin-height=&quot;514&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ogZlL/btqKte1ZPyh/SeNCxKS6ztMp95HAsfMu2k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ogZlL/btqKte1ZPyh/SeNCxKS6ztMp95HAsfMu2k/img.png&quot; data-alt=&quot;싸만코체 구성&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ogZlL/btqKte1ZPyh/SeNCxKS6ztMp95HAsfMu2k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FogZlL%2FbtqKte1ZPyh%2FSeNCxKS6ztMp95HAsfMu2k%2Fimg.png&quot; data-origin-width=&quot;942&quot; data-origin-height=&quot;514&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;싸만코체 구성&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cmGmuQ/btqKy6gFUsg/z3zlFUuWCzVdKzNHkR2bUK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cmGmuQ/btqKy6gFUsg/z3zlFUuWCzVdKzNHkR2bUK/img.png&quot; data-alt=&quot;Bold, Regular 및 딩벳(특수문자) 지원&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cmGmuQ/btqKy6gFUsg/z3zlFUuWCzVdKzNHkR2bUK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcmGmuQ%2FbtqKy6gFUsg%2Fz3zlFUuWCzVdKzNHkR2bUK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;Bold, Regular 및 딩벳(특수문자) 지원&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vB1ve/btqKy6uc2cE/mPPhlejFigAvofDhYUjIZk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vB1ve/btqKy6uc2cE/mPPhlejFigAvofDhYUjIZk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vB1ve/btqKy6uc2cE/mPPhlejFigAvofDhYUjIZk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvB1ve%2FbtqKy6uc2cE%2FmPPhlejFigAvofDhYUjIZk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bXiVQo/btqKwrlNXvR/7TAWbFttynxkvZLuokAzO1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bXiVQo/btqKwrlNXvR/7TAWbFttynxkvZLuokAzO1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bXiVQo/btqKwrlNXvR/7TAWbFttynxkvZLuokAzO1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbXiVQo%2FbtqKwrlNXvR%2F7TAWbFttynxkvZLuokAzO1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;http://www.bingfont.co.kr/bingfont.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;www.bingfont.co.kr/bingfont.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602178465440&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;빙그레 서체&quot; data-og-description=&quot;2020 갑붕싸? 빙그레 싸만코체 출시!&quot; data-og-host=&quot;www.bingfont.co.kr&quot; data-og-source-url=&quot;http://www.bingfont.co.kr/bingfont.html&quot; data-og-url=&quot;http://www.bingfont.co.kr&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bAB7pq/hyHNBCxEuG/b55l5yCluaIdPyn5S48950/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630&quot;&gt;&lt;a href=&quot;http://www.bingfont.co.kr/bingfont.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://www.bingfont.co.kr/bingfont.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bAB7pq/hyHNBCxEuG/b55l5yCluaIdPyn5S48950/img.png?width=1200&amp;amp;height=630&amp;amp;face=0_0_1200_630');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;빙그레 서체&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;2020 갑붕싸? 빙그레 싸만코체 출시!&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;www.bingfont.co.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;2. &lt;b&gt;이사만루&lt;/b&gt; 이사만루체 (상업적 이용가능)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;887&quot; height=&quot;NaN&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/q8CnG/btqKv63f3oU/1krY5r46cMWIHPtHnRl7qk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/q8CnG/btqKv63f3oU/1krY5r46cMWIHPtHnRl7qk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/q8CnG/btqKv63f3oU/1krY5r46cMWIHPtHnRl7qk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fq8CnG%2FbtqKv63f3oU%2F1krY5r46cMWIHPtHnRl7qk%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; width=&quot;887&quot; height=&quot;NaN&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;구성 및 저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/qMtSE/btqKxk0NdpZ/BxgT19HKZQX9qTz9X0Yxv1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/qMtSE/btqKxk0NdpZ/BxgT19HKZQX9qTz9X0Yxv1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/qMtSE/btqKxk0NdpZ/BxgT19HKZQX9qTz9X0Yxv1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FqMtSE%2FbtqKxk0NdpZ%2FBxgT19HKZQX9qTz9X0Yxv1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.gonggames.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;www.gonggames.com/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602178469363&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;Gonggames&quot; data-og-description=&quot;03 편의 시설 제공 직원들간의 건강과 편의를 위해 회사 내에 있는 휴게실(게임기, 안마의자 설치), 수면실, 휘트니스 센터 등을 무료로 이용가능합니다.&quot; data-og-host=&quot;www.gonggames.com&quot; data-og-source-url=&quot;https://www.gonggames.com/&quot; data-og-url=&quot;https://www.gonggames.com/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/cqpZvU/hyHNpvGorm/TFkmt1QT0G33i0O6RgzKO1/img.jpg?width=640&amp;amp;height=1138&amp;amp;face=0_0_640_1138,https://scrap.kakaocdn.net/dn/bGvrZH/hyHMatn57l/bmGyJTNBcF94gFNIZWcbpk/img.jpg?width=640&amp;amp;height=1138&amp;amp;face=0_0_640_1138,https://scrap.kakaocdn.net/dn/dKLyxq/hyHMkisdBN/8NzKQmZmmZrFr6xBQYMOt0/img.png?width=400&amp;amp;height=580&amp;amp;face=0_0_400_580&quot;&gt;&lt;a href=&quot;https://www.gonggames.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://www.gonggames.com/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/cqpZvU/hyHNpvGorm/TFkmt1QT0G33i0O6RgzKO1/img.jpg?width=640&amp;amp;height=1138&amp;amp;face=0_0_640_1138,https://scrap.kakaocdn.net/dn/bGvrZH/hyHMatn57l/bmGyJTNBcF94gFNIZWcbpk/img.jpg?width=640&amp;amp;height=1138&amp;amp;face=0_0_640_1138,https://scrap.kakaocdn.net/dn/dKLyxq/hyHMkisdBN/8NzKQmZmmZrFr6xBQYMOt0/img.png?width=400&amp;amp;height=580&amp;amp;face=0_0_400_580');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;Gonggames&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;03 편의 시설 제공 직원들간의 건강과 편의를 위해 회사 내에 있는 휴게실(게임기, 안마의자 설치), 수면실, 휘트니스 센터 등을 무료로 이용가능합니다.&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;www.gonggames.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;3. &lt;b&gt;한국토지신탁&lt;/b&gt; 코아루체 (상업적 이용불가)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/TSO8P/btqKvPAF67d/3m7ftQaR6RKpZd5kKndYY0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/TSO8P/btqKvPAF67d/3m7ftQaR6RKpZd5kKndYY0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/TSO8P/btqKvPAF67d/3m7ftQaR6RKpZd5kKndYY0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FTSO8P%2FbtqKvPAF67d%2F3m7ftQaR6RKpZd5kKndYY0%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;span style=&quot;color: #333333;&quot;&gt;`코아루체`는 3가지 굵기(Light, Medium, Bold)의 총 3567자(한글 2479자&amp;middot;영문 100자&amp;middot;기호 988자)로 구성됐으며, 단순하면서도 멋스러운 한옥 지붕의 형상을 본떠 개발됐다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span style=&quot;color: #333333;&quot;&gt;Windows, Mac용 파일 모두 개인&amp;middot;학교&amp;middot;공익목적의 단체에서 비상업적인 용도로 자유롭게 사용할 수 있다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;https://www.koreit.co.kr/Error/PageNotFound?aspxerrorpath=/ADM/Error/Error&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;http://&lt;/a&gt;&lt;a href=&quot;https://www.koreit.co.kr/Error/PageNotFound?aspxerrorpath=/ADM/Error/Error&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;www.koreit.co.kr/Error/PageNotFound?aspxerrorpath=/ADM/Error/Error&lt;/a&gt;&lt;/p&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;4. &lt;b&gt;국민대 김민 교수 박재갑 명예교수&lt;/b&gt; 재민체 (상업적 이용가능)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/JuD1B/btqKv8fLcDv/MKVrL9dSLCgSbhGQKw0SpK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/JuD1B/btqKv8fLcDv/MKVrL9dSLCgSbhGQKw0SpK/img.jpg&quot; data-alt=&quot;등록문화재 제449호 대한의원 개원칙서&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/JuD1B/btqKv8fLcDv/MKVrL9dSLCgSbhGQKw0SpK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FJuD1B%2FbtqKv8fLcDv%2FMKVrL9dSLCgSbhGQKw0SpK%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;등록문화재 제449호 대한의원 개원칙서&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ORkYL/btqKwQZ2eoL/ZykwIVLWjQkKzDG8LsQ1w0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ORkYL/btqKwQZ2eoL/ZykwIVLWjQkKzDG8LsQ1w0/img.jpg&quot; data-alt=&quot;&amp;amp;amp;lsquo;대한의원 개원칙서&amp;amp;amp;rsquo;에 등장하는 33자의 한글 글꼴을 바탕으로 개발된 &amp;amp;amp;lsquo;재민체&amp;amp;amp;rsquo;를 박재갑 서울대 명예교수가 붓글씨로 옮겨쓴 &amp;amp;amp;lsquo;대한의원 개원칙서&amp;amp;amp;rsquo;&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ORkYL/btqKwQZ2eoL/ZykwIVLWjQkKzDG8LsQ1w0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FORkYL%2FbtqKwQZ2eoL%2FZykwIVLWjQkKzDG8LsQ1w0%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;&amp;lsquo;대한의원 개원칙서&amp;rsquo;에 등장하는 33자의 한글 글꼴을 바탕으로 개발된 &amp;lsquo;재민체&amp;rsquo;를 박재갑 서울대 명예교수가 붓글씨로 옮겨쓴 &amp;lsquo;대한의원 개원칙서&amp;rsquo;&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;span&gt;한국저작권위원회 홈페이지 공유마당에서&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;오픈 소스 형식으로 배포됨에 따라 특별한 허가 없어도 개인, 기업이 상업적 이용가능하다.&lt;/span&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602182829885&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;article&quot; data-og-title=&quot;한글재민체&quot; data-og-description=&quot;한글재민체&quot; data-og-host=&quot;gongu.copyright.or.kr&quot; data-og-source-url=&quot;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&quot; data-og-url=&quot;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/cKhOoz/hyHMjcM2zv/8LOTurUqY8XQVP323itVV1/img.jpg?width=260&amp;amp;height=190&amp;amp;face=0_0_260_190&quot;&gt;&lt;a href=&quot;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://gongu.copyright.or.kr/gongu/wrt/wrt/view.do?wrtSn=13262491&amp;amp;menuNo=200023&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/cKhOoz/hyHMjcM2zv/8LOTurUqY8XQVP323itVV1/img.jpg?width=260&amp;amp;height=190&amp;amp;face=0_0_260_190');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;한글재민체&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;한글재민체&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;gongu.copyright.or.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;5. &lt;b&gt;코트라&lt;/b&gt; 코트라볼드체, 코트라고딕체, 코트라 손글씨체&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bgvmEp/btqKsoDOkaT/SEsP1auO2F7Mlax7n9rvKK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bgvmEp/btqKsoDOkaT/SEsP1auO2F7Mlax7n9rvKK/img.jpg&quot; data-alt=&quot;코트라 볼드체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bgvmEp/btqKsoDOkaT/SEsP1auO2F7Mlax7n9rvKK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbgvmEp%2FbtqKsoDOkaT%2FSEsP1auO2F7Mlax7n9rvKK%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;코트라 볼드체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b5lvZ4/btqKte11eqs/lbDoqSxa7qwJcYD2elhHt0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b5lvZ4/btqKte11eqs/lbDoqSxa7qwJcYD2elhHt0/img.jpg&quot; data-alt=&quot;코트라 고딕체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b5lvZ4/btqKte11eqs/lbDoqSxa7qwJcYD2elhHt0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb5lvZ4%2FbtqKte11eqs%2FlbDoqSxa7qwJcYD2elhHt0%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;코트라 고딕체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/mmk8m/btqKuFZqinC/TzVNRGzLD6t4IEC0aqPI51/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/mmk8m/btqKuFZqinC/TzVNRGzLD6t4IEC0aqPI51/img.jpg&quot; data-alt=&quot;코트라 손글씨체&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mmk8m/btqKuFZqinC/TzVNRGzLD6t4IEC0aqPI51/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fmmk8m%2FbtqKuFZqinC%2FTzVNRGzLD6t4IEC0aqPI51%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;코트라 손글씨체&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;개인, 중소, 중견기업에 한하여 상업적 이용가능&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;br /&gt;&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;a href=&quot;http://www.kotra.or.kr/kh/about/KHKIPI071M.html?MENU_CD=G0143&amp;amp;TOP_MENU_CD=G0100&amp;amp;LEFT_MENU_CD=G0143&amp;amp;PARENT_MENU_CD=&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;www.kotra.or.kr/kh/about/KHKIPI071M.html?MENU_CD=G0143&amp;amp;TOP_MENU_CD=G0100&amp;amp;LEFT_MENU_CD=G0143&amp;amp;PARENT_MENU_CD=&lt;/a&gt;&lt;/p&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;6. &lt;b&gt;비트로 &lt;/b&gt;비트로 코어체, 비트로 프라이드체 (유사업종 외 상업적 이용가능)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/ZuMgO/btqKxmEi2Jk/SIKOAvNjPiTWuvZI8p7t91/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/ZuMgO/btqKxmEi2Jk/SIKOAvNjPiTWuvZI8p7t91/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/ZuMgO/btqKxmEi2Jk/SIKOAvNjPiTWuvZI8p7t91/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FZuMgO%2FbtqKxmEi2Jk%2FSIKOAvNjPiTWuvZI8p7t91%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/68pBD/btqKuE7hEmK/lWU7XSMuIGWwD51tChN92K/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/68pBD/btqKuE7hEmK/lWU7XSMuIGWwD51tChN92K/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/68pBD/btqKuE7hEmK/lWU7XSMuIGWwD51tChN92K/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F68pBD%2FbtqKuE7hEmK%2FlWU7XSMuIGWwD51tChN92K%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bLpO5q/btqKy6AZDvc/foGCikqtE5mzeZtSdsmt41/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bLpO5q/btqKy6AZDvc/foGCikqtE5mzeZtSdsmt41/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bLpO5q/btqKy6AZDvc/foGCikqtE5mzeZtSdsmt41/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbLpO5q%2FbtqKy6AZDvc%2FfoGCikqtE5mzeZtSdsmt41%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/xJDkq/btqKtensb0O/1jcqhQPYyqOnCuH6IPyfE1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/xJDkq/btqKtensb0O/1jcqhQPYyqOnCuH6IPyfE1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/xJDkq/btqKtensb0O/1jcqhQPYyqOnCuH6IPyfE1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxJDkq%2FbtqKtensb0O%2F1jcqhQPYyqOnCuH6IPyfE1%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/wxhrR/btqKxRc09IX/tAtR4J5yCmEdIslKXWpWn1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/wxhrR/btqKxRc09IX/tAtR4J5yCmEdIslKXWpWn1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/wxhrR/btqKxRc09IX/tAtR4J5yCmEdIslKXWpWn1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FwxhrR%2FbtqKxRc09IX%2FtAtR4J5yCmEdIslKXWpWn1%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/mAASz/btqKuFE5BNV/FgWlXBPE61QqK7cxNFakR0/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/mAASz/btqKuFE5BNV/FgWlXBPE61QqK7cxNFakR0/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/mAASz/btqKuFE5BNV/FgWlXBPE61QqK7cxNFakR0/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmAASz%2FbtqKuFE5BNV%2FFgWlXBPE61QqK7cxNFakR0%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/KPdf8/btqKv6PKsAF/q78Erh4kgCWPMntxHuC9p1/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/KPdf8/btqKv6PKsAF/q78Erh4kgCWPMntxHuC9p1/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/KPdf8/btqKv6PKsAF/q78Erh4kgCWPMntxHuC9p1/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FKPdf8%2FbtqKv6PKsAF%2Fq78Erh4kgCWPMntxHuC9p1%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bx5FUb/btqKtd9ZxjV/zZmyCfNHj8Xl4oo6gCXdzK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bx5FUb/btqKtd9ZxjV/zZmyCfNHj8Xl4oo6gCXdzK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bx5FUb/btqKtd9ZxjV/zZmyCfNHj8Xl4oo6gCXdzK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbx5FUb%2FbtqKtd9ZxjV%2FzZmyCfNHj8Xl4oo6gCXdzK%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bTEsRv/btqKy6nsulu/0Y4l5h1rCXkNvTHX6htkkk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bTEsRv/btqKy6nsulu/0Y4l5h1rCXkNvTHX6htkkk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bTEsRv/btqKy6nsulu/0Y4l5h1rCXkNvTHX6htkkk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTEsRv%2FbtqKy6nsulu%2F0Y4l5h1rCXkNvTHX6htkkk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/tJr1t/btqKv7nAuZl/yXAUKokYIHWX7fKZDk7JpK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/tJr1t/btqKv7nAuZl/yXAUKokYIHWX7fKZDk7JpK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/tJr1t/btqKv7nAuZl/yXAUKokYIHWX7fKZDk7JpK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtJr1t%2FbtqKv7nAuZl%2FyXAUKokYIHWX7fKZDk7JpK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://vitro.co.kr/vitro/font.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://vitro.co.kr/vitro/font.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602181951699&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;비트로 공식 온라인몰&quot; data-og-description=&quot;&quot; data-og-host=&quot;vitro.co.kr&quot; data-og-source-url=&quot;http://vitro.co.kr/vitro/font.html&quot; data-og-url=&quot;http://vitro.co.kr/vitro/font.html&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/uBLxG/hyHMjX90m4/TQ84vbhV4yqJRs9pvKDxAK/img.jpg?width=1260&amp;amp;height=840&amp;amp;face=0_0_1260_840,https://scrap.kakaocdn.net/dn/kZFxG/hyHNEl4924/kfzhkeRRnKXzBbhX7GGIz0/img.jpg?width=1260&amp;amp;height=700&amp;amp;face=0_0_1260_700,https://scrap.kakaocdn.net/dn/UHdFy/hyHMdcBzYK/J6nfJbpfkZkfKQKp4jktVK/img.jpg?width=1260&amp;amp;height=700&amp;amp;face=0_0_1260_700&quot;&gt;&lt;a href=&quot;http://vitro.co.kr/vitro/font.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://vitro.co.kr/vitro/font.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/uBLxG/hyHMjX90m4/TQ84vbhV4yqJRs9pvKDxAK/img.jpg?width=1260&amp;amp;height=840&amp;amp;face=0_0_1260_840,https://scrap.kakaocdn.net/dn/kZFxG/hyHNEl4924/kfzhkeRRnKXzBbhX7GGIz0/img.jpg?width=1260&amp;amp;height=700&amp;amp;face=0_0_1260_700,https://scrap.kakaocdn.net/dn/UHdFy/hyHMdcBzYK/J6nfJbpfkZkfKQKp4jktVK/img.jpg?width=1260&amp;amp;height=700&amp;amp;face=0_0_1260_700');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;비트로 공식 온라인몰&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;vitro.co.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;7. &lt;b&gt;한글과컴퓨터&lt;/b&gt; 훈민정음 세로쓰기체, 말랑말랑체, 산스체&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/GEt83/btqKxlFoXbp/27kvKOPGT9cdXAKkv0Z031/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/GEt83/btqKxlFoXbp/27kvKOPGT9cdXAKkv0Z031/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/GEt83/btqKxlFoXbp/27kvKOPGT9cdXAKkv0Z031/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FGEt83%2FbtqKxlFoXbp%2F27kvKOPGT9cdXAKkv0Z031%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bVA3O8/btqKv6Cb7mu/GkfWZ0XUgHcAYIhNRBKst0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bVA3O8/btqKv6Cb7mu/GkfWZ0XUgHcAYIhNRBKst0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bVA3O8/btqKv6Cb7mu/GkfWZ0XUgHcAYIhNRBKst0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbVA3O8%2FbtqKv6Cb7mu%2FGkfWZ0XUgHcAYIhNRBKst0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bUjo1r/btqKwRkfYD9/H4AmAvuLpDG5NBGBOCNHF0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bUjo1r/btqKwRkfYD9/H4AmAvuLpDG5NBGBOCNHF0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bUjo1r/btqKwRkfYD9/H4AmAvuLpDG5NBGBOCNHF0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbUjo1r%2FbtqKwRkfYD9%2FH4AmAvuLpDG5NBGBOCNHF0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/lYymO/btqKxm5nMNM/B8R78tzuHtR0stvWvI6fQK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/lYymO/btqKxm5nMNM/B8R78tzuHtR0stvWvI6fQK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/lYymO/btqKxm5nMNM/B8R78tzuHtR0stvWvI6fQK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FlYymO%2FbtqKxm5nMNM%2FB8R78tzuHtR0stvWvI6fQK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/zumdG/btqKy6AZBBC/YMA8ql0zGrxQYdb1JllFy0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/zumdG/btqKy6AZBBC/YMA8ql0zGrxQYdb1JllFy0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/zumdG/btqKy6AZBBC/YMA8ql0zGrxQYdb1JllFy0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzumdG%2FbtqKy6AZBBC%2FYMA8ql0zGrxQYdb1JllFy0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://font.hancom.com/sub2_1.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://font.hancom.com/sub2_1.html&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602180808748&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;한글과컴퓨터&quot; data-og-description=&quot;자랑스러운 문화유산 한글의 창제원리를 재해석, 기존에 없던 새로운 서체를 창조하다.&quot; data-og-host=&quot;font.hancom.com&quot; data-og-source-url=&quot;https://font.hancom.com/sub2_1.html&quot; data-og-url=&quot;https://font.hancom.com/sub2_1.html&quot; data-og-image=&quot;&quot;&gt;&lt;a href=&quot;https://font.hancom.com/sub2_1.html&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://font.hancom.com/sub2_1.html&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url();&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;한글과컴퓨터&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;자랑스러운 문화유산 한글의 창제원리를 재해석, 기존에 없던 새로운 서체를 창조하다.&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;font.hancom.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;8. &lt;b&gt;영양군 &lt;/b&gt;음식디미방체&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/b4ot0g/btqKxPGf8DK/BCSM0fn5m3KBelepaJZtrk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/b4ot0g/btqKxPGf8DK/BCSM0fn5m3KBelepaJZtrk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/b4ot0g/btqKxPGf8DK/BCSM0fn5m3KBelepaJZtrk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fb4ot0g%2FbtqKxPGf8DK%2FBCSM0fn5m3KBelepaJZtrk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/E6niH/btqKy6AZyEz/Y2piyIO0bWZtuHf9BX3AV0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/E6niH/btqKy6AZyEz/Y2piyIO0bWZtuHf9BX3AV0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/E6niH/btqKy6AZyEz/Y2piyIO0bWZtuHf9BX3AV0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE6niH%2FbtqKy6AZyEz%2FY2piyIO0bWZtuHf9BX3AV0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;br /&gt;&lt;/b&gt;&lt;a href=&quot;http://www.yyg.go.kr/www/introduce/yyg_symbol/font&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.yyg.go.kr/www/introduce/yyg_symbol/font&lt;/a&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602180552637&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;article&quot; data-og-title=&quot;지역여건&quot; data-og-description=&quot;&quot; data-og-host=&quot;www.yyg.go.kr&quot; data-og-source-url=&quot;http://www.yyg.go.kr/www/introduce/yyg_symbol/font&quot; data-og-url=&quot;http://www.yyg.go.kr/www&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/R41ll/hyHNBCDgYy/cFXdI5xw9x2U2F4V1n77fK/img.png?width=1200&amp;amp;height=627&amp;amp;face=0_0_1200_627,https://scrap.kakaocdn.net/dn/e1iqW/hyHNyeP3IU/vqKN0pGiBKzTFugxgMSplK/img.jpg?width=420&amp;amp;height=312&amp;amp;face=0_0_420_312,https://scrap.kakaocdn.net/dn/fykmx/hyHMdpSybZ/IL2rsmQkgxIuCeT4L7WFt1/img.jpg?width=420&amp;amp;height=312&amp;amp;face=0_0_420_312&quot;&gt;&lt;a href=&quot;http://www.yyg.go.kr/www/introduce/yyg_symbol/font&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://www.yyg.go.kr/www/introduce/yyg_symbol/font&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/R41ll/hyHNBCDgYy/cFXdI5xw9x2U2F4V1n77fK/img.png?width=1200&amp;amp;height=627&amp;amp;face=0_0_1200_627,https://scrap.kakaocdn.net/dn/e1iqW/hyHNyeP3IU/vqKN0pGiBKzTFugxgMSplK/img.jpg?width=420&amp;amp;height=312&amp;amp;face=0_0_420_312,https://scrap.kakaocdn.net/dn/fykmx/hyHMdpSybZ/IL2rsmQkgxIuCeT4L7WFt1/img.jpg?width=420&amp;amp;height=312&amp;amp;face=0_0_420_312');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;지역여건&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;www.yyg.go.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;9. &lt;b&gt;세븐일레븐&lt;/b&gt; 김좌진장군 독립서체 (상업적 이용불가)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bJq2Ng/btqKwqHcjlG/85CBnr3QbwdjHnfA9rCFA0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bJq2Ng/btqKwqHcjlG/85CBnr3QbwdjHnfA9rCFA0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bJq2Ng/btqKwqHcjlG/85CBnr3QbwdjHnfA9rCFA0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbJq2Ng%2FbtqKwqHcjlG%2F85CBnr3QbwdjHnfA9rCFA0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/MIcXo/btqKwQTdMlQ/Hcsqyrtiaqv1HLLw9LGpak/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/MIcXo/btqKwQTdMlQ/Hcsqyrtiaqv1HLLw9LGpak/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/MIcXo/btqKwQTdMlQ/Hcsqyrtiaqv1HLLw9LGpak/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMIcXo%2FbtqKwQTdMlQ%2FHcsqyrtiaqv1HLLw9LGpak%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/oeUah/btqKxQrDe5K/rrz9OgQrnJ3OUXsD6xWR1k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/oeUah/btqKxQrDe5K/rrz9OgQrnJ3OUXsD6xWR1k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/oeUah/btqKxQrDe5K/rrz9OgQrnJ3OUXsD6xWR1k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FoeUah%2FbtqKxQrDe5K%2Frrz9OgQrnJ3OUXsD6xWR1k%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602180285000&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;김좌진장군체 | 회사소개 | ABOUT 7-ELEVEN | 7-ELEVEN | 세븐일레븐&quot; data-og-description=&quot;김좌진장군체 디자인 컨셉 및 특징 김좌진장군의 붓글씨에서 모티브를 얻어, 이를 한글의 구조에 맞게 정돈 후 활자화 하여 개발, 반흘림체의 디자인을 가미했으며, 강하게 내리 그은 세로획은 &quot; data-og-host=&quot;www.7-eleven.co.kr&quot; data-og-source-url=&quot;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&quot; data-og-url=&quot;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/saPu3/hyHNBpmQpc/jfvOZkgcohBZeoBk30Ksak/img.png?width=960&amp;amp;height=1024&amp;amp;face=0_0_960_1024,https://scrap.kakaocdn.net/dn/b1z9xD/hyHMeo1TLT/h06XX6aM3nW7jGnpnD6KIK/img.png?width=960&amp;amp;height=570&amp;amp;face=76_172_176_281,https://scrap.kakaocdn.net/dn/lWKHW/hyHNBbPApv/RMu7IujZkz0WiASKAlrP90/img.png?width=960&amp;amp;height=545&amp;amp;face=0_0_960_545&quot;&gt;&lt;a href=&quot;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://www.7-eleven.co.kr/about/introduce/sevenfont.asp&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/saPu3/hyHNBpmQpc/jfvOZkgcohBZeoBk30Ksak/img.png?width=960&amp;amp;height=1024&amp;amp;face=0_0_960_1024,https://scrap.kakaocdn.net/dn/b1z9xD/hyHMeo1TLT/h06XX6aM3nW7jGnpnD6KIK/img.png?width=960&amp;amp;height=570&amp;amp;face=76_172_176_281,https://scrap.kakaocdn.net/dn/lWKHW/hyHNBbPApv/RMu7IujZkz0WiASKAlrP90/img.png?width=960&amp;amp;height=545&amp;amp;face=0_0_960_545');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;김좌진장군체 | 회사소개 | ABOUT 7-ELEVEN | 7-ELEVEN | 세븐일레븐&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;김좌진장군체 디자인 컨셉 및 특징 김좌진장군의 붓글씨에서 모티브를 얻어, 이를 한글의 구조에 맞게 정돈 후 활자화 하여 개발, 반흘림체의 디자인을 가미했으며, 강하게 내리 그은 세로획은&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;www.7-eleven.co.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;10. &lt;b&gt;위메프&lt;/b&gt; 위메프체&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/UAsA2/btqKv7OCgD4/iThTafeTKckzXKlykCT5Rk/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/UAsA2/btqKv7OCgD4/iThTafeTKckzXKlykCT5Rk/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/UAsA2/btqKv7OCgD4/iThTafeTKckzXKlykCT5Rk/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FUAsA2%2FbtqKv7OCgD4%2FiThTafeTKckzXKlykCT5Rk%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/czIVD4/btqKuFLR4vW/vTGIlKZawGtdhkk6BMhUIK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/czIVD4/btqKuFLR4vW/vTGIlKZawGtdhkk6BMhUIK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/czIVD4/btqKuFLR4vW/vTGIlKZawGtdhkk6BMhUIK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FczIVD4%2FbtqKuFLR4vW%2FvTGIlKZawGtdhkk6BMhUIK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bHfJMO/btqKy6nrZv9/V39PU9pFNnrKbGXMaRYw01/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bHfJMO/btqKy6nrZv9/V39PU9pFNnrKbGXMaRYw01/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bHfJMO/btqKy6nrZv9/V39PU9pFNnrKbGXMaRYw01/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbHfJMO%2FbtqKy6nrZv9%2FV39PU9pFNnrKbGXMaRYw01%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/zRFtE/btqKwre19U8/x5RxwFB48EPFJAEs6b2aLK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/zRFtE/btqKwre19U8/x5RxwFB48EPFJAEs6b2aLK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/zRFtE/btqKwre19U8/x5RxwFB48EPFJAEs6b2aLK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FzRFtE%2FbtqKwre19U8%2Fx5RxwFB48EPFJAEs6b2aLK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bpZO1W/btqKsnkBSCo/1YKMmk84OBt0vnsaI2Da1k/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bpZO1W/btqKsnkBSCo/1YKMmk84OBt0vnsaI2Da1k/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bpZO1W/btqKsnkBSCo/1YKMmk84OBt0vnsaI2Da1k/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbpZO1W%2FbtqKsnkBSCo%2F1YKMmk84OBt0vnsaI2Da1k%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bfOQ8M/btqKtdPAXDv/FuhVsKl1GUe3iaZ2g5llCK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bfOQ8M/btqKtdPAXDv/FuhVsKl1GUe3iaZ2g5llCK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bfOQ8M/btqKtdPAXDv/FuhVsKl1GUe3iaZ2g5llCK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfOQ8M%2FbtqKtdPAXDv%2FFuhVsKl1GUe3iaZ2g5llCK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bSeJKZ/btqKwq8hKtd/K5ABTf98FmYWjs1HyPDkFk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bSeJKZ/btqKwq8hKtd/K5ABTf98FmYWjs1HyPDkFk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bSeJKZ/btqKwq8hKtd/K5ABTf98FmYWjs1HyPDkFk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbSeJKZ%2FbtqKwq8hKtd%2FK5ABTf98FmYWjs1HyPDkFk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://company.wemakeprice.com/wmp/brand&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;http://company.wemakeprice.com/wmp/brand&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602178457494&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;위메프 기업소개&quot; data-og-description=&quot;위메프체는 위메프 CI의 형태적 특징을 기반으로 제작되었습니다. 굴림과 꺾임의 조화를 통해 정직하면서도유연한 인상을 줍니다. 위메프체는 무료로 사용할 수 있습니다. 라이선스 및 사용 가�&quot; data-og-host=&quot;company.wemakeprice.com&quot; data-og-source-url=&quot;http://company.wemakeprice.com/wmp/brand&quot; data-og-url=&quot;http://company.wemakeprice.com/wmp/brand&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/biwxYa/hyHNqBn9mo/tgKaGnqvkq4o1vwquAK8wk/img.png?width=892&amp;amp;height=560&amp;amp;face=0_0_892_560,https://scrap.kakaocdn.net/dn/b3tzOm/hyHNCu3eFu/2J6ag1AcMVva5gg6uPqKq1/img.png?width=679&amp;amp;height=206&amp;amp;face=0_0_679_206&quot;&gt;&lt;a href=&quot;http://company.wemakeprice.com/wmp/brand&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://company.wemakeprice.com/wmp/brand&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/biwxYa/hyHNqBn9mo/tgKaGnqvkq4o1vwquAK8wk/img.png?width=892&amp;amp;height=560&amp;amp;face=0_0_892_560,https://scrap.kakaocdn.net/dn/b3tzOm/hyHNCu3eFu/2J6ag1AcMVva5gg6uPqKq1/img.png?width=679&amp;amp;height=206&amp;amp;face=0_0_679_206');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;위메프 기업소개&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;위메프체는 위메프 CI의 형태적 특징을 기반으로 제작되었습니다. 굴림과 꺾임의 조화를 통해 정직하면서도유연한 인상을 줍니다. 위메프체는 무료로 사용할 수 있습니다. 라이선스 및 사용 가�&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;company.wemakeprice.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;hr style=&quot;margin: 20px auto 0px; border: none; cursor: pointer !important; z-index: 1; font-size: 0px; line-height: 0; background: url('../image/divider-line.svg') center -208px / 200px 420px repeat-x; height: 2px; padding: 21px 0px;&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;11. &lt;b&gt;삼립호빵&lt;/b&gt; 삼립호빵체 (상업적 이용가능)&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/w5P8r/btqKv7nzFBF/Tif9rqlyAmI9nZK3PkiODK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/w5P8r/btqKv7nzFBF/Tif9rqlyAmI9nZK3PkiODK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/w5P8r/btqKv7nzFBF/Tif9rqlyAmI9nZK3PkiODK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fw5P8r%2FbtqKv7nzFBF%2FTif9rqlyAmI9nZK3PkiODK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bpTstO/btqKy7Ucjlr/EeTufCehS3S8K7tqXgiTqk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bpTstO/btqKy7Ucjlr/EeTufCehS3S8K7tqXgiTqk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bpTstO/btqKy7Ucjlr/EeTufCehS3S8K7tqXgiTqk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbpTstO%2FbtqKy7Ucjlr%2FEeTufCehS3S8K7tqXgiTqk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bt59JL/btqKy7s7Sqz/kxyCVEdsgK6SXaLFdHXE8K/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bt59JL/btqKy7s7Sqz/kxyCVEdsgK6SXaLFdHXE8K/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bt59JL/btqKy7s7Sqz/kxyCVEdsgK6SXaLFdHXE8K/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbt59JL%2FbtqKy7s7Sqz%2FkxyCVEdsgK6SXaLFdHXE8K%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/vZkAb/btqKxlk5YTF/x4Zz1LVwAL44bm5oGtcc90/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/vZkAb/btqKxlk5YTF/x4Zz1LVwAL44bm5oGtcc90/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/vZkAb/btqKxlk5YTF/x4Zz1LVwAL44bm5oGtcc90/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FvZkAb%2FbtqKxlk5YTF%2Fx4Zz1LVwAL44bm5oGtcc90%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dv11ya/btqKv6PJTki/a0IFG1s9PSP5JAoXUbDUD1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dv11ya/btqKv6PJTki/a0IFG1s9PSP5JAoXUbDUD1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dv11ya/btqKv6PJTki/a0IFG1s9PSP5JAoXUbDUD1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fdv11ya%2FbtqKv6PJTki%2Fa0IFG1s9PSP5JAoXUbDUD1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/1BOhy/btqKv8mtRGy/ImZIlT4KUZAZGHLPjxKKl0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/1BOhy/btqKv8mtRGy/ImZIlT4KUZAZGHLPjxKKl0/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/1BOhy/btqKv8mtRGy/ImZIlT4KUZAZGHLPjxKKl0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F1BOhy%2FbtqKv8mtRGy%2FImZIlT4KUZAZGHLPjxKKl0%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/2FDNd/btqKsnLHmKX/ek1O9AbmkeGznwZyphLptK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/2FDNd/btqKsnLHmKX/ek1O9AbmkeGznwZyphLptK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/2FDNd/btqKsnLHmKX/ek1O9AbmkeGznwZyphLptK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2FDNd%2FbtqKsnLHmKX%2Fek1O9AbmkeGznwZyphLptK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;br /&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;http://spcsamlip.co.kr/sandoll-samlip-hopang/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;spcsamlip.co.kr/sandoll-samlip-hopang/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602178448296&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;article&quot; data-og-title=&quot;Sandoll 삼립호빵체 - SPC삼립&quot; data-og-description=&quot;장체 구조의 젊고 캐주얼한 느낌을 가지면서 &amp;lsquo;호호~ 호빵&amp;rsquo;이 떠오르는 룩의 이 서체는, 삼립호빵의 기존 BI를 기반으로 호빵의 모습이 더 잘 연상되는 동글동글하고 통통한 느낌을 담은 자소 �&quot; data-og-host=&quot;spcsamlip.co.kr&quot; data-og-source-url=&quot;http://spcsamlip.co.kr/sandoll-samlip-hopang/&quot; data-og-url=&quot;http://spcsamlip.co.kr/sandoll-samlip-hopang/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/bOkj9Q/hyHND8xPxI/tWhqY8nerrxyj1Z3dNizJ0/img.jpg?width=720&amp;amp;height=460&amp;amp;face=0_0_720_460,https://scrap.kakaocdn.net/dn/4Pk5Y/hyHMiZipyj/TDMT92skbj6RMUgPfbBkLK/img.png?width=500&amp;amp;height=675&amp;amp;face=0_0_500_675,https://scrap.kakaocdn.net/dn/bzSOms/hyHNrNOpUM/moF6l5uz806rghoO8La0Yk/img.png?width=500&amp;amp;height=463&amp;amp;face=0_0_500_463&quot;&gt;&lt;a href=&quot;http://spcsamlip.co.kr/sandoll-samlip-hopang/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;http://spcsamlip.co.kr/sandoll-samlip-hopang/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/bOkj9Q/hyHND8xPxI/tWhqY8nerrxyj1Z3dNizJ0/img.jpg?width=720&amp;amp;height=460&amp;amp;face=0_0_720_460,https://scrap.kakaocdn.net/dn/4Pk5Y/hyHMiZipyj/TDMT92skbj6RMUgPfbBkLK/img.png?width=500&amp;amp;height=675&amp;amp;face=0_0_500_675,https://scrap.kakaocdn.net/dn/bzSOms/hyHNrNOpUM/moF6l5uz806rghoO8La0Yk/img.png?width=500&amp;amp;height=463&amp;amp;face=0_0_500_463');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;Sandoll 삼립호빵체 - SPC삼립&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;장체 구조의 젊고 캐주얼한 느낌을 가지면서 &amp;lsquo;호호~ 호빵&amp;rsquo;이 떠오르는 룩의 이 서체는, 삼립호빵의 기존 BI를 기반으로 호빵의 모습이 더 잘 연상되는 동글동글하고 통통한 느낌을 담은 자소 �&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;spcsamlip.co.kr&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;12. &lt;b&gt;배달의민족&lt;/b&gt; 을지로10년후체&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/d4Pt3E/btqKtd28P0C/NadqB8HTKHkY2yP3LpqmOk/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/d4Pt3E/btqKtd28P0C/NadqB8HTKHkY2yP3LpqmOk/img.gif&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/d4Pt3E/btqKtd28P0C/NadqB8HTKHkY2yP3LpqmOk/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/d4Pt3E/btqKtd28P0C/NadqB8HTKHkY2yP3LpqmOk/img.gif&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/dzjSPx/btqKvPgoqJq/YY6YS4QQJdjv0gYlGb6z90/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/dzjSPx/btqKvPgoqJq/YY6YS4QQJdjv0gYlGb6z90/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/dzjSPx/btqKvPgoqJq/YY6YS4QQJdjv0gYlGb6z90/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdzjSPx%2FbtqKvPgoqJq%2FYY6YS4QQJdjv0gYlGb6z90%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/d7t5oS/btqKv8GMRdu/R7BDNGVp5ZWXVF0RwYhBqK/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/d7t5oS/btqKv8GMRdu/R7BDNGVp5ZWXVF0RwYhBqK/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/d7t5oS/btqKv8GMRdu/R7BDNGVp5ZWXVF0RwYhBqK/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd7t5oS%2FbtqKv8GMRdu%2FR7BDNGVp5ZWXVF0RwYhBqK%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/Rz53e/btqKxQFbauL/Xm71U39I7QLRW4AbrS0o31/img.jpg&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/Rz53e/btqKxQFbauL/Xm71U39I7QLRW4AbrS0o31/img.jpg&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/Rz53e/btqKxQFbauL/Xm71U39I7QLRW4AbrS0o31/img.jpg&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRz53e%2FbtqKxQFbauL%2FXm71U39I7QLRW4AbrS0o31%2Fimg.jpg&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bM8LAI/btqKwQZ1YJK/QGed8iHvEnJhB82ZackYRK/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bM8LAI/btqKwQZ1YJK/QGed8iHvEnJhB82ZackYRK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bM8LAI/btqKwQZ1YJK/QGed8iHvEnJhB82ZackYRK/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbM8LAI%2FbtqKwQZ1YJK%2FQGed8iHvEnJhB82ZackYRK%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.woowahan.com/#/fonts&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://www.woowahan.com/#/fonts&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602179815319&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;website&quot; data-og-title=&quot;우아한형제들&quot; data-og-description=&quot;좋은 음식을 먹고 싶은 곳에서~! 우아한 사람들이 모여 우와하게 일하는 '우아한형제들'입니다.&quot; data-og-host=&quot;www.woowahan.com&quot; data-og-source-url=&quot;https://www.woowahan.com/#/fonts&quot; data-og-url=&quot;http://www.woowahan.com&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/mmXGC/hyHL40EEZC/bVo2avpOhnbTKRDFII1nTK/img.jpg?width=1024&amp;amp;height=500&amp;amp;face=0_0_1024_500&quot;&gt;&lt;a href=&quot;https://www.woowahan.com/#/fonts&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://www.woowahan.com/#/fonts&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/mmXGC/hyHL40EEZC/bVo2avpOhnbTKRDFII1nTK/img.jpg?width=1024&amp;amp;height=500&amp;amp;face=0_0_1024_500');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;우아한형제들&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;좋은 음식을 먹고 싶은 곳에서~! 우아한 사람들이 모여 우와하게 일하는 '우아한형제들'입니다.&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;www.woowahan.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;hr contenteditable=&quot;false&quot; data-ke-type=&quot;horizontalRule&quot; data-ke-style=&quot;style5&quot; /&gt;
&lt;h3 data-ke-size=&quot;size23&quot;&gt;13.&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;b&gt;네이버&lt;/b&gt;&lt;span&gt; 마루프로젝트(시험버전)&lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bG0V1W/btqKy7mmuMH/L00eQsxaHNHQKiDxhKRbD1/img.gif&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bG0V1W/btqKy7mmuMH/L00eQsxaHNHQKiDxhKRbD1/img.gif&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bG0V1W/btqKy7mmuMH/L00eQsxaHNHQKiDxhKRbD1/img.gif&quot; srcset=&quot;https://blog.kakaocdn.net/dn/bG0V1W/btqKy7mmuMH/L00eQsxaHNHQKiDxhKRbD1/img.gif&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/bTYhO6/btqKxlFowGq/4q0xXzEjkKT7kOD8CC35j1/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bTYhO6/btqKxlFowGq/4q0xXzEjkKT7kOD8CC35j1/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bTYhO6/btqKxlFowGq/4q0xXzEjkKT7kOD8CC35j1/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTYhO6%2FbtqKxlFowGq%2F4q0xXzEjkKT7kOD8CC35j1%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;figure class=&quot;imageblock alignCenter&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/0X0Ji/btqKwskIBsX/T7pXBUrlinUl60bmKmzdIk/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/0X0Ji/btqKwskIBsX/T7pXBUrlinUl60bmKmzdIk/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/0X0Ji/btqKwskIBsX/T7pXBUrlinUl60bmKmzdIk/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F0X0Ji%2FbtqKwskIBsX%2FT7pXBUrlinUl60bmKmzdIk%2Fimg.png&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot; data-ke-mobilestyle=&quot;widthContent&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;저작권&lt;/b&gt;&lt;/p&gt;
&lt;blockquote data-ke-size=&quot;size16&quot; data-ke-style=&quot;style2&quot;&gt;해당 링크의 기사를 발췌함 https://www.ajunews.com/view/20201008102008443&lt;br /&gt;&lt;br /&gt;&quot;구체적인 사용권 범위는 확정짓지 않았다&quot;면서도 &quot;기존 '&lt;b&gt;나눔글꼴'과 비슷할 것&lt;/b&gt;&quot;이라고 언급&lt;/blockquote&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;b&gt;링크&lt;/b&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&lt;a href=&quot;https://hangeul.naver.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;https://hangeul.naver.com/&lt;/a&gt;&lt;/p&gt;
&lt;figure id=&quot;og_1602178641373&quot; contenteditable=&quot;false&quot; data-ke-type=&quot;opengraph&quot; data-og-type=&quot;article&quot; data-og-title=&quot;한글 캠페인 :: 마루 프로젝트&quot; data-og-description=&quot;사용자와 함께 만드는 최초의 글꼴, 마루 부리 시험판을 배포합니다.&quot; data-og-host=&quot;hangeul.naver.com&quot; data-og-source-url=&quot;https://hangeul.naver.com/&quot; data-og-url=&quot;https://hangeul.naver.com/&quot; data-og-image=&quot;https://scrap.kakaocdn.net/dn/s6Cxc/hyHNrUjjMO/3KXqORuQLwiMikJ8FAnOTK/img.png?width=1600&amp;amp;height=1600&amp;amp;face=0_0_1600_1600,https://scrap.kakaocdn.net/dn/mQxj1/hyHNBJoDO9/4vnQv4H2kpRPxX3tq1wJc0/img.png?width=480&amp;amp;height=480&amp;amp;face=0_0_480_480,https://scrap.kakaocdn.net/dn/rgJ68/hyHMgfM1lc/txxHXuESHn74WlYclNktVK/img.png?width=480&amp;amp;height=480&amp;amp;face=0_0_480_480&quot;&gt;&lt;a href=&quot;https://hangeul.naver.com/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; data-source-url=&quot;https://hangeul.naver.com/&quot;&gt;
&lt;div class=&quot;og-image&quot; style=&quot;background-image: url('https://scrap.kakaocdn.net/dn/s6Cxc/hyHNrUjjMO/3KXqORuQLwiMikJ8FAnOTK/img.png?width=1600&amp;amp;height=1600&amp;amp;face=0_0_1600_1600,https://scrap.kakaocdn.net/dn/mQxj1/hyHNBJoDO9/4vnQv4H2kpRPxX3tq1wJc0/img.png?width=480&amp;amp;height=480&amp;amp;face=0_0_480_480,https://scrap.kakaocdn.net/dn/rgJ68/hyHMgfM1lc/txxHXuESHn74WlYclNktVK/img.png?width=480&amp;amp;height=480&amp;amp;face=0_0_480_480');&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;og-text&quot;&gt;
&lt;p class=&quot;og-title&quot;&gt;한글 캠페인 :: 마루 프로젝트&lt;/p&gt;
&lt;p class=&quot;og-desc&quot;&gt;사용자와 함께 만드는 최초의 글꼴, 마루 부리 시험판을 배포합니다.&lt;/p&gt;
&lt;p class=&quot;og-host&quot;&gt;hangeul.naver.com&lt;/p&gt;
&lt;/div&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://blogattach.naver.net/c451d86b782520fcd036556753bdc2b9184db655ce/20201007_31_blogfile/naver_diary_1602049943904_d65RJa_zip/%EB%A7%88%EB%A3%A8%EB%B6%80%EB%A6%AC%EA%B8%80%EA%BC%B4_regular_%EC%8B%9C%ED%97%98%ED%8C%90.zip&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;span&gt;마루부리글꼴_regular_시험판.zip&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://blogattach.naver.net/da4fc67567373ee2ce284b794da3dca70653a84b9b/20201007_49_blogfile/naver_diary_1602056976674_6m13zV_pdf/%EB%A7%88%EB%A3%A8%EB%B6%80%EB%A6%ACbeta%EA%B8%80%EA%BC%B4%EB%B3%B4%EA%B8%B0%EC%A7%91.pdf&quot;&gt;마루부리 Beta 글꼴보기집.pdf&lt;/a&gt;&lt;/p&gt;
&lt;p data-ke-size=&quot;size18&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>Design source</category>
      <category>10월9일</category>
      <category>2020</category>
      <category>글꼴</category>
      <category>디자인</category>
      <category>무료</category>
      <category>상업</category>
      <category>세종대왕</category>
      <category>저작권</category>
      <category>폰트</category>
      <category>한글날</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/61</guid>
      <comments>https://geometery-programing.tistory.com/61#entry61comment</comments>
      <pubDate>Fri, 9 Oct 2020 01:37:02 +0900</pubDate>
    </item>
    <item>
      <title>transform hertz unit</title>
      <link>https://geometery-programing.tistory.com/60</link>
      <description>&lt;pre id=&quot;code_1597755563647&quot; class=&quot;javascript&quot; data-ke-language=&quot;javascript&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;const transFormatFrequency = (
  hertz: number,
  digits: number = 0
): string =&amp;gt; {
  const yota = Math.pow(10, 24);
  if (hertz &amp;gt;= yota) {
    return `${(hertz / yota).toFixed(digits)} YHz`;
  }
  const format = [&quot;Hz&quot;, &quot;kHz&quot;, &quot;MHz&quot;, &quot;GHz&quot;, &quot;THz&quot;, &quot;PHz&quot;, &quot;EHz&quot;, &quot;ZHz&quot;];

  const formatFrequency = (
    value: number,
    decimals: number,
    [currentLabel, ...otherLabels]: string[]
  ): string =&amp;gt; {
    if (value &amp;lt; 1000) {
      return `${Number.parseFloat(value.toString()).toFixed(
        digits
      )} ${currentLabel}`;
    }
    return formatFrequency(value / 1000, digits, otherLabels);
  };

  return formatFrequency(hertz, digits, format);
};&lt;/code&gt;&lt;/pre&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;주파수를 단위에 맞게 변환해주는 코드입니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;사용하기&lt;/p&gt;
&lt;pre class=&quot;angelscript&quot;&gt;&lt;code&gt;transFormatFrequency(1665000000, 2)

&amp;gt;&amp;gt;&amp;gt; 1.67 GHz 

``&lt;/code&gt;&lt;/pre&gt;</description>
      <category>Frontend</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/60</guid>
      <comments>https://geometery-programing.tistory.com/60#entry60comment</comments>
      <pubDate>Tue, 18 Aug 2020 21:58:17 +0900</pubDate>
    </item>
    <item>
      <title>transform byte to binary byte or Decimal byte</title>
      <link>https://geometery-programing.tistory.com/59</link>
      <description>&lt;p&gt;바이트를 선택에 따라 십진 바이트 혹은 이진 바이트로 바꾸게 하는 코드를 소개합니다.&lt;/p&gt;
&lt;pre class=&quot;autoit&quot;&gt;&lt;code&gt;const transFormatBytes = (
  bytes: number,
  digits: number = 0,
  isBinary: boolean = true
) =&amp;gt; {
  const unit = isBinary ? 1024 : 1000;
  const yota = isBinary ? Math.pow(2, 80) : Math.pow(1000, 8);

  if (bytes &amp;gt;= yota) {
    return `${(bytes / yota).toFixed(digits)} ${unit ? &quot;YiB&quot; : &quot;YB&quot;}`;
  }

  const format = isBinary
    ? [&quot;Bytes&quot;, &quot;KiB&quot;, &quot;MiB&quot;, &quot;GiB&quot;, &quot;TiB&quot;, &quot;PiB&quot;, &quot;EiB&quot;, &quot;ZiB&quot;]
    : [&quot;Bytes&quot;, &quot;KB&quot;, &quot;MB&quot;, &quot;GB&quot;, &quot;TB&quot;, &quot;PB&quot;, &quot;EB&quot;, &quot;ZB&quot;];

  const formatBytes = (
    value: number,
    divisor: number,
    digits: number,
    [currentLabel, ...otherLabels]: string[]
  ): string =&amp;gt; {
    if (value &amp;lt; divisor) {
      return `${value.toFixed(digits)} ${currentLabel}`;
    }
    return formatBytes(value / divisor, divisor, digits, otherLabels);
  };

  return formatBytes(bytes, unit, digits, format);
};&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;사용하기&lt;/p&gt;
&lt;pre class=&quot;angelscript&quot;&gt;&lt;code&gt;transFormatBytes(17179869184, 2)

&amp;gt;&amp;gt;&amp;gt; 16.00 GiB&lt;/code&gt;&lt;/pre&gt;</description>
      <category>Javascript</category>
      <category>binary</category>
      <category>byte</category>
      <category>Calculator</category>
      <category>demicals</category>
      <category>ECMAScript</category>
      <category>format</category>
      <category>JavaScript</category>
      <category>recursive function</category>
      <category>Transform</category>
      <category>TypeScript</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/59</guid>
      <comments>https://geometery-programing.tistory.com/59#entry59comment</comments>
      <pubDate>Tue, 18 Aug 2020 21:25:15 +0900</pubDate>
    </item>
    <item>
      <title>CentOS</title>
      <link>https://geometery-programing.tistory.com/58</link>
      <description>&lt;p&gt;CPU Core 확인&amp;nbsp; &lt;/p&gt;
&lt;pre id=&quot;code_1594464657095&quot; class=&quot;go&quot; data-ke-language=&quot;go&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;$ grep -c processor /proc/cpuinfo &lt;/code&gt;&lt;/pre&gt;</description>
      <category>Infrastructure</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/58</guid>
      <comments>https://geometery-programing.tistory.com/58#entry58comment</comments>
      <pubDate>Sat, 11 Jul 2020 19:51:00 +0900</pubDate>
    </item>
    <item>
      <title>CentOS7 VScode  install</title>
      <link>https://geometery-programing.tistory.com/57</link>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;p&gt;key 등록&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;repository 등록&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ sudo sh -c &amp;#39;echo -e &amp;quot;[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc&amp;quot; &amp;gt; /etc/yum.repos.d/vscode.repo&amp;#39;&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;repository 업데이트&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ yum check-update -y&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;install VScode&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ sudo yum install -y code&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;/ol&gt;</description>
      <category>Infrastructure</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/57</guid>
      <comments>https://geometery-programing.tistory.com/57#entry57comment</comments>
      <pubDate>Sat, 11 Jul 2020 19:40:34 +0900</pubDate>
    </item>
    <item>
      <title>CentOS7 Chrome Install</title>
      <link>https://geometery-programing.tistory.com/56</link>
      <description>&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Add Chrome repository&lt;/p&gt;
&lt;pre class=&quot;go&quot; data-ke-language=&quot;go&quot;&gt;&lt;code&gt;  $ sudo vi /etc/yum.repos.d/google-chrome.repo

  [google-chrome]
  name=google-chrome
  baseurl=http://dl.google.com/linux/chrome/rpm/stable/$basearch
  enabled=1
  gpgcheck=1
  gpgkey=https://dl-ssl.google.com/linux/linux_signing_key.pub

  :wq&lt;/code&gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;update respository&lt;/p&gt;
&lt;pre class=&quot;cmake&quot;&gt;&lt;code&gt; $ sudo yum install -y google-chrome-stable&lt;/code&gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;install chrome&lt;/p&gt;
&lt;pre class=&quot;smali&quot;&gt;&lt;code&gt; $ sudo yum check-update -y&lt;/code&gt;&lt;/pre&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;hr /&gt;
&lt;p&gt;기존에 CentOS7 에서 루트 계정으로 크롬을 실행시키려면&lt;br /&gt;/usr/bin/google-chrome 파일의 맨 마지막줄에 --user-data-dir 을&lt;br /&gt;추가해주면 실행 됬지만 CentOS7.x 로 업데이트 되면서 이 방법만으론&lt;br /&gt;실행되진 않고 --no-sandbox 구문을 추가해 줘야 합니다.&lt;/p&gt;
&lt;p&gt;CentOS7.x 버전에서 루트 계정에서 단순히 한번만 크롬을 실행시키려면&lt;/p&gt;
&lt;p&gt;google-chrome --no-sandbox --user-data-dir&lt;/p&gt;
&lt;p&gt;하면 되고 지속적으로 루트 계정으로 크롬을 실행시키려면&lt;/p&gt;
&lt;pre class=&quot;awk&quot;&gt;&lt;code&gt;  $ vi /usr/bin/google-chrome&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;맨 마지막 줄의&lt;/p&gt;
&lt;pre class=&quot;bash&quot;&gt;&lt;code&gt;exec -a &quot;$0&quot; &quot;$HERE/chrome&quot; &quot;$@&quot; &amp;lt;= 이부분에  
&quot;--no-sandbox --user-data-dir&quot; 를 아래와 같이 추가해주면 됩니다.

exec -a &quot;$0&quot; &quot;$HERE/chrome&quot; &quot;$@&quot; --no-sandbox --user-data-dir&lt;/code&gt;&lt;/pre&gt;</description>
      <category>Infrastructure</category>
      <category>centos7</category>
      <category>chrome</category>
      <category>install</category>
      <category>리눅스</category>
      <category>설치</category>
      <category>크롬</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/56</guid>
      <comments>https://geometery-programing.tistory.com/56#entry56comment</comments>
      <pubDate>Sat, 11 Jul 2020 19:29:12 +0900</pubDate>
    </item>
    <item>
      <title>CentOS7 일반 유저 권한설정</title>
      <link>https://geometery-programing.tistory.com/55</link>
      <description>&lt;pre id=&quot;code_1594463024969&quot; class=&quot;go&quot; data-ke-language=&quot;go&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;$ sudo usermod -aG wheel &amp;lt;user&amp;gt; 
$ sudo visudo &lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;br /&gt;배시&amp;nbsp;접근&amp;nbsp; &lt;/p&gt;
&lt;pre id=&quot;code_1594463031203&quot; class=&quot;go&quot; data-ke-language=&quot;go&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;/etc/passwd &lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;pre id=&quot;code_1594463055358&quot; class=&quot;go&quot; data-ke-language=&quot;go&quot; data-ke-type=&quot;codeblock&quot;&gt;&lt;code&gt;$ sudo usermod -aG wheel newadmin 
$ groups newadmin 
$ reboot&lt;/code&gt;&lt;/pre&gt;</description>
      <category>Infrastructure</category>
      <category>centos7</category>
      <category>group</category>
      <category>Root</category>
      <category>user</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/55</guid>
      <comments>https://geometery-programing.tistory.com/55#entry55comment</comments>
      <pubDate>Sat, 11 Jul 2020 19:25:45 +0900</pubDate>
    </item>
    <item>
      <title>CentOS7 golang Install</title>
      <link>https://geometery-programing.tistory.com/54</link>
      <description>&lt;ol&gt;
&lt;li&gt;&lt;p&gt;설치할 장소로 이동, 설치파일 다운로드, 설치파일 압축해제&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ cd /usr/local
$ wget https://dl.google.com/go/go1.14.4.linux-amd64.tar.gz
$ tar -zxvf go1.14.4.linux-amd64.tar.gz&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;bash 등록&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;$ vi ~/.bash_profile
&lt;/code&gt;&lt;/pre&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;...&lt;br&gt;export GOPATH=&amp;quot;$HOME/go&amp;quot;&lt;br&gt;export GOROOT=&amp;quot;/usr/local/go&amp;quot;&lt;br&gt;export GOBIN=&amp;quot;/usr/local/go/bin&amp;quot;&lt;br&gt;export PATH=$PATH:$GOBIN:$GOPATH/bin&lt;/p&gt;
&lt;p&gt;:wq&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;
3. 버전 확인&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;$ go version&lt;br&gt;```&lt;/p&gt;</description>
      <category>Infrastructure</category>
      <category>CentOS</category>
      <category>centos7</category>
      <category>golang</category>
      <category>install</category>
      <category>Linux</category>
      <author>불타는 코딩 </author>
      <guid isPermaLink="true">https://geometery-programing.tistory.com/54</guid>
      <comments>https://geometery-programing.tistory.com/54#entry54comment</comments>
      <pubDate>Sat, 11 Jul 2020 19:18:15 +0900</pubDate>
    </item>
  </channel>
</rss>