diff --git a/categories/index.html b/categories/index.html
index 6ed5891..4f4748d 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -1,7 +1,7 @@
 <!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>Categories | PrayinForRain.dev</title><meta property="og:title" content="Categories | PrayinForRain.dev"><meta name=twitter:title content="Categories | PrayinForRain.dev"><meta itemprop=name content="Categories | PrayinForRain.dev"><meta name=application-name content="Categories | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/categories/><link href=/categories/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/categories/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Categories</h1></header><main class=page-content aria-label=Content><ul class=badge-list><li class=badge-item><a href=https://prayinforrain.github.io/categories/node.js/>Node.js (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/life/>life (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/algorithm/>algorithm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/ide/>ide (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/typescript/>TypeScript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/web/>Web (6)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/javascript/>javascript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/css/>CSS (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/moheyum/>moheyum (8)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/react/>React (2)</a></li></ul></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Categories</h1></header><main class=page-content aria-label=Content><ul class=badge-list><li class=badge-item><a href=https://prayinforrain.github.io/categories/web/>Web (7)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/node.js/>Node.js (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/life/>life (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/algorithm/>algorithm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/ide/>ide (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/typescript/>TypeScript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/javascript/>javascript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/css/>CSS (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/moheyum/>moheyum (8)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/categories/react/>React (2)</a></li></ul></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/categories/index.xml b/categories/index.xml
index 193486c..9f6509b 100644
--- a/categories/index.xml
+++ b/categories/index.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/</link><description>Recent content in Categories on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Tue, 30 May 2023 02:27:49 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/index.xml" rel="self" type="application/rss+xml"/><item><title>Node.js</title><link>https://prayinforrain.github.io/categories/node.js/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/categories/node.js/</guid><description/></item><item><title>life</title><link>https://prayinforrain.github.io/categories/life/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/categories/life/</guid><description/></item><item><title>algorithm</title><link>https://prayinforrain.github.io/categories/algorithm/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/algorithm/</guid><description/></item><item><title>ide</title><link>https://prayinforrain.github.io/categories/ide/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/ide/</guid><description/></item><item><title>TypeScript</title><link>https://prayinforrain.github.io/categories/typescript/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/typescript/</guid><description/></item><item><title>Web</title><link>https://prayinforrain.github.io/categories/web/</link><pubDate>Wed, 01 Feb 2023 02:01:15 +0900</pubDate><guid>https://prayinforrain.github.io/categories/web/</guid><description/></item><item><title>javascript</title><link>https://prayinforrain.github.io/categories/javascript/</link><pubDate>Wed, 25 Jan 2023 17:17:15 +0900</pubDate><guid>https://prayinforrain.github.io/categories/javascript/</guid><description/></item><item><title>CSS</title><link>https://prayinforrain.github.io/categories/css/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/categories/css/</guid><description/></item><item><title>moheyum</title><link>https://prayinforrain.github.io/categories/moheyum/</link><pubDate>Wed, 21 Dec 2022 03:30:25 +0900</pubDate><guid>https://prayinforrain.github.io/categories/moheyum/</guid><description/></item><item><title>React</title><link>https://prayinforrain.github.io/categories/react/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/categories/react/</guid><description/></item></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/</link><description>Recent content in Categories on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/index.xml" rel="self" type="application/rss+xml"/><item><title>Web</title><link>https://prayinforrain.github.io/categories/web/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/categories/web/</guid><description/></item><item><title>Node.js</title><link>https://prayinforrain.github.io/categories/node.js/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/categories/node.js/</guid><description/></item><item><title>life</title><link>https://prayinforrain.github.io/categories/life/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/categories/life/</guid><description/></item><item><title>algorithm</title><link>https://prayinforrain.github.io/categories/algorithm/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/algorithm/</guid><description/></item><item><title>ide</title><link>https://prayinforrain.github.io/categories/ide/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/ide/</guid><description/></item><item><title>TypeScript</title><link>https://prayinforrain.github.io/categories/typescript/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/categories/typescript/</guid><description/></item><item><title>javascript</title><link>https://prayinforrain.github.io/categories/javascript/</link><pubDate>Wed, 25 Jan 2023 17:17:15 +0900</pubDate><guid>https://prayinforrain.github.io/categories/javascript/</guid><description/></item><item><title>CSS</title><link>https://prayinforrain.github.io/categories/css/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/categories/css/</guid><description/></item><item><title>moheyum</title><link>https://prayinforrain.github.io/categories/moheyum/</link><pubDate>Wed, 21 Dec 2022 03:30:25 +0900</pubDate><guid>https://prayinforrain.github.io/categories/moheyum/</guid><description/></item><item><title>React</title><link>https://prayinforrain.github.io/categories/react/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/categories/react/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/categories/web/index.html b/categories/web/index.html
index b605130..4502473 100644
--- a/categories/web/index.html
+++ b/categories/web/index.html
@@ -1,7 +1,7 @@
 <!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>Web | PrayinForRain.dev</title><meta property="og:title" content="Web | PrayinForRain.dev"><meta name=twitter:title content="Web | PrayinForRain.dev"><meta itemprop=name content="Web | PrayinForRain.dev"><meta name=application-name content="Web | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/categories/web/><link href=/categories/web/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/categories/web/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Web</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/02/typescript-generic/><h4 class=post-item-title>Typescript Generic</h4></a></div><time class=post-item-meta datetime=2023-02-01T02:01:15+0900>2023. 2. 1.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/tree-shaking/><h4 class=post-item-title>Tree Shaking</h4></a></div><time class=post-item-meta datetime=2023-01-25T17:17:15+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/ecmascript/><h4 class=post-item-title>ECMAScript</h4></a></div><time class=post-item-meta datetime=2023-01-25T16:35:01+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/browser-rendering-performance/><h4 class=post-item-title>브라우저 렌더링과 성능</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/css-display/><h4 class=post-item-title>CSS의 display 속성</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/size-units-in-css/><h4 class=post-item-title>CSS의 크기 단위</h4></a></div><time class=post-item-meta datetime=2023-01-13T23:39:15+0900>2023. 1. 13.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Web</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/06/cds-retrospect/><h4 class=post-item-title>차가운 디자인 시스템(CDS) 회고</h4><div class=post-item-summary>우리 v1.2 합시다</div></a></div><time class=post-item-meta datetime=2023-06-18T16:43:32+0900>2023. 6. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/02/typescript-generic/><h4 class=post-item-title>Typescript Generic</h4></a></div><time class=post-item-meta datetime=2023-02-01T02:01:15+0900>2023. 2. 1.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/tree-shaking/><h4 class=post-item-title>Tree Shaking</h4></a></div><time class=post-item-meta datetime=2023-01-25T17:17:15+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/ecmascript/><h4 class=post-item-title>ECMAScript</h4></a></div><time class=post-item-meta datetime=2023-01-25T16:35:01+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/browser-rendering-performance/><h4 class=post-item-title>브라우저 렌더링과 성능</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/css-display/><h4 class=post-item-title>CSS의 display 속성</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/size-units-in-css/><h4 class=post-item-title>CSS의 크기 단위</h4></a></div><time class=post-item-meta datetime=2023-01-13T23:39:15+0900>2023. 1. 13.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/categories/web/index.xml b/categories/web/index.xml
index e194ccd..70b53cc 100644
--- a/categories/web/index.xml
+++ b/categories/web/index.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/web/</link><description>Recent content in Web on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Wed, 01 Feb 2023 02:01:15 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/web/index.xml" rel="self" type="application/rss+xml"/><item><title>Typescript Generic</title><link>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</link><pubDate>Wed, 01 Feb 2023 02:01:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</guid><description>타입스크립트와 리액트를 같이 사용할 때, 우리는 useState 훅을 아래와 같이 사용합니다.
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web on PrayinForRain.dev</title><link>https://prayinforrain.github.io/categories/web/</link><description>Recent content in Web on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/categories/web/index.xml" rel="self" type="application/rss+xml"/><item><title>차가운 디자인 시스템(CDS) 회고</title><link>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</guid><description>우리 v1.2 합시다</description></item><item><title>Typescript Generic</title><link>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</link><pubDate>Wed, 01 Feb 2023 02:01:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</guid><description>타입스크립트와 리액트를 같이 사용할 때, 우리는 useState 훅을 아래와 같이 사용합니다.
 const [name, setName] = useState&amp;lt;string&amp;gt;(&amp;#34;지상렬&amp;#34;); 뭔진 몰라도, 저 꺽쇠 괄호를 사용해서 state가 다룰 상태의 타입을 지정할 수가 있습니다. 사실 적지 않아도 알아서 추론해 주지만, 아무튼 name.split('')처럼 string 타입이 제공하는 메소드나 프로퍼티도 자동완성해주고, 아주 편하게 사용할 수 있습니다. 오늘은 저 꺽쇠괄호에 대해 알아볼거에요.
 any 타입의 문제 아무튼 이번에 가져온 예제는 스택(Stack) 자료구조입니다. 그냥 대충 만들게요.
 class Stack { arr: any[] = []; push(element: any) { this.</description></item><item><title>Tree Shaking</title><link>https://prayinforrain.github.io/posts/2023/01/tree-shaking/</link><pubDate>Wed, 25 Jan 2023 17:17:15 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/01/tree-shaking/</guid><description>용량을 절약하는 방법 웹페이지의 성능을 이야기하는 가장 직관적인 지표는 아마 페이지에 사용되는 파일의 크기일 것입니다. 파일의 크기가 무겁다면 파일을 다운받는 데 시간이 오래 걸리고, 다운로드한 파일을 읽고 렌더링 하는데도 시간이 오래 걸릴 것입니다. 따라서 번들 파일의 용량을 다이어트 하는 것은 사이트 성능에 꽤 중요한 역할을 합니다.
diff --git a/images/posts/2023/06/cds-retrospect/01.png b/images/posts/2023/06/cds-retrospect/01.png
new file mode 100644
index 0000000..66b495d
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/01.png differ
diff --git a/images/posts/2023/06/cds-retrospect/02.png b/images/posts/2023/06/cds-retrospect/02.png
new file mode 100644
index 0000000..f5e2c02
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/02.png differ
diff --git a/images/posts/2023/06/cds-retrospect/03.png b/images/posts/2023/06/cds-retrospect/03.png
new file mode 100644
index 0000000..c1d0dec
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/03.png differ
diff --git a/images/posts/2023/06/cds-retrospect/04.png b/images/posts/2023/06/cds-retrospect/04.png
new file mode 100644
index 0000000..d996aa9
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/04.png differ
diff --git a/images/posts/2023/06/cds-retrospect/05.png b/images/posts/2023/06/cds-retrospect/05.png
new file mode 100644
index 0000000..a63daa7
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/05.png differ
diff --git a/images/posts/2023/06/cds-retrospect/06.png b/images/posts/2023/06/cds-retrospect/06.png
new file mode 100644
index 0000000..d96ba37
Binary files /dev/null and b/images/posts/2023/06/cds-retrospect/06.png differ
diff --git a/index.html b/index.html
index a060167..2dc763d 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>PrayinForRain.dev | PrayinForRain.dev</title><meta property="og:title" content="PrayinForRain.dev | PrayinForRain.dev"><meta name=twitter:title content="PrayinForRain.dev | PrayinForRain.dev"><meta itemprop=name content="PrayinForRain.dev | PrayinForRain.dev"><meta name=application-name content="PrayinForRain.dev | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/><link href=/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class=wrapper><div class=author><img class=author-avatar src=/avatar_hu8a16f9f51dd7b9a0a5f04c391447c48e_10088_100x100_fill_q75_h2_box_smart1_3.webp alt=PrayinforRain width=420 height=420><h2 class=author-name>PrayinforRain</h2><p class=author-bio>Frontend Developer</p></div><main aria-label=Content><h3 class=posts-item-note aria-label="Recent Posts">Recent Posts</h3><article class=post-item><div class=post-item-content><a href=/posts/2023/05/exploring-yarn-berry/><h4 class=post-item-title>얀 베리 탐험하기</h4></a></div><time class=post-item-meta datetime=2023-05-30T02:27:49+0900>2023. 5. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/nextjs-storybook-with-pnp/><h4 class=post-item-title>Next.js Storybook에 Yarn PnP 적용하기</h4></a></div><time class=post-item-meta datetime=2023-04-27T15:32:50+0900>2023. 4. 27.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/nodejs-for-baekjoon/><h4 class=post-item-title>백준을 위한 node.js</h4></a></div><time class=post-item-meta datetime=2023-03-30T15:17:00+0900>2023. 3. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/npm-scripts-doesnt-work/><h4 class=post-item-title>VSCode의 NPM Scripts가 작동하지 않는 사람</h4></a></div><time class=post-item-meta datetime=2023-03-29T15:17:00+0900>2023. 3. 29.</time></article><p><a href=https://prayinforrain.github.io/posts/>See all posts</a></p></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class=wrapper><div class=author><img class=author-avatar src=/avatar_hu8a16f9f51dd7b9a0a5f04c391447c48e_10088_100x100_fill_q75_h2_box_smart1_3.webp alt=PrayinforRain width=420 height=420><h2 class=author-name>PrayinforRain</h2><p class=author-bio>Frontend Developer</p></div><main aria-label=Content><h3 class=posts-item-note aria-label="Recent Posts">Recent Posts</h3><article class=post-item><div class=post-item-content><a href=/posts/2023/06/cds-retrospect/><h4 class=post-item-title>차가운 디자인 시스템(CDS) 회고</h4><div class=post-item-summary>우리 v1.2 합시다</div></a></div><time class=post-item-meta datetime=2023-06-18T16:43:32+0900>2023. 6. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/05/exploring-yarn-berry/><h4 class=post-item-title>얀 베리 탐험하기</h4></a></div><time class=post-item-meta datetime=2023-05-30T02:27:49+0900>2023. 5. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/nextjs-storybook-with-pnp/><h4 class=post-item-title>Next.js Storybook에 Yarn PnP 적용하기</h4></a></div><time class=post-item-meta datetime=2023-04-27T15:32:50+0900>2023. 4. 27.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/nodejs-for-baekjoon/><h4 class=post-item-title>백준을 위한 node.js</h4></a></div><time class=post-item-meta datetime=2023-03-30T15:17:00+0900>2023. 3. 30.</time></article><p><a href=https://prayinforrain.github.io/posts/>See all posts</a></p></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/index.xml b/index.xml
index 69af8ad..78126be 100644
--- a/index.xml
+++ b/index.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>PrayinForRain.dev</title><link>https://prayinforrain.github.io/</link><description>Recent content on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Tue, 30 May 2023 02:27:49 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/index.xml" rel="self" type="application/rss+xml"/><item><title>얀 베리 탐험하기</title><link>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</guid><description>내 레포의 위험한 녀석 최근 차가운 디자인 시스템(CDS)의 패키지 매니저를 Yarn berry로 마이그레이션 하는 작업을 하고 있다. 이유는 후술할 node_modules 자체의 단점도 있고, 내 데스크탑이 HDD를 사용하기 때문에 node_modules의 수십만 개의 파일들을 다루는 것이 너무 느려서 강력 추천했다.
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>PrayinForRain.dev</title><link>https://prayinforrain.github.io/</link><description>Recent content on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/index.xml" rel="self" type="application/rss+xml"/><item><title>차가운 디자인 시스템(CDS) 회고</title><link>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</guid><description>우리 v1.2 합시다</description></item><item><title>얀 베리 탐험하기</title><link>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</guid><description>내 레포의 위험한 녀석 최근 차가운 디자인 시스템(CDS)의 패키지 매니저를 Yarn berry로 마이그레이션 하는 작업을 하고 있다. 이유는 후술할 node_modules 자체의 단점도 있고, 내 데스크탑이 HDD를 사용하기 때문에 node_modules의 수십만 개의 파일들을 다루는 것이 너무 느려서 강력 추천했다.
 하지만 사실 나는 PnP가 어떻게 패키지들을 resolve하는지 전혀 모른다. 그저 어떻게 해야 오류 없이 쓸 수 있는지만 열심히 고민했는데, 팀원들에게 설명할 때 마다 막연히 얀베리가 잘못했겠죠~ 하는 스스로에게 자괴감을 느껴 이 기회에 한 번 Yarn PnP를 똑바로 마주해 보기로 했다.</description></item><item><title>Next.js Storybook에 Yarn PnP 적용하기</title><link>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</guid><description>Storybook을 쓰려고 했는데 최근 Storybook을 사용할 일이 무척 많았다. 언젠가는 포스팅을 해야 할 CDS 프로젝트부터 넘블 챌린지도 있었고&amp;hellip; 처음엔 너무 낯설었지만 공통된 컴포넌트들을 미리 설계해 두고 재사용하는 것이 좀 더 깔끔한 설계가 되는 것 같아 매력을 느꼈다.
 그런데 문제는 내 작업 환경에 있었다. 꽤 연식이 된 윈도우 데스크탑에 수십가지 개발 환경을 섞어 놓고, 요새는 게임에도 못 쓰는 처참한 성능의 HDD에 레포를 두고 쓰니 종속성 패키지 설치도 커피 한 잔 타와야 하는 시간이 걸리니 Yarn Berry의 사용이 반필수가 되어버렸다.</description></item><item><title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</title><link>https://prayinforrain.github.io/posts/2023/04/numble-talk/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/numble-talk/</guid><description>시작하게 된 계기 3월에 정말 많은 일들이 있었다. 아직 뭔가 성과라고 내세울 결과물이 없긴 하지만 그래도 무의미하진 않았다(?)고 주장할 수 있는 그런 시간이었다. 점점 일이 정리가 되고 여유가 생기면서 번아웃이 온 사람처럼 푹 늘어지는 느낌이 있었는데, 그 와중에 누가 넘블을 소개해 주셨다.
 대충.. 프로젝트 주제와 요구사항을 주고 구현을 해 보는? 프로세스의 활동으로 이해했다. 기간이 짧아 확 몰입하기 좋겠다는 생각을 해서 한 번 맛만 보기로 했다. OpenAI API를 활용해 보는 프로젝트라는 점이 관심을 끌기도 했다.</description></item><item><title>백준을 위한 node.js</title><link>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</guid><description>JS라도 백준이 하고싶어 공채 시즌이다. 개인적으로 코딩 테스트를 정말정말 자신 없어했는데, 더 이상 미룰 수 없어 야금야금 공부를 시작했다.
diff --git a/posts/2023/06/cds-retrospect/index.html b/posts/2023/06/cds-retrospect/index.html
new file mode 100644
index 0000000..30b55b3
--- /dev/null
+++ b/posts/2023/06/cds-retrospect/index.html
@@ -0,0 +1,9 @@
+<!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>차가운 디자인 시스템(CDS) 회고 | PrayinForRain.dev</title><meta property="og:title" content="차가운 디자인 시스템(CDS) 회고 | PrayinForRain.dev"><meta name=twitter:title content="차가운 디자인 시스템(CDS) 회고 | PrayinForRain.dev"><meta itemprop=name content="차가운 디자인 시스템(CDS) 회고 | PrayinForRain.dev"><meta name=application-name content="차가운 디자인 시스템(CDS) 회고 | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="차가운 스터디의 디자인 시스템 프로젝트 CDS 회고"><meta itemprop=description content="차가운 스터디의 디자인 시스템 프로젝트 CDS 회고"><meta property="og:description" content="차가운 스터디의 디자인 시스템 프로젝트 CDS 회고"><meta name=twitter:description content="차가운 스터디의 디자인 시스템 프로젝트 CDS 회고"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta property="og:type" content="article"><meta property="og:article:published_time" content="2023-06-18T16:43:32+0900"><meta property="article:published_time" content="2023-06-18T16:43:32+0900"><script defer type=application/ld+json>{"@context":"http://schema.org","@type":"Article","headline":"차가운 디자인 시스템(CDS) 회고","author":{"@type":"Person","name":""},"datePublished":"2023-06-18","description":"차가운 스터디의 디자인 시스템 프로젝트 CDS 회고","wordCount":1235,"mainEntityOfPage":"True","dateModified":"2023-08-14","image":{"@type":"imageObject","url":""},"publisher":{"@type":"Organization","name":"PrayinForRain.dev"}}</script><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/posts/2023/06/cds-retrospect/><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
+<script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
+<script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class="menu-link active" href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper post"><main class=page-content aria-label=Content><article><header class=header><h1 class=header-title>차가운 디자인 시스템(CDS) 회고</h1><div class=post-meta><time datetime=2023-06-18T16:43:32+09:00 itemprop=datePublished>2023. 6. 18.</time></div></header><details class=toc><summary><b>Table of Contents</b></summary><nav id=TableOfContents><ul><li><a href=#-차가운-스터디>🥶 차가운 스터디</a></li><li><a href=#-cds>🧊 CDS</a><ul><li><a href=#고려한-요소들>고려한 요소들</a><ul><li><a href=#접근성>접근성</a></li><li><a href=#dxdeveloper-experiment>DX(Developer Experiment)</a></li></ul></li><li><a href=#잘-된-것들>잘 된 것들</a><ul><li><a href=#성공적인-협업>성공적인 협업</a></li></ul></li><li><a href=#아쉬운-것들>아쉬운 것들</a><ul><li><a href=#디자인-시스템은-왜-필요한가>디자인 시스템은 왜 필요한가?</a></li><li><a href=#스쿼시-머지>스쿼시 머지</a></li></ul></li></ul></li><li><a href=#맺는-말>맺는 말</a></li></ul></nav></details><div class=page-content><h1 id=-차가운-스터디>🥶 차가운 스터디</h1><p><img src=/images/posts/2023/06/cds-retrospect/01.png alt="cold meeting"><br>네이버 커넥트재단 부스트캠프를 수료하고, 이런저런 구구절절한 과정을 거쳐 <strong>차가운 스터디</strong>라는 스터디 그룹이 만들어졌다. 위 사진은 차스가 만들어지며 찍었던 사진인데, 사실 나는 저 자리에 없었고 저 자리에 계신 두 분이 맘대로 만들어서 나를 팀장으로 씌워버렸다. 어쨌든 나도 공부를 해야했고 좋아하는 사람들이니 큰 불만 없이(?) 참여했다.</p><h1 id=-cds>🧊 CDS</h1><p>나름 다양한 주제로 스터디를 진행하다가 프로젝트를 하고싶다는 공통된 생각이 모여 디자인 시스템을 직접 만들어 보기로 정했다. 가장 큰 원인은 부캠을 하며 기획이나 디자이너가 아예 없었기 때문에 그 과정에서 겪었던 고충으로 인한 발상이었던 것으로 기억한다. 사실 워낙 농담따먹기 식으로 진행했던 기획이라 세세한 과정은 잘 모르겠다.</p><figure><img src=/images/posts/2023/06/cds-retrospect/02.png alt=image><figcaption><p>정말 산만한 기획</p></figcaption></figure><p>아무튼 그렇게 2달 정도 티스푼 공사를 야금야금 진행해서 <a href=https://github.com/c-h-w-h/cds>차가운 디자인 시스템(CDS)</a>의 첫 버전을 릴리즈하였다. 원래 계획이라면 실제 프로젝트를 CDS를 사용해 개발해보고, 자체 피드백을 해 보는 과정까지 진행하려고 했는데 지금 차가운 스터디의 새 컨텐츠 준비와 일부 팀원들의 현생 이슈가 겹쳐 조금 쉬어가고 있어서.. 미리 회고를 써 보고자 한다.</p><h2 id=고려한-요소들>고려한 요소들</h2><h3 id=접근성>접근성</h3><blockquote><p>접근성은 가능한 한 많은 사람이 웹 사이트를 사용할 수 있도록 하는 방법입니다. 통상적으로 장애인만을 대상으로 한다고 생각하지만, 실제로는 모바일 장치나 느린 네트워크 연결을 사용하는 사람들 등 다른 사용자들에게도 도움을 줍니다.<br><em>- What is accessibility? - MDN</em></p></blockquote><p><img src=/images/posts/2023/06/cds-retrospect/03.png alt="a11y option icon in mac"><br>지금은 시간이 많이 흘러서(내가 회고 쓰기를 무시무시하게 미뤘기 때문에) 정확한 기억은 나지 않지만.. 나에게 접근성이라고 하는 단어에 대한 인식은 딱 위 사진과 같았다. 앉아있든 서있든 뭔가 사람의 형태를 한 픽토그램에.. 돋보기같은 나에겐 필요 없는 기능들을 제공하는? <del>요새는 필요할지도 모르겠다</del></p><p>아무튼 너무 막연하고 먼 이미지로만 느껴졌기 때문에, 팀원이 이걸 고려하자! 라고 처음 말했을 때에는 전혀 와닿는 것이 없었다. 왜? 어떻게? 무엇을? 모두 물음표 투성이였다. 그런데 팀원들이 하는 것을 보고 조금씩 흉내내다보니 접근성이 무엇이고, 왜 필요한지에 대해 조금씩 배워가기 시작했다.</p><p>단순히 내가 노션이나 VS Code에서 사용하는 무수히 많은 단축키들도 접근성을 고려한 기능의 하나였고, 탭, ESC, 방향키 등 마우스가 할 일을 키보드로 할 수 있는 모든 것이 접근성이였다. 접근성은 몸이 불편한 사람에게 필요한 기능 뿐 아니라, 단락 맨 위의 인용처럼 모든 <strong>사람</strong>이 모든 <strong>환경</strong>에서 앱을 이용할 수 있도록 하는 모든 요소를 포함하는 개념이었다. 평소에 나는 단축키를 꽤나 많이 사용하는 편이어서 페어 프로그래밍같은 것들을 하다보면 누군가 가끔 놀라곤 했는데, 이런 내가 접근성을 남의 일처럼 생각했다는게 아이러니하다.</p><p>아무튼 어떻게 고려했냐 한다면 그 답은 너무 단순했다. <strong>시맨틱한 태그 사용에서 출발했다</strong>. 목적에 맞는 HTML 요소를 사용하면 70%는 브라우저와 접근성 툴이 알아서 구현해 주고, 나머지 30%만 직접 코드를 추가하면 된다. 사실 7:3도 너무 소심하게 나눴다고 생각하는데.. 한 9:1?<br>이 원칙을 걸어 놓고 구현하다 보니 웹 표준에 대해서도 더 공부하게 되고, 평소에 몰랐던 HTML 요소의 속성도 알게 되고, 꽤나 깊은 공부가 되었다. 브라우저가 해주지 않는 나머지 부분을 구현할 때 <em>일반적으로 기대되는 동작이 무엇이고, 우리는 어떻게 구현할지</em> 의 생각이 각각 달라 토론하는 과정도 너무 유익하고 재미있었다.</p><h3 id=dxdeveloper-experiment>DX(Developer Experiment)</h3><p>일전에 컴포넌트 라이브러리를 사용해 볼 일이 있었다. 막연히 편하다더라~ 하는 얘기만 듣고 있다가 어딘가의 과제를 할 때 한 번 써 보자 하는 마음으로 시작했는데, 결과는 처참했다. 물론 문서도 제대로 읽지 않았고 무엇을 사용할 수 있는지 파악을 제대로 못했던 것이 원인이었다. 가장 큰 원인은 이 만큼 컴포넌트를 지원해 줘도 어떻게 배치할지 정하는 사람의 미적 감각이기도 했는데, 아무튼 직접 컴포넌트를 구현하는 것보다 불편했다.</p><p><figure><img src=/images/posts/2023/06/cds-retrospect/04.png alt="code reviews"><figcaption><p>앞으로 살면서 이토록 뜨거운 리뷰가 또 있을까..</p></figcaption></figure><br>지가 막무가내로 쓰고 DX가 어쩌고 얘기하는 것도 웃긴 일이지만&mldr; 어쨌든 디자인 시스템 자체가 <strong>개발자의 편의</strong>라는 맥락에서 출발한 요소라고 생각했다. 그래서 나는 개인적으로 어떻게 만들어야 이걸 사용하는 개발자가 편할지에 제일 관심이 많았다.<br>어떻게 DX를 고려했냐고? 나에게 맞췄다. 100% <em>나</em> 에게 맞추진 않았지만, 우선 각자가 생각하는 대로 구현하고, 사용 방법이 각자의 생각과 다르다고 하면 코드리뷰로 토론을 시작했다. 지금 보니 조금 집요했던 것 같아서 팀원들한테 미안해지는데.. 내가 이 과정에서 얻은 만큼 우리 팀원들도 얻어 가신 게 있길 기도해본다 ㅎㅎ..</p><h2 id=잘-된-것들>잘 된 것들</h2><h3 id=성공적인-협업>성공적인 협업</h3><figure><img src=/images/posts/2023/06/cds-retrospect/05.png alt="coldstudy gather town"><figcaption><p>약속 시간 전에 하나둘 모여서 잡담하다가 그자리에서 회의를 시작한 상황</p></figcaption></figure><p>우리 스터디를 한 마디로 표현하자면 <strong>조별과제 희망편</strong>이었다. 내 대학생활은 걸어다니는 절망에 가깝긴 했는데.. 아무튼 각자 열정과 욕심이 가득한 사람들이 모여서 각자 원하는 것들을 했다. 분업도 원하는 것들을 가져가니 남는 게 없었고, 공유도 잘 되었고, 공유를 하지 않아도 될만큼 남의 코드에 관심도 많았다.</p><p>그리고 <a href=https://prayinforrain.github.io/posts/2022/12/finishing-moheyum/>모헤윰 회고</a>때 가장 큰 아쉬움이였던 <strong>기록이 남지 않는 커뮤니케이션</strong>을 가장 경계했다. 슬랙과 게더타운 음성 회의를 자주 했지만, 최대한 모든 내용을 기록했고 그 덕분에 중간부터 함께 고민하는 팀원도, 주말동안 뇌를 비우고 온 나도 그 맥락을 유지할 수 있었다. 사실
+마지막 커밋으로부터 3달이나 지난 시점에 회고를 작성하는 것이 가능한 비결도 이 규칙이다.<br>그리고 이 규칙을 의식하다보니 깃허브 레포지토리에 남기는 코드 리뷰가 폭발적으로 늘었다. 이를 구직 과정에서 어필하기도 좋았고, 취업한 이후에도 관련된 내용을 사내에서 레퍼런스로 활용하는 일도 있어 두고두고 유용했다. 특히 학습을 목적으로 프로젝트를 하시는 분이 있다면 저장 강박증 환자(?)가 되시길 강력히 권하고 싶다.</p><h2 id=아쉬운-것들>아쉬운 것들</h2><h3 id=디자인-시스템은-왜-필요한가>디자인 시스템은 왜 필요한가?</h3><p>CDS를 만들며 가장 힘들었던 부분은 <em>디자인 시스템은 어디까지 해줘야 하는가?</em> 였다. 모든 컴포넌트의 디자인까지를 라이브러리에서 제공해 줄 수도 있고, 디자인을 제외한 컴포넌트의 business logic만을 제공하는 Headless 라이브러리도 존재한다. <del>디자인 없는 디자인 시스템</del> 아무튼 커스텀의 자유와 디자인의 일관성 사이의 줄다리기는 인터넷에서도 끝나지 않는 고민들이 이어져 왔고, 우리 팀 내부에서도 그 기준이 제대로 싱크가 맞지 않아 작업이 더뎌졌던 일이 드문드문 있었다. 사실 대부분 나의 지나친 상상(?)으로 인한 문제였던 것 같지만..<br>이 부분은 사실 프로젝트를 시작할 때 미리 명확하게 정했어야 하는데, 디자인 시스템에 대해 깊이 공부하지 않았던 나는 그걸 인지하지 못하고 으헤헤 몰라 재밌당 하며 개발하다가 관련된 문제가 발생할 때마다 케바케로 토론회를 소집했다. 재미는 있었는데 효율적이진 않았다 ㅋ..</p><p><strong>디자인 시스템은 왜 필요할까?</strong> 사실 이 근본적인 물음에는 아직도 답하기 어렵다. CDS의 경우에는 학습을 목적으로 만들어졌고, 기업의 입장에서는 결과물은 그대로이면서 공수만 많이 들어가는 아주 비효율적인 작업이다. 향후 유지보수 측면에서의 장점이 있다고는 하지만, 실작업자가 아닌 기업의 의사결정권자는 공감하기도 힘들고, 실제로 저울질을 해 보면 여전히 디자인 시스템을 구축하는 것이 비용이 더 큰 경우가 있다. 구직 활동 중 이런 종류의 질문을 몇 번 받았는데, 시원하게 대답하진 못한 것 같다. 이유를 대라면 댈 수는 있지만 더 깊은 고민과 철학이 있어야 채워질 것 같은 어딘가의 빈 공간이 자꾸 남더라.</p><h3 id=스쿼시-머지>스쿼시 머지</h3><p>CDS는 코딩 컨벤션으로 <em>브랜치를 스쿼시 머지로 병합할 것</em> 이라는 규칙이 있었다. 한 팀원 분이 이전 협업에서 아주 긍정적인 경험을 하셔서 제안해 주셨고, 우리는 새로운 체험이었기 때문에 오홍홍 조와용~~ 하고 통과되었다. 확실히 깃에 로그가 깔끔하게 남는 것은 편한데.. 다음에도 스쿼시 머지를 사용할 것이냐? 하면 나는 조금 고민이 될 것 같다.</p><p>우선 CDS 자체는 디자인시스템이라는 프로젝트 특성상 컴포넌트 단위로 작업이 완전히 분리되기 때문에, 머지되고 나면 그 컴포넌트가 어떤 히스토리를 갖고 만들어졌는지 알 필요가 별로 없다. 따라서 <code>feat: ooo 컴포넌트 구현</code> 처럼 하나의 커밋으로만 남아도 괜찮다고 생각했다. 그리고 실제로 스쿼시 머지로 인해 git graph가 엄청 깔끔하고 직관적이었다.<br>그런데 나중에 내가 작업한 컴포넌트에 뭔가 아쉬운 점이나 수정해야 할 일이 생기면, 수정해야 하는 line의 코드가 어떤 맥락으로 이렇게 짜여졌는지 알 수 없었다. 만약 그 코드가 어떤 필요에 의해 그렇게 구현되었던 코드라면? 내가 그 맥락을 기억하지 못하면 똑같은 시행착오를 반복해야 한다. 또는 이번에 수정하는 사람이 최초 작업자와 다른 사람이라면?<br>아무튼 위에 내가 저장 강박증이 어쩌고 했는데, 그 내용과 약간 대치하는 규칙이기도 해서, 잘 고민해 보고 선택해야 할 것 같다는 생각이 들었다. 결정 자체를 후회하거나 하진 않는다. 새로운 경험을 했고, 언급했듯 프로젝트 특성과도 적당히 들어맞는 방식이었다.</p><h1 id=맺는-말>맺는 말</h1><figure><img src=/images/posts/2023/06/cds-retrospect/06.png alt="cds v1.0 release"><figcaption><p>다른 분들의 깃허브 피드에 뜨는 걸 몰랐는데 무척 감사한 응원을 받았다.</p></figcaption></figure><p>사실 팀원들이 <em>CDS를 하면서 각자 블로그에 글 하나 씩은 씁시다!</em> 라고 했는데, 나만 안 썼다 ㅋㅋ.. 다들 뭔가 깊이 고민한 테마가 있었는데, 문득 생각해보면 나는 이것저것 다양하게 적당히 한 느낌? 좀 더 테마를 정하고 집중해서 할 걸 하는 생각도 들고 흠..</p><p>이전에 했던 프로젝트들은 정말 아쉬움이 강렬하게 남았는데, 그동안의 아쉬움을 모아서 벼르고 있었어서 + 부캠 때부터 내가 너무 좋아하던 사람들과 협업을 하게 되어서 뿌듯하고 행복한 협업이었다. 차스는 지금도 꾸준히 스터디를 이어가고 있는데, 이 사람들이 아직 도망치지 않았다는 건 나도 그들에게 나름 괜찮은 동료였기 때문이 아닐까?(내 생각) 그러니 1.2 버전 합시다 ^^</p><p>지금 쓰는 블로그 테마에는 수정일 표시가 안되는데.. 이 글을 쓰기 시작한게 <strong>6월 18일</strong>이고 지금이 <strong>8월 14일</strong>이다. 뭔 회고 쓰는 데 두 달이나 걸렸는지 하하 참 알 수가 없는 수준의 게으름이다. 뭐 누가 보는 블로그는 아니긴 한데 그래도 가끔은 글을 쓰려고 하자 ^ㅁ^</p></div></article><article id=giscus-wrapper></article><script>const giscus_light="https://cdn.jsdelivr.net/gh/prayinforrain/prayinforrain.github.io@main/static/styles/_giscus.css",giscus_dark="https://cdn.jsdelivr.net/gh/prayinforrain/prayinforrain.github.io@main/static/styles/_giscus_dark.css";let giscusTheme=localStorage.getItem("theme");giscusTheme||(giscusTheme="light",window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&(defaultTheme="dark"));let giscusAttributes={src:"https://giscus.app/client.js","data-repo":"prayinforrain/prayinforrain.github.io","data-repo-id":"R_kgDOItUJmA","data-category":"Announcements","data-category-id":"DIC_kwDOItUJmM4CTXa0","data-mapping":"pathname","data-reactions-enabled":"1","data-emit-metadata":"0","data-input-position":"top","data-theme":giscusTheme==="dark"?giscus_dark:giscus_light,"data-lang":"en",crossorigin:"anonymous",async:""},giscusScript=document.createElement("script");Object.entries(giscusAttributes).forEach(([e,t])=>giscusScript.setAttribute(e,t)),document.getElementById("giscus-wrapper").appendChild(giscusScript)</script></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
+theme on
+<a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
+<script src=https://prayinforrain.github.io/js/custom.min.d9a0ea0a65c1b01e922173e72cd81eedad8ae4b3ca9396e95f24b6e7d29a94c8.js integrity="sha256-2aDqCmXBsB6SIXPnLNge7a2K5LPKk5bpXyS259KalMg="></script></body></html>
\ No newline at end of file
diff --git a/posts/index.html b/posts/index.html
index b3b88d2..de0cd72 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -1,7 +1,7 @@
-<!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>Posts | PrayinForRain.dev</title><meta property="og:title" content="Posts | PrayinForRain.dev"><meta name=twitter:title content="Posts | PrayinForRain.dev"><meta itemprop=name content="Posts | PrayinForRain.dev"><meta name=application-name content="Posts | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><link rel=first href=/posts/><link rel=last href=/posts/><meta property="og:type" content="article"><meta property="og:article:published_time" content="2023-05-30T02:27:49+0900"><meta property="article:published_time" content="2023-05-30T02:27:49+0900"><script defer type=application/ld+json>{"@context":"http://schema.org","@type":"Article","headline":"Posts","author":{"@type":"Person","name":""},"datePublished":"2023-05-30","description":"","wordCount":0,"mainEntityOfPage":"True","dateModified":"2023-05-30","image":{"@type":"imageObject","url":""},"publisher":{"@type":"Organization","name":"PrayinForRain.dev"}}</script><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/posts/><link href=/posts/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/posts/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
+<!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>Posts | PrayinForRain.dev</title><meta property="og:title" content="Posts | PrayinForRain.dev"><meta name=twitter:title content="Posts | PrayinForRain.dev"><meta itemprop=name content="Posts | PrayinForRain.dev"><meta name=application-name content="Posts | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><link rel=first href=/posts/><link rel=last href=/posts/><meta property="og:type" content="article"><meta property="og:article:published_time" content="2023-06-18T16:43:32+0900"><meta property="article:published_time" content="2023-06-18T16:43:32+0900"><script defer type=application/ld+json>{"@context":"http://schema.org","@type":"Article","headline":"Posts","author":{"@type":"Person","name":""},"datePublished":"2023-06-18","description":"","wordCount":0,"mainEntityOfPage":"True","dateModified":"2023-08-14","image":{"@type":"imageObject","url":""},"publisher":{"@type":"Organization","name":"PrayinForRain.dev"}}</script><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/posts/><link href=/posts/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/posts/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Posts</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/05/exploring-yarn-berry/><h4 class=post-item-title>얀 베리 탐험하기</h4></a></div><time class=post-item-meta datetime=2023-05-30T02:27:49+0900>2023. 5. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/nextjs-storybook-with-pnp/><h4 class=post-item-title>Next.js Storybook에 Yarn PnP 적용하기</h4></a></div><time class=post-item-meta datetime=2023-04-27T15:32:50+0900>2023. 4. 27.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/nodejs-for-baekjoon/><h4 class=post-item-title>백준을 위한 node.js</h4></a></div><time class=post-item-meta datetime=2023-03-30T15:17:00+0900>2023. 3. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/npm-scripts-doesnt-work/><h4 class=post-item-title>VSCode의 NPM Scripts가 작동하지 않는 사람</h4></a></div><time class=post-item-meta datetime=2023-03-29T15:17:00+0900>2023. 3. 29.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/02/firebase-with-typescript/><h4 class=post-item-title>Firebase를 TypeScript에서 사용하기</h4></a></div><time class=post-item-meta datetime=2023-02-15T15:17:00+0900>2023. 2. 15.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/02/typescript-generic/><h4 class=post-item-title>Typescript Generic</h4></a></div><time class=post-item-meta datetime=2023-02-01T02:01:15+0900>2023. 2. 1.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/migrating-to-hugo/><h4 class=post-item-title>Hugo로 블로그를 옮기자</h4></a></div><time class=post-item-meta datetime=2023-01-30T19:17:55+0900>2023. 1. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/tree-shaking/><h4 class=post-item-title>Tree Shaking</h4></a></div><time class=post-item-meta datetime=2023-01-25T17:17:15+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/ecmascript/><h4 class=post-item-title>ECMAScript</h4></a></div><time class=post-item-meta datetime=2023-01-25T16:35:01+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/browser-rendering-performance/><h4 class=post-item-title>브라우저 렌더링과 성능</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/css-display/><h4 class=post-item-title>CSS의 display 속성</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/size-units-in-css/><h4 class=post-item-title>CSS의 크기 단위</h4></a></div><time class=post-item-meta datetime=2023-01-13T23:39:15+0900>2023. 1. 13.</time></article><h2 class=post-year>2022</h2><article class=post-item><div class=post-item-content><a href=/posts/2022/12/finishing-moheyum/><h4 class=post-item-title>모헤윰 mo:heyum - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2022-12-21T03:30:25+0900>2022. 12. 21.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/12/prevent-sidebar-blinking/><h4 class=post-item-title>사이드바야 그만 깜빡여라</h4></a></div><time class=post-item-meta datetime=2022-12-06T02:11:55+0900>2022. 12. 6.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/12/making-editor-markdown/><h4 class=post-item-title>마크다운 만들기 - Markdown [3/3]</h4></a></div><time class=post-item-meta datetime=2022-12-05T13:18:55+0900>2022. 12. 5.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/making-editor-getselection/><h4 class=post-item-title>마크다운 만들기 - getSelection [2/3]</h4></a></div><time class=post-item-meta datetime=2022-11-24T00:53:55+0900>2022. 11. 24.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/making-editor-contenteditable/><h4 class=post-item-title>마크다운 만들기 - contentEditable [1/3]</h4></a></div><time class=post-item-meta datetime=2022-11-22T20:36:55+0900>2022. 11. 22.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/redux-vs-recoil/><h4 class=post-item-title>Redux vs Recoil</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/npm-vs-yarn-vs-pnpm/><h4 class=post-item-title>npm vs yarn vs pnpm</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/emotion/><h4 class=post-item-title>Emotion</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Posts</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/06/cds-retrospect/><h4 class=post-item-title>차가운 디자인 시스템(CDS) 회고</h4><div class=post-item-summary>우리 v1.2 합시다</div></a></div><time class=post-item-meta datetime=2023-06-18T16:43:32+0900>2023. 6. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/05/exploring-yarn-berry/><h4 class=post-item-title>얀 베리 탐험하기</h4></a></div><time class=post-item-meta datetime=2023-05-30T02:27:49+0900>2023. 5. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/nextjs-storybook-with-pnp/><h4 class=post-item-title>Next.js Storybook에 Yarn PnP 적용하기</h4></a></div><time class=post-item-meta datetime=2023-04-27T15:32:50+0900>2023. 4. 27.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/nodejs-for-baekjoon/><h4 class=post-item-title>백준을 위한 node.js</h4></a></div><time class=post-item-meta datetime=2023-03-30T15:17:00+0900>2023. 3. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/03/npm-scripts-doesnt-work/><h4 class=post-item-title>VSCode의 NPM Scripts가 작동하지 않는 사람</h4></a></div><time class=post-item-meta datetime=2023-03-29T15:17:00+0900>2023. 3. 29.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/02/firebase-with-typescript/><h4 class=post-item-title>Firebase를 TypeScript에서 사용하기</h4></a></div><time class=post-item-meta datetime=2023-02-15T15:17:00+0900>2023. 2. 15.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/02/typescript-generic/><h4 class=post-item-title>Typescript Generic</h4></a></div><time class=post-item-meta datetime=2023-02-01T02:01:15+0900>2023. 2. 1.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/migrating-to-hugo/><h4 class=post-item-title>Hugo로 블로그를 옮기자</h4></a></div><time class=post-item-meta datetime=2023-01-30T19:17:55+0900>2023. 1. 30.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/tree-shaking/><h4 class=post-item-title>Tree Shaking</h4></a></div><time class=post-item-meta datetime=2023-01-25T17:17:15+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/ecmascript/><h4 class=post-item-title>ECMAScript</h4></a></div><time class=post-item-meta datetime=2023-01-25T16:35:01+0900>2023. 1. 25.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/browser-rendering-performance/><h4 class=post-item-title>브라우저 렌더링과 성능</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/css-display/><h4 class=post-item-title>CSS의 display 속성</h4></a></div><time class=post-item-meta datetime=2023-01-16T16:38:15+0900>2023. 1. 16.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/01/size-units-in-css/><h4 class=post-item-title>CSS의 크기 단위</h4></a></div><time class=post-item-meta datetime=2023-01-13T23:39:15+0900>2023. 1. 13.</time></article><h2 class=post-year>2022</h2><article class=post-item><div class=post-item-content><a href=/posts/2022/12/finishing-moheyum/><h4 class=post-item-title>모헤윰 mo:heyum - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2022-12-21T03:30:25+0900>2022. 12. 21.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/12/prevent-sidebar-blinking/><h4 class=post-item-title>사이드바야 그만 깜빡여라</h4></a></div><time class=post-item-meta datetime=2022-12-06T02:11:55+0900>2022. 12. 6.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/12/making-editor-markdown/><h4 class=post-item-title>마크다운 만들기 - Markdown [3/3]</h4></a></div><time class=post-item-meta datetime=2022-12-05T13:18:55+0900>2022. 12. 5.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/making-editor-getselection/><h4 class=post-item-title>마크다운 만들기 - getSelection [2/3]</h4></a></div><time class=post-item-meta datetime=2022-11-24T00:53:55+0900>2022. 11. 24.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/making-editor-contenteditable/><h4 class=post-item-title>마크다운 만들기 - contentEditable [1/3]</h4></a></div><time class=post-item-meta datetime=2022-11-22T20:36:55+0900>2022. 11. 22.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/redux-vs-recoil/><h4 class=post-item-title>Redux vs Recoil</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/npm-vs-yarn-vs-pnpm/><h4 class=post-item-title>npm vs yarn vs pnpm</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2022/11/emotion/><h4 class=post-item-title>Emotion</h4></a></div><time class=post-item-meta datetime=2022-11-18T16:42:55+0900>2022. 11. 18.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/posts/index.xml b/posts/index.xml
index f0632c2..c65234d 100644
--- a/posts/index.xml
+++ b/posts/index.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Posts on PrayinForRain.dev</title><link>https://prayinforrain.github.io/posts/</link><description>Recent content in Posts on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Tue, 30 May 2023 02:27:49 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>얀 베리 탐험하기</title><link>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</guid><description>내 레포의 위험한 녀석 최근 차가운 디자인 시스템(CDS)의 패키지 매니저를 Yarn berry로 마이그레이션 하는 작업을 하고 있다. 이유는 후술할 node_modules 자체의 단점도 있고, 내 데스크탑이 HDD를 사용하기 때문에 node_modules의 수십만 개의 파일들을 다루는 것이 너무 느려서 강력 추천했다.
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Posts on PrayinForRain.dev</title><link>https://prayinforrain.github.io/posts/</link><description>Recent content in Posts on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/posts/index.xml" rel="self" type="application/rss+xml"/><item><title>차가운 디자인 시스템(CDS) 회고</title><link>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</guid><description>우리 v1.2 합시다</description></item><item><title>얀 베리 탐험하기</title><link>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</guid><description>내 레포의 위험한 녀석 최근 차가운 디자인 시스템(CDS)의 패키지 매니저를 Yarn berry로 마이그레이션 하는 작업을 하고 있다. 이유는 후술할 node_modules 자체의 단점도 있고, 내 데스크탑이 HDD를 사용하기 때문에 node_modules의 수십만 개의 파일들을 다루는 것이 너무 느려서 강력 추천했다.
 하지만 사실 나는 PnP가 어떻게 패키지들을 resolve하는지 전혀 모른다. 그저 어떻게 해야 오류 없이 쓸 수 있는지만 열심히 고민했는데, 팀원들에게 설명할 때 마다 막연히 얀베리가 잘못했겠죠~ 하는 스스로에게 자괴감을 느껴 이 기회에 한 번 Yarn PnP를 똑바로 마주해 보기로 했다.</description></item><item><title>Next.js Storybook에 Yarn PnP 적용하기</title><link>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</guid><description>Storybook을 쓰려고 했는데 최근 Storybook을 사용할 일이 무척 많았다. 언젠가는 포스팅을 해야 할 CDS 프로젝트부터 넘블 챌린지도 있었고&amp;hellip; 처음엔 너무 낯설었지만 공통된 컴포넌트들을 미리 설계해 두고 재사용하는 것이 좀 더 깔끔한 설계가 되는 것 같아 매력을 느꼈다.
 그런데 문제는 내 작업 환경에 있었다. 꽤 연식이 된 윈도우 데스크탑에 수십가지 개발 환경을 섞어 놓고, 요새는 게임에도 못 쓰는 처참한 성능의 HDD에 레포를 두고 쓰니 종속성 패키지 설치도 커피 한 잔 타와야 하는 시간이 걸리니 Yarn Berry의 사용이 반필수가 되어버렸다.</description></item><item><title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</title><link>https://prayinforrain.github.io/posts/2023/04/numble-talk/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/numble-talk/</guid><description>시작하게 된 계기 3월에 정말 많은 일들이 있었다. 아직 뭔가 성과라고 내세울 결과물이 없긴 하지만 그래도 무의미하진 않았다(?)고 주장할 수 있는 그런 시간이었다. 점점 일이 정리가 되고 여유가 생기면서 번아웃이 온 사람처럼 푹 늘어지는 느낌이 있었는데, 그 와중에 누가 넘블을 소개해 주셨다.
 대충.. 프로젝트 주제와 요구사항을 주고 구현을 해 보는? 프로세스의 활동으로 이해했다. 기간이 짧아 확 몰입하기 좋겠다는 생각을 해서 한 번 맛만 보기로 했다. OpenAI API를 활용해 보는 프로젝트라는 점이 관심을 끌기도 했다.</description></item><item><title>백준을 위한 node.js</title><link>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</guid><description>JS라도 백준이 하고싶어 공채 시즌이다. 개인적으로 코딩 테스트를 정말정말 자신 없어했는데, 더 이상 미룰 수 없어 야금야금 공부를 시작했다.
diff --git a/sitemap.xml b/sitemap.xml
index 5b45884..8717cfd 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://prayinforrain.github.io/categories/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/node.js/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/yarn/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nextjs/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/pnp/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/storybook/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/life/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/numble/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/project/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/04/numble-talk/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/algorithm/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/algorithm/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/baekjoon/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/javascript/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nodejs/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/ps/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/ide/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/macos/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/npm/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nvm/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/vscode/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/03/npm-scripts-doesnt-work/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/firebase/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/02/firebase-with-typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/web/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/generic/</loc><lastmod>2023-02-01T02:01:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</loc><lastmod>2023-02-01T02:01:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/web/</loc><lastmod>2023-02-01T02:01:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/blog/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/hugo/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/migrating-to-hugo/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/javascript/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/tree-shaking/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/tree-shaking/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/ecmascript/</loc><lastmod>2023-01-25T16:35:01+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/ecmascript/</loc><lastmod>2023-01-25T16:35:01+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/browser/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/css/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/css/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/css-display/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/browser-rendering-performance/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</loc><lastmod>2023-01-13T23:39:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/about/</loc><lastmod>2023-05-04T01:48:16+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/finishing-moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/prevent-sidebar-blinking/</loc><lastmod>2022-12-06T02:11:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/making-editor-markdown/</loc><lastmod>2022-12-05T13:18:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/making-editor-getselection/</loc><lastmod>2022-11-24T00:53:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/making-editor-contenteditable/</loc><lastmod>2022-11-22T20:36:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/css-in-js/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/emotion/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/emotion/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/npm-vs-yarn-vs-pnpm/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/pnpm/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/react/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/recoil/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/redux/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/redux-vs-recoil/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url></urlset>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>https://prayinforrain.github.io/categories/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/cds/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/project/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/web/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</loc><lastmod>2023-08-14T00:54:02+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/node.js/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/yarn/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/05/exploring-yarn-berry/</loc><lastmod>2023-05-30T02:27:49+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/04/nextjs-storybook-with-pnp/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nextjs/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/pnp/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/storybook/</loc><lastmod>2023-04-27T15:32:50+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/life/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/numble/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/04/numble-talk/</loc><lastmod>2023-04-23T04:05:58+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/algorithm/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/algorithm/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/baekjoon/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/javascript/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nodejs/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/ps/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/03/nodejs-for-baekjoon/</loc><lastmod>2023-03-30T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/ide/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/macos/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/npm/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/nvm/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/vscode/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/03/npm-scripts-doesnt-work/</loc><lastmod>2023-03-29T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/firebase/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/02/firebase-with-typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/typescript/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/web/</loc><lastmod>2023-02-15T15:17:00+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/generic/</loc><lastmod>2023-02-01T02:01:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/02/typescript-generic/</loc><lastmod>2023-02-01T02:01:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/blog/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/hugo/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/migrating-to-hugo/</loc><lastmod>2023-01-30T19:17:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/javascript/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/tree-shaking/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/tree-shaking/</loc><lastmod>2023-01-25T17:17:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/ecmascript/</loc><lastmod>2023-01-25T16:35:01+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/ecmascript/</loc><lastmod>2023-01-25T16:35:01+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/browser/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/css/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/css/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/css-display/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/browser-rendering-performance/</loc><lastmod>2023-01-16T16:38:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2023/01/size-units-in-css/</loc><lastmod>2023-01-13T23:39:15+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/about/</loc><lastmod>2023-05-04T01:48:16+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/finishing-moheyum/</loc><lastmod>2022-12-21T03:30:25+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/prevent-sidebar-blinking/</loc><lastmod>2022-12-06T02:11:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/12/making-editor-markdown/</loc><lastmod>2022-12-05T13:18:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/making-editor-getselection/</loc><lastmod>2022-11-24T00:53:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/making-editor-contenteditable/</loc><lastmod>2022-11-22T20:36:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/css-in-js/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/emotion/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/emotion/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/npm-vs-yarn-vs-pnpm/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/pnpm/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/categories/react/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/recoil/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/tags/redux/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url><url><loc>https://prayinforrain.github.io/posts/2022/11/redux-vs-recoil/</loc><lastmod>2022-11-18T16:42:55+09:00</lastmod></url></urlset>
\ No newline at end of file
diff --git a/tags/cds/index.html b/tags/cds/index.html
new file mode 100644
index 0000000..38af8ae
--- /dev/null
+++ b/tags/cds/index.html
@@ -0,0 +1,8 @@
+<!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>cds | PrayinForRain.dev</title><meta property="og:title" content="cds | PrayinForRain.dev"><meta name=twitter:title content="cds | PrayinForRain.dev"><meta itemprop=name content="cds | PrayinForRain.dev"><meta name=application-name content="cds | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/tags/cds/><link href=/tags/cds/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/tags/cds/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
+<script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
+<script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">cds</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/06/cds-retrospect/><h4 class=post-item-title>차가운 디자인 시스템(CDS) 회고</h4><div class=post-item-summary>우리 v1.2 합시다</div></a></div><time class=post-item-meta datetime=2023-06-18T16:43:32+0900>2023. 6. 18.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
+theme on
+<a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
+<script src=https://prayinforrain.github.io/js/custom.min.d9a0ea0a65c1b01e922173e72cd81eedad8ae4b3ca9396e95f24b6e7d29a94c8.js integrity="sha256-2aDqCmXBsB6SIXPnLNge7a2K5LPKk5bpXyS259KalMg="></script></body></html>
\ No newline at end of file
diff --git a/tags/cds/index.xml b/tags/cds/index.xml
new file mode 100644
index 0000000..ef92925
--- /dev/null
+++ b/tags/cds/index.xml
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>cds on PrayinForRain.dev</title><link>https://prayinforrain.github.io/tags/cds/</link><description>Recent content in cds on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/tags/cds/index.xml" rel="self" type="application/rss+xml"/><item><title>차가운 디자인 시스템(CDS) 회고</title><link>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</guid><description>우리 v1.2 합시다</description></item></channel></rss>
\ No newline at end of file
diff --git a/tags/index.html b/tags/index.html
index 83bc0d8..15e0389 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -1,7 +1,7 @@
 <!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>Tags | PrayinForRain.dev</title><meta property="og:title" content="Tags | PrayinForRain.dev"><meta name=twitter:title content="Tags | PrayinForRain.dev"><meta itemprop=name content="Tags | PrayinForRain.dev"><meta name=application-name content="Tags | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/tags/><link href=/tags/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/tags/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Tags</h1></header><main class=page-content aria-label=Content><ul class=badge-list><li class=badge-item><a href=https://prayinforrain.github.io/tags/yarn/>yarn (3)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nextjs/>nextjs (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/pnp/>pnp (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/storybook/>storybook (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/numble/>numble (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/project/>project (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/algorithm/>algorithm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/baekjoon/>baekjoon (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/javascript/>javascript (3)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nodejs/>nodejs (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/ps/>ps (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/macos/>macOS (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/npm/>npm (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nvm/>nvm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/vscode/>vscode (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/firebase/>Firebase (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/typescript/>TypeScript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/web/>Web (7)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/generic/>Generic (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/blog/>blog (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/hugo/>hugo (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/tree-shaking/>tree-shaking (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/ecmascript/>ECMAScript (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/browser/>browser (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/css/>CSS (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/moheyum/>moheyum (8)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/css-in-js/>CSS-in-JS (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/emotion/>Emotion (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/pnpm/>pnpm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/recoil/>recoil (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/redux/>redux (1)</a></li></ul></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">Tags</h1></header><main class=page-content aria-label=Content><ul class=badge-list><li class=badge-item><a href=https://prayinforrain.github.io/tags/cds/>cds (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/project/>project (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/yarn/>yarn (3)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nextjs/>nextjs (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/pnp/>pnp (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/storybook/>storybook (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/numble/>numble (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/algorithm/>algorithm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/baekjoon/>baekjoon (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/javascript/>javascript (3)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nodejs/>nodejs (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/ps/>ps (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/macos/>macOS (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/npm/>npm (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/nvm/>nvm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/vscode/>vscode (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/firebase/>Firebase (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/typescript/>TypeScript (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/web/>Web (7)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/generic/>Generic (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/blog/>blog (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/hugo/>hugo (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/tree-shaking/>tree-shaking (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/ecmascript/>ECMAScript (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/browser/>browser (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/css/>CSS (2)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/moheyum/>moheyum (8)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/css-in-js/>CSS-in-JS (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/emotion/>Emotion (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/pnpm/>pnpm (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/recoil/>recoil (1)</a></li><li class=badge-item><a href=https://prayinforrain.github.io/tags/redux/>redux (1)</a></li></ul></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/tags/index.xml b/tags/index.xml
index 1db8e1e..c029f13 100644
--- a/tags/index.xml
+++ b/tags/index.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on PrayinForRain.dev</title><link>https://prayinforrain.github.io/tags/</link><description>Recent content in Tags on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Tue, 30 May 2023 02:27:49 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>yarn</title><link>https://prayinforrain.github.io/tags/yarn/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/tags/yarn/</guid><description/></item><item><title>nextjs</title><link>https://prayinforrain.github.io/tags/nextjs/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nextjs/</guid><description/></item><item><title>pnp</title><link>https://prayinforrain.github.io/tags/pnp/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/pnp/</guid><description/></item><item><title>storybook</title><link>https://prayinforrain.github.io/tags/storybook/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/storybook/</guid><description/></item><item><title>numble</title><link>https://prayinforrain.github.io/tags/numble/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/tags/numble/</guid><description/></item><item><title>project</title><link>https://prayinforrain.github.io/tags/project/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/tags/project/</guid><description/></item><item><title>algorithm</title><link>https://prayinforrain.github.io/tags/algorithm/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/algorithm/</guid><description/></item><item><title>baekjoon</title><link>https://prayinforrain.github.io/tags/baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/baekjoon/</guid><description/></item><item><title>javascript</title><link>https://prayinforrain.github.io/tags/javascript/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/javascript/</guid><description/></item><item><title>nodejs</title><link>https://prayinforrain.github.io/tags/nodejs/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nodejs/</guid><description/></item><item><title>ps</title><link>https://prayinforrain.github.io/tags/ps/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/ps/</guid><description/></item><item><title>macOS</title><link>https://prayinforrain.github.io/tags/macos/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/macos/</guid><description/></item><item><title>npm</title><link>https://prayinforrain.github.io/tags/npm/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/npm/</guid><description/></item><item><title>nvm</title><link>https://prayinforrain.github.io/tags/nvm/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nvm/</guid><description/></item><item><title>vscode</title><link>https://prayinforrain.github.io/tags/vscode/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/vscode/</guid><description/></item><item><title>Firebase</title><link>https://prayinforrain.github.io/tags/firebase/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/firebase/</guid><description/></item><item><title>TypeScript</title><link>https://prayinforrain.github.io/tags/typescript/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/typescript/</guid><description/></item><item><title>Web</title><link>https://prayinforrain.github.io/tags/web/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/web/</guid><description/></item><item><title>Generic</title><link>https://prayinforrain.github.io/tags/generic/</link><pubDate>Wed, 01 Feb 2023 02:01:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/generic/</guid><description/></item><item><title>blog</title><link>https://prayinforrain.github.io/tags/blog/</link><pubDate>Mon, 30 Jan 2023 19:17:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/blog/</guid><description/></item><item><title>hugo</title><link>https://prayinforrain.github.io/tags/hugo/</link><pubDate>Mon, 30 Jan 2023 19:17:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/hugo/</guid><description/></item><item><title>tree-shaking</title><link>https://prayinforrain.github.io/tags/tree-shaking/</link><pubDate>Wed, 25 Jan 2023 17:17:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/tree-shaking/</guid><description/></item><item><title>ECMAScript</title><link>https://prayinforrain.github.io/tags/ecmascript/</link><pubDate>Wed, 25 Jan 2023 16:35:01 +0900</pubDate><guid>https://prayinforrain.github.io/tags/ecmascript/</guid><description/></item><item><title>browser</title><link>https://prayinforrain.github.io/tags/browser/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/browser/</guid><description/></item><item><title>CSS</title><link>https://prayinforrain.github.io/tags/css/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/css/</guid><description/></item><item><title>moheyum</title><link>https://prayinforrain.github.io/tags/moheyum/</link><pubDate>Wed, 21 Dec 2022 03:30:25 +0900</pubDate><guid>https://prayinforrain.github.io/tags/moheyum/</guid><description/></item><item><title>CSS-in-JS</title><link>https://prayinforrain.github.io/tags/css-in-js/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/css-in-js/</guid><description/></item><item><title>Emotion</title><link>https://prayinforrain.github.io/tags/emotion/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/emotion/</guid><description/></item><item><title>pnpm</title><link>https://prayinforrain.github.io/tags/pnpm/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/pnpm/</guid><description/></item><item><title>recoil</title><link>https://prayinforrain.github.io/tags/recoil/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/recoil/</guid><description/></item><item><title>redux</title><link>https://prayinforrain.github.io/tags/redux/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/redux/</guid><description/></item></channel></rss>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on PrayinForRain.dev</title><link>https://prayinforrain.github.io/tags/</link><description>Recent content in Tags on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/tags/index.xml" rel="self" type="application/rss+xml"/><item><title>cds</title><link>https://prayinforrain.github.io/tags/cds/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/tags/cds/</guid><description/></item><item><title>project</title><link>https://prayinforrain.github.io/tags/project/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/tags/project/</guid><description/></item><item><title>yarn</title><link>https://prayinforrain.github.io/tags/yarn/</link><pubDate>Tue, 30 May 2023 02:27:49 +0900</pubDate><guid>https://prayinforrain.github.io/tags/yarn/</guid><description/></item><item><title>nextjs</title><link>https://prayinforrain.github.io/tags/nextjs/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nextjs/</guid><description/></item><item><title>pnp</title><link>https://prayinforrain.github.io/tags/pnp/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/pnp/</guid><description/></item><item><title>storybook</title><link>https://prayinforrain.github.io/tags/storybook/</link><pubDate>Thu, 27 Apr 2023 15:32:50 +0900</pubDate><guid>https://prayinforrain.github.io/tags/storybook/</guid><description/></item><item><title>numble</title><link>https://prayinforrain.github.io/tags/numble/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/tags/numble/</guid><description/></item><item><title>algorithm</title><link>https://prayinforrain.github.io/tags/algorithm/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/algorithm/</guid><description/></item><item><title>baekjoon</title><link>https://prayinforrain.github.io/tags/baekjoon/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/baekjoon/</guid><description/></item><item><title>javascript</title><link>https://prayinforrain.github.io/tags/javascript/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/javascript/</guid><description/></item><item><title>nodejs</title><link>https://prayinforrain.github.io/tags/nodejs/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nodejs/</guid><description/></item><item><title>ps</title><link>https://prayinforrain.github.io/tags/ps/</link><pubDate>Thu, 30 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/ps/</guid><description/></item><item><title>macOS</title><link>https://prayinforrain.github.io/tags/macos/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/macos/</guid><description/></item><item><title>npm</title><link>https://prayinforrain.github.io/tags/npm/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/npm/</guid><description/></item><item><title>nvm</title><link>https://prayinforrain.github.io/tags/nvm/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/nvm/</guid><description/></item><item><title>vscode</title><link>https://prayinforrain.github.io/tags/vscode/</link><pubDate>Wed, 29 Mar 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/vscode/</guid><description/></item><item><title>Firebase</title><link>https://prayinforrain.github.io/tags/firebase/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/firebase/</guid><description/></item><item><title>TypeScript</title><link>https://prayinforrain.github.io/tags/typescript/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/typescript/</guid><description/></item><item><title>Web</title><link>https://prayinforrain.github.io/tags/web/</link><pubDate>Wed, 15 Feb 2023 15:17:00 +0900</pubDate><guid>https://prayinforrain.github.io/tags/web/</guid><description/></item><item><title>Generic</title><link>https://prayinforrain.github.io/tags/generic/</link><pubDate>Wed, 01 Feb 2023 02:01:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/generic/</guid><description/></item><item><title>blog</title><link>https://prayinforrain.github.io/tags/blog/</link><pubDate>Mon, 30 Jan 2023 19:17:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/blog/</guid><description/></item><item><title>hugo</title><link>https://prayinforrain.github.io/tags/hugo/</link><pubDate>Mon, 30 Jan 2023 19:17:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/hugo/</guid><description/></item><item><title>tree-shaking</title><link>https://prayinforrain.github.io/tags/tree-shaking/</link><pubDate>Wed, 25 Jan 2023 17:17:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/tree-shaking/</guid><description/></item><item><title>ECMAScript</title><link>https://prayinforrain.github.io/tags/ecmascript/</link><pubDate>Wed, 25 Jan 2023 16:35:01 +0900</pubDate><guid>https://prayinforrain.github.io/tags/ecmascript/</guid><description/></item><item><title>browser</title><link>https://prayinforrain.github.io/tags/browser/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/browser/</guid><description/></item><item><title>CSS</title><link>https://prayinforrain.github.io/tags/css/</link><pubDate>Mon, 16 Jan 2023 16:38:15 +0900</pubDate><guid>https://prayinforrain.github.io/tags/css/</guid><description/></item><item><title>moheyum</title><link>https://prayinforrain.github.io/tags/moheyum/</link><pubDate>Wed, 21 Dec 2022 03:30:25 +0900</pubDate><guid>https://prayinforrain.github.io/tags/moheyum/</guid><description/></item><item><title>CSS-in-JS</title><link>https://prayinforrain.github.io/tags/css-in-js/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/css-in-js/</guid><description/></item><item><title>Emotion</title><link>https://prayinforrain.github.io/tags/emotion/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/emotion/</guid><description/></item><item><title>pnpm</title><link>https://prayinforrain.github.io/tags/pnpm/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/pnpm/</guid><description/></item><item><title>recoil</title><link>https://prayinforrain.github.io/tags/recoil/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/recoil/</guid><description/></item><item><title>redux</title><link>https://prayinforrain.github.io/tags/redux/</link><pubDate>Fri, 18 Nov 2022 16:42:55 +0900</pubDate><guid>https://prayinforrain.github.io/tags/redux/</guid><description/></item></channel></rss>
\ No newline at end of file
diff --git a/tags/project/index.html b/tags/project/index.html
index 810ca10..f5e343d 100644
--- a/tags/project/index.html
+++ b/tags/project/index.html
@@ -1,7 +1,7 @@
 <!doctype html><html lang=ko><head><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><title itemprop=name>project | PrayinForRain.dev</title><meta property="og:title" content="project | PrayinForRain.dev"><meta name=twitter:title content="project | PrayinForRain.dev"><meta itemprop=name content="project | PrayinForRain.dev"><meta name=application-name content="project | PrayinForRain.dev"><meta property="og:site_name" content="PrayinforRain.dev"><meta name=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta itemprop=description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:description" content="Dev blog of PrayinForRain, a KR frontend engineer"><meta name=twitter:description content="Dev blog of PrayinForRain, a KR frontend engineer"><meta property="og:locale" content="ko"><meta name=language content="ko"><meta itemprop=image content="https://prayinforrain.github.io/avatar.png"><meta property="og:image" content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image content="https://prayinforrain.github.io/avatar.png"><meta name=twitter:image:src content="https://prayinforrain.github.io/avatar.png"><meta name=generator content="Hugo 0.117.0"><link rel=canonical href=https://prayinforrain.github.io/tags/project/><link href=/tags/project/index.xml rel=alternate type=application/rss+xml title=PrayinForRain.dev><link href=/tags/project/index.xml rel=feed type=application/rss+xml title=PrayinForRain.dev><link href=/style.min.93748964897d0228e2c5c17f6c2a0e8e5bff0ceef15f05e561249e9ea330ce21.css rel=stylesheet><link href=/code-highlight.min.731e9fc351d3c45d032fb5f574575c296f67e08c1c6229b5ccbfd7bfb18217c5.css rel=stylesheet><link rel=apple-touch-icon sizes=180x180 href=/icons/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/icons/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/icons/favicon-16x16.png><link rel=mask-icon href=/icons/safari-pinned-tab.svg><link rel="shortcut icon" href=/favicon.ico><link rel=manifest href=https://prayinforrain.github.io/site.webmanifest><meta name=msapplication-config content="/browserconfig.xml"><meta name=msapplication-TileColor content="#2d89ef"><meta name=theme-color content="#434648"><link rel=icon type=image/svg+xml href=/icons/favicon.ico><script async src="https://www.googletagmanager.com/gtag/js?id=G-63GYNX3VF5"></script>
 <script>var doNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-63GYNX3VF5",{anonymize_ip:!1})}</script><script type=text/javascript src=//wcs.naver.net/wcslog.js></script>
 <script type=text/javascript>if(!wcs_add)var wcs_add={};wcs_add.wa="1940c9395811670",window.wcs&&location.host==="prayinforrain.github.io"&&wcs_do()</script></head><body data-theme=auto class=notransition><script src=/js/theme.min.d17e61995c7d9fee9a7b0e77c95447101fe27fa434c458fab370732da48b2b17.js integrity="sha256-0X5hmVx9n+6aew53yVRHEB/if6Q0xFj6s3BzLaSLKxc="></script><div class=navbar role=navigation><nav class=menu aria-label="Main Navigation"><a href=https://prayinforrain.github.io/ class=logo><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><title>Home</title><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a><input type=checkbox id=menu-trigger class=menu-trigger>
-<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">project</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
+<label for=menu-trigger><span class=menu-icon><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentcolor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7H3.40726"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 12.5V1.5c0-.552285.447715-1 1-1h11C13.0523.5 13.5.947715 13.5 1.5v11C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C.947715 13.5.5 13.0523.5 12.5z"/></svg></span></label><div class=trigger><ul class=trigger-container><li><a class=menu-link href=/>Home</a></li><li><a class=menu-link href=/posts/>Posts</a></li><li><a class=menu-link href=/tags/>Tags</a></li><li><a class=menu-link href=/about/>About</a></li><li class=menu-separator><span>|</span></li></ul><a id=mode href=#><svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1"><title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1=".5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1=".5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"/><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"/></g></svg></a></div></nav></div><div class="wrapper list-page"><header class=header><h1 class="header-title center">project</h1></header><main class=page-content aria-label=Content><h2 class=post-year>2023</h2><article class=post-item><div class=post-item-content><a href=/posts/2023/06/cds-retrospect/><h4 class=post-item-title>차가운 디자인 시스템(CDS) 회고</h4><div class=post-item-summary>우리 v1.2 합시다</div></a></div><time class=post-item-meta datetime=2023-06-18T16:43:32+0900>2023. 6. 18.</time></article><article class=post-item><div class=post-item-content><a href=/posts/2023/04/numble-talk/><h4 class=post-item-title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</h4></a></div><time class=post-item-meta datetime=2023-04-23T04:05:58+0900>2023. 4. 23.</time></article></main></div><footer class=footer><span class=footer_item></span>&nbsp;<div class=footer_social-icons><a href=https://github.com/prayinforrain target=_blank rel="noopener noreferrer me" title=Github><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"/></svg></a><a href=mailto:prayinforrain@naver.com target=_blank rel="noopener noreferrer me" title=Email><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 21" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1.0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1.0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg></a><a href=index.xml target=_blank rel="noopener noreferrer me" title=Rss><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 019 9"/><path d="M4 4a16 16 0 0116 16"/><circle cx="5" cy="19" r="1"/></svg></a></div><small class=footer_copyright>© 2023 PrayinforRain.
 Powered by <a href=https://github.com/hugo-sid/hugo-blog-awesome target=_blank rel="noreferrer noopener">Hugo blog awesome</a>
 theme on
 <a href=https://gohugo.io target=_blank rel="noreferrer noopener">Hugo</a>.</small></footer><a href=# title="Go to top" id=totop><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentcolor" stroke="currentcolor" viewBox="0 96 960 960"><path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197z"/></svg></a><script src=https://prayinforrain.github.io/js/main.min.35f435a5d8eac613c52daa28d8af544a4512337d3e95236e4a4978417b8dcb2f.js integrity="sha256-NfQ1pdjqxhPFLaoo2K9USkUSM30+lSNuSkl4QXuNyy8="></script>
diff --git a/tags/project/index.xml b/tags/project/index.xml
index 1ecf081..6e7a3ad 100644
--- a/tags/project/index.xml
+++ b/tags/project/index.xml
@@ -1,2 +1,2 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>project on PrayinForRain.dev</title><link>https://prayinforrain.github.io/tags/project/</link><description>Recent content in project on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 23 Apr 2023 04:05:58 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/tags/project/index.xml" rel="self" type="application/rss+xml"/><item><title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</title><link>https://prayinforrain.github.io/posts/2023/04/numble-talk/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/numble-talk/</guid><description>시작하게 된 계기 3월에 정말 많은 일들이 있었다. 아직 뭔가 성과라고 내세울 결과물이 없긴 하지만 그래도 무의미하진 않았다(?)고 주장할 수 있는 그런 시간이었다. 점점 일이 정리가 되고 여유가 생기면서 번아웃이 온 사람처럼 푹 늘어지는 느낌이 있었는데, 그 와중에 누가 넘블을 소개해 주셨다.
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>project on PrayinForRain.dev</title><link>https://prayinforrain.github.io/tags/project/</link><description>Recent content in project on PrayinForRain.dev</description><generator>Hugo -- gohugo.io</generator><language>ko</language><lastBuildDate>Sun, 18 Jun 2023 16:43:32 +0900</lastBuildDate><atom:link href="https://prayinforrain.github.io/tags/project/index.xml" rel="self" type="application/rss+xml"/><item><title>차가운 디자인 시스템(CDS) 회고</title><link>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</link><pubDate>Sun, 18 Jun 2023 16:43:32 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/06/cds-retrospect/</guid><description>우리 v1.2 합시다</description></item><item><title>넘블 OpenAI 단톡방 챌린지 - 프로젝트 회고</title><link>https://prayinforrain.github.io/posts/2023/04/numble-talk/</link><pubDate>Sun, 23 Apr 2023 04:05:58 +0900</pubDate><guid>https://prayinforrain.github.io/posts/2023/04/numble-talk/</guid><description>시작하게 된 계기 3월에 정말 많은 일들이 있었다. 아직 뭔가 성과라고 내세울 결과물이 없긴 하지만 그래도 무의미하진 않았다(?)고 주장할 수 있는 그런 시간이었다. 점점 일이 정리가 되고 여유가 생기면서 번아웃이 온 사람처럼 푹 늘어지는 느낌이 있었는데, 그 와중에 누가 넘블을 소개해 주셨다.
 대충.. 프로젝트 주제와 요구사항을 주고 구현을 해 보는? 프로세스의 활동으로 이해했다. 기간이 짧아 확 몰입하기 좋겠다는 생각을 해서 한 번 맛만 보기로 했다. OpenAI API를 활용해 보는 프로젝트라는 점이 관심을 끌기도 했다.</description></item></channel></rss>
\ No newline at end of file
