-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (58 loc) · 31.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.10edd8fac1e591a83fce.css" id="gatsby-global-css">html{font-size:100}body{margin:0 0 0 calc(100vw - 100%);color:#222;line-height:1.625;font-size:1rem;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:2.5rem;line-height:3.25rem;margin-top:6.5rem;margin-bottom:1.625rem}h2{font-size:1.6875rem;line-height:2.4375rem}h2,h3{margin-top:3.25rem;margin-bottom:.8125rem}h3{font-size:1.375rem;line-height:1.625rem}h4{font-size:1.2rem;margin-top:2.4375rem}h4,h5{line-height:1.625rem;margin-bottom:.8125rem}h5,h6{font-size:1rem;margin-top:4.0625rem}h6{line-height:1.625rem;margin-bottom:.8125rem}img{max-width:100%;margin:inherit auto}hr,img{border:0;display:block}hr{color:#222;height:1.625rem;margin:3.25rem auto;background-size:100% 26px;background-image:linear-gradient(180deg,transparent 1px,transparent 11px,#222 0,#222 15px,transparent 0,transparent 26px);width:6.25rem}a{color:#5d93ff;text-decoration:none}a:active,a:focus,a:hover{color:#f7a046}b,strong{font-weight:600}ul{list-style:square;margin-bottom:1.625rem}ul li{padding:0 .3125rem;margin-bottom:.625rem}p{line-height:1.625rem;margin-bottom:1.625rem}blockquote{padding:0;font-style:italic;text-align:center}figure{display:block;width:100%;height:auto}figcaption{line-height:1.21875rem;margin-top:.40625rem;color:#222;font-size:.875rem;font-style:italic;margin-bottom:0;text-align:center}.anchor{margin-left:-1.875rem!important;padding-right:.875rem!important}@media screen and (min-width:685px){figure.float-left,figure.float-right{max-width:19.375rem;padding:0 1.625rem}.float-right{float:right}.float-left{float:left}}code[class*=language-],pre[class*=language-]{color:#e1ffbb;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.95em;text-align:left;white-space:pre-wrap;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{background:#073642}pre[class*=language-]{margin:.5em 0;overflow:visible;border-radius:.8em;padding:2em 1.8em 3em 1.7em}:not(pre)>code[class*=language-],pre[class*=language-]{background:linear-gradient(19deg,rgb(62 69 88),rgb(54 60 75))}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#cdccd4;padding:4px 11px;background:rgba(75,95,95,.47058823529411764)}.token.punctuation{color:rgb(102 126 181/98%);font-size:.9em;padding:0 1px}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#d4d4d4}.token.number{color:#ff8080}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#fffb5c}.token.entity{color:#657b83;background:#eee8d5}.token.operator{color:#ffdcaf;font-size:1.15em}.token.atrule,.token.attr-value,.token.keyword{color:#b2dccf}.token.class-name,.token.function{color:#5cb3ff}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.Author-module--author__photo--HnDWV{display:inline-block;margin-bottom:0;border-radius:50%;background-clip:padding-box}.Author-module--author__title--ZztQd{font-size:1.125rem;font-weight:600;line-height:1.82813rem;margin:.8125rem 0}.Author-module--author__title-link--BY7f8{color:#222}.Author-module--author__title-link--BY7f8:focus,.Author-module--author__title-link--BY7f8:hover{color:#222}.Author-module--author__subtitle--3hbMX{color:#888;line-height:1.625rem;margin-bottom:1.625rem}.Icon-module--icon--1T2h2{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;font-style:normal;font-weight:400;speak:none;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Contacts-module--contacts--3fb7G{margin-bottom:1.625rem}.Contacts-module--contacts__list--27zok{display:flex;flex-flow:row wrap;flex-grow:0;flex-shrink:0;list-style:none;padding:0;margin:.625rem -.1875rem;width:8.75rem}.Contacts-module--contacts__list-item--1Adud{padding:0;margin:.25rem;display:flex;align-content:center;align-items:center;justify-content:center;height:2.1875rem;width:2.1875rem;line-height:2.1875rem;border-radius:50%;text-align:center;border:1px solid #ebebeb}.Contacts-module--contacts__list-item-link--2L60c{border:0;display:flex;color:#222}.Contacts-module--contacts__list-item-link--2L60c:focus,.Contacts-module--contacts__list-item-link--2L60c:hover{color:#5d93ff}.Copyright-module--copyright--1YLES{color:#b6b6b6;font-size:.875rem}.Menu-module--menu--2aN3O{margin-bottom:1.625rem}.Menu-module--menu__list--1uKDu{list-style:none;padding:0;margin:0}.Menu-module--menu__list-item--27cxj{padding:0;margin:.625rem 0}.Menu-module--menu__list-item-link--29Sd-{font-size:1rem;color:#222;font-weight:400;border:0}.Menu-module--menu__list-item-link--29Sd-:focus,.Menu-module--menu__list-item-link--29Sd-:hover{color:#5d93ff;border-bottom:1px solid #5d93ff}.Menu-module--menu__list-item-link--active--2HzKy{color:#222;border-bottom:1px solid #222}.Sidebar-module--sidebar--1zM7S{width:100%}.Sidebar-module--sidebar__inner--2Tprz{position:relative;padding:1.5625rem 1.25rem 0}@media screen and (min-width:685px){.Sidebar-module--sidebar--1zM7S{width:calc(41.625% - 1.09375rem)}.Sidebar-module--sidebar--1zM7S:nth-child(1n){float:left;margin-right:1.875rem;clear:none}.Sidebar-module--sidebar--1zM7S:last-child{margin-right:0}.Sidebar-module--sidebar--1zM7S:nth-child(12n){margin-right:0;float:right}.Sidebar-module--sidebar--1zM7S:nth-child(12n+1){clear:both}.Sidebar-module--sidebar__inner--2Tprz{padding:1.875rem 1.25rem 0}.Sidebar-module--sidebar__inner--2Tprz:after{background:#e6e6e6;background:linear-gradient(180deg,#e6e6e6 0,#e6e6e6 48%,#fff);position:absolute;content:"";width:.0625rem;height:33.75rem;top:30px;right:-10px;bottom:0}}@media screen and (min-width:960px){.Sidebar-module--sidebar--1zM7S{width:calc(33.3% - 1.25rem)}.Sidebar-module--sidebar--1zM7S:nth-child(1n){float:left;margin-right:1.875rem;clear:none}.Sidebar-module--sidebar--1zM7S:last-child{margin-right:0}.Sidebar-module--sidebar--1zM7S:nth-child(3n){margin-right:0;float:right}.Sidebar-module--sidebar--1zM7S:nth-child(3n+1){clear:both}.Sidebar-module--sidebar__inner--2Tprz{padding:2.5rem}}.Menu-module--menu--2yJX4{margin-bottom:1.625rem}.Menu-module--menu__list--WqLkH{list-style:none;padding:0;margin:0}.Menu-module--menu__list-item--3dldx{padding:0;margin:.625rem 0}.Menu-module--menu__list-item-link--1XD1N{font-size:1rem;color:#222;font-weight:400;border:0}.Menu-module--menu__list-item-link--1XD1N:focus,.Menu-module--menu__list-item-link--1XD1N:hover{color:#5d93ff;border-bottom:1px solid #5d93ff}.Menu-module--menu__list-item-link--active--3K5T5{color:#222;border-bottom:1px solid #222}.Layout-module--layout--EpQHE{max-width:66.875rem;margin-left:auto;margin-right:auto}.Layout-module--layout--EpQHE:before{content:"";display:table}.Layout-module--layout--EpQHE:after{content:"";display:table;clear:both}.Feed-module--feed__item--Bm0MP{margin-bottom:2.03125rem}.Feed-module--feed__item--Bm0MP:last-child{margin-bottom:.8125rem}.Feed-module--feed__item-title--34sOw{font-size:1.6875rem;line-height:2.4375rem;margin-top:0;margin-bottom:.8125rem}.Feed-module--feed__item-title-link--2qfTF{color:#222}.Feed-module--feed__item-title-link--2qfTF:focus,.Feed-module--feed__item-title-link--2qfTF:hover{color:#222;border-bottom:1px solid #222}.Feed-module--feed__item-description--2_Zuy{font-size:1rem;line-height:1.625rem;margin-bottom:1.21875rem}.Feed-module--feed__item-meta-time--3hc6b{font-size:.875rem;color:#222;font-weight:600;text-transform:uppercase}.Feed-module--feed__item-meta-divider--2GeAw{margin:0 .3125rem}.Feed-module--feed__item-meta-category-link--lAu1I{font-size:.875rem;color:#f7a046;font-weight:600;text-transform:uppercase}.Feed-module--feed__item-meta-category-link--lAu1I:focus,.Feed-module--feed__item-meta-category-link--lAu1I:hover{color:#5d93ff}.Feed-module--feed__item-readmore--rMfbv{font-size:1rem;color:#5d93ff}.Feed-module--feed__item-readmore--rMfbv:focus,.Feed-module--feed__item-readmore--rMfbv:hover{color:#5d93ff;border-bottom:1px solid #5d93ff}.Page-module--page--V2155{margin-bottom:3.25rem}.Page-module--page__inner--3xzwp{padding:1.5625rem 1.25rem}.Page-module--page__title--t1zKX{font-size:2.5rem;font-weight:600;line-height:3.25rem;margin-top:0;margin-bottom:2.35625rem}.Page-module--page__body--1A7TB{font-size:1rem;line-height:1.625rem;margin:0 0 1.625rem}@media screen and (min-width:685px){.Page-module--page--V2155{width:calc(58.275% - .78125rem)}.Page-module--page--V2155:nth-child(1n){float:left;margin-right:1.875rem;clear:none}.Page-module--page--V2155:last-child{margin-right:0}.Page-module--page--V2155:nth-child(12n){margin-right:0;float:right}.Page-module--page--V2155:nth-child(12n+1){clear:both}.Page-module--page__inner--3xzwp{padding:1.875rem 1.25rem}}@media screen and (min-width:960px){.Page-module--page--V2155{width:calc(66.6% - .625rem)}.Page-module--page--V2155:nth-child(1n){float:left;margin-right:1.875rem;clear:none}.Page-module--page--V2155:last-child{margin-right:0}.Page-module--page--V2155:nth-child(3n){margin-right:0;float:right}.Page-module--page--V2155:nth-child(3n+1){clear:both}.Page-module--page__inner--3xzwp{padding:2.5rem 2.1875rem}}.Pagination-module--pagination--3T_m0{margin-top:3.25rem;display:flex}.Pagination-module--pagination__prev--3tRFv{width:50%;text-align:left}.Pagination-module--pagination__prev-link--2vesn{color:#f7a046;font-size:1.625rem;font-weight:700}.Pagination-module--pagination__prev-link--2vesn:focus,.Pagination-module--pagination__prev-link--2vesn:hover{color:#5d93ff}.Pagination-module--pagination__prev-link--disable--1Fxw2{pointer-events:none;color:#bbb}.Pagination-module--pagination__next--19bJd{width:50%;text-align:right}.Pagination-module--pagination__next-link--3ln7y{color:#f7a046;font-size:1.625rem;font-weight:700}.Pagination-module--pagination__next-link--3ln7y:focus,.Pagination-module--pagination__next-link--3ln7y:hover{color:#5d93ff}.Pagination-module--pagination__next-link--disable--AsM50{pointer-events:none;color:#bbb}.Author-module--author--2kf8a{border-top:1px solid #e6e6e6;max-width:49.375rem;padding-top:1.25rem;line-height:1.625rem;margin-top:1.625rem;margin-bottom:3.25rem}.Author-module--author__bio-twitter--MufFK{display:block;text-decoration:underline}@media screen and (min-width:685px){.Author-module--author--2kf8a{margin-left:auto;margin-right:auto}}.Content-module--content--1tfQQ{max-width:65.3125rem;padding:0 .9375rem;margin:0 auto}.Content-module--content__title--1qFLI{font-size:2rem;max-width:49.375rem;font-weight:600;text-align:center;line-height:2.68125rem;margin:1.625rem auto 0}.Content-module--content__body--2bfha figure{margin-bottom:1.625rem}.Content-module--content__body--2bfha figure blockquote{font-style:italic;text-align:center;margin-top:0;padding:1.625rem 0}.Content-module--content__body--2bfha figure blockquote p{max-width:49.375rem;font-size:1.6817rem;margin-top:0;margin-bottom:1.625rem;line-height:2.4375rem}.Content-module--content__body--2bfha a{text-decoration:underline}.Content-module--content__body--2bfha *{max-width:49.375rem;margin-left:auto;margin-right:auto}.Content-module--content__body--2bfha img{max-width:100%}@media screen and (min-width:960px){.Content-module--content--1tfQQ{padding:0}.Content-module--content__title--1qFLI{font-size:3rem;line-height:3.65625rem;margin-top:3.65625rem;margin-bottom:2.4375rem}.Content-module--content__body--2bfha,.Content-module--content__body--2bfha p{font-size:1.125rem;line-height:1.82813rem;margin-bottom:1.82813rem}}.Meta-module--meta__date--3FNDv{font-style:italic}.Tags-module--tags--1oNz4{margin-bottom:.8125rem}.Tags-module--tags__list--2UTD-{list-style:none;margin:0 -.625rem;padding:0}.Tags-module--tags__list-item--b7tap{display:inline-block;margin:.625rem .3125rem}.Tags-module--tags__list-item-link--1hQL0{display:inline-block;height:2.1875rem;padding:0 1.5rem;line-height:2.1875rem;border:1px solid #e6e6e6;text-decoration:none;border-radius:1.25rem;color:#222}.Tags-module--tags__list-item-link--1hQL0:focus,.Tags-module--tags__list-item-link--1hQL0:hover{color:#5d93ff}.Post-module--post__comments--2T8dL,.Post-module--post__footer--1BvmJ{max-width:49.375rem;margin:0 auto;padding:0 .9375rem}.Post-module--post__home-button--3zx_9{display:block;max-width:5.625rem;height:2.1875rem;padding:0 1.5rem;line-height:2.1875rem;text-align:center;color:#222;border:1px solid #e6e6e6;border-radius:1.25rem;font-size:1rem;font-weight:400;margin-left:auto;margin-right:auto;margin-top:1.625rem}.Post-module--post__home-button--3zx_9:focus,.Post-module--post__home-button--3zx_9:hover{color:#5d93ff}@media screen and (min-width:960px){.Post-module--post__comments--2T8dL,.Post-module--post__footer--1BvmJ{padding:0}.Post-module--post__home-button--3zx_9{position:fixed;max-width:auto;margin:0;top:30px;left:30px}}</style><meta name="generator" content="Gatsby 2.32.13"/><link rel="alternate" type="application/rss+xml" title="DevBlog by Yaejin Jeon" href="/rss.xml"/><style type="text/css">
.anchor.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.anchor.after {
display: inline-block;
padding-left: 4px;
}
h1 .anchor svg,
h2 .anchor svg,
h3 .anchor svg,
h4 .anchor svg,
h5 .anchor svg,
h6 .anchor svg {
visibility: hidden;
}
h1:hover .anchor svg,
h2:hover .anchor svg,
h3:hover .anchor svg,
h4:hover .anchor svg,
h5:hover .anchor svg,
h6:hover .anchor svg,
h1 .anchor:focus svg,
h2 .anchor:focus svg,
h3 .anchor:focus svg,
h4 .anchor:focus svg,
h5 .anchor:focus svg,
h6 .anchor:focus svg {
visibility: visible;
}
</style><script>
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0
var offset = element.getBoundingClientRect().top + scrollTop - clientTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 0)
}), 0)
}
}
})
</script><link rel="preconnect dns-prefetch" href="https://www.google-analytics.com"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-1Z7D4THB6G"></script><script>
if(true) {
window.dataLayer = window.dataLayer || [];
function gtag(){window.dataLayer && window.dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1Z7D4THB6G', {"send_page_view":false});
}
</script><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link rel="icon" href="/favicon-32x32.png?v=98d90710fdc5dc48082cece8c3349e29" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#F7A046"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=98d90710fdc5dc48082cece8c3349e29"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=98d90710fdc5dc48082cece8c3349e29"/><title data-react-helmet="true">DevBlog by Yaejin Jeon</title><meta data-react-helmet="true" name="description" content="Frontend Developer @Seoul/Korea. Interested in FP and Data Visualization"/><meta data-react-helmet="true" property="og:site_name" content="DevBlog by Yaejin Jeon"/><meta data-react-helmet="true" property="og:image" content="https://pikpokjeon.github.io//photo.jpg"/><meta data-react-helmet="true" name="twitter:card" content="summary"/><meta data-react-helmet="true" name="twitter:title" content="DevBlog by Yaejin Jeon"/><meta data-react-helmet="true" name="twitter:description" content="Frontend Developer @Seoul/Korea. Interested in FP and Data Visualization"/><meta data-react-helmet="true" name="twitter:image" content="https://pikpokjeon.github.io//photo.jpg"/><link as="script" rel="preload" href="/webpack-runtime-fa943b46dacd88b04cbc.js"/><link as="script" rel="preload" href="/framework-b2f816f437730bdc94bf.js"/><link as="script" rel="preload" href="/532a2f07-56f662b63f5367e20ca0.js"/><link as="script" rel="preload" href="/dc6a8720040df98778fe970bf6c000a41750d3ae-cfa6563763bc7add6dd7.js"/><link as="script" rel="preload" href="/app-e8de892b20a47ee102f7.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/cd95ea5cbd2c605f26db819f07999610c9ff4310-689e6721f37d9c7d4cea.js"/><link as="script" rel="preload" href="/component---src-templates-index-template-js-5e82945311fdea6df819.js"/><link as="fetch" rel="preload" href="/page-data\index\page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1140640941.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/251939775.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/401334301.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data\app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="Layout-module--layout--EpQHE"><div class="Sidebar-module--sidebar--1zM7S"><div class="Sidebar-module--sidebar__inner--2Tprz"><div><a aria-current="page" class="" href="/"><img src="https://avatars2.githubusercontent.com/u/59504386?s=460&u=eac3cb2397dc38bed71de6a7ba77bc12396977d9&v=4" class="Author-module--author__photo--HnDWV" width="200" height="200" alt="Yaejin Jeon"/></a><h1 class="Author-module--author__title--ZztQd"><a aria-current="page" class="Author-module--author__title-link--BY7f8" href="/">Yaejin Jeon</a></h1><p class="Author-module--author__subtitle--3hbMX">Getting my foot in the door of Programming World from Industrial Design.</p></div><nav class="Menu-module--menu--2aN3O"><ul class="Menu-module--menu__list--1uKDu"><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/life">Life</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/algorithm/">Algorithms</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/javascript/">Javascript</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/frontend/">Frontend</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/lib/">Project</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/category/infra/">Infra</a></li><li class="Menu-module--menu__list-item--27cxj"><a class="Menu-module--menu__list-item-link--29Sd-" href="/pages/contacts">About</a></li></ul></nav><nav><ul><li><a></a></li></ul></nav><div class="Contacts-module--contacts--3fb7G"><ul class="Contacts-module--contacts__list--27zok"><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="https://www.facebook.com/#" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 16 28"><title>facebook</title><path d="M14.984 0.187v4.125h-2.453c-1.922 0-2.281 0.922-2.281 2.25v2.953h4.578l-0.609 4.625h-3.969v11.859h-4.781v-11.859h-3.984v-4.625h3.984v-3.406c0-3.953 2.422-6.109 5.953-6.109 1.687 0 3.141 0.125 3.563 0.187z"></path></svg></a></li><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="https://www.linkedin.com/in/#" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 24 24"><title>linkedin</title><path d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z"></path></svg></a></li><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="https://github.com/https://github.com/pikpokjeon" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 26 28"><title>github</title><path d="M10 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM20 19c0 1.141-0.594 3-2 3s-2-1.859-2-3 0.594-3 2-3 2 1.859 2 3zM22.5 19c0-2.391-1.453-4.5-4-4.5-1.031 0-2.016 0.187-3.047 0.328-0.812 0.125-1.625 0.172-2.453 0.172s-1.641-0.047-2.453-0.172c-1.016-0.141-2.016-0.328-3.047-0.328-2.547 0-4 2.109-4 4.5 0 4.781 4.375 5.516 8.188 5.516h2.625c3.813 0 8.188-0.734 8.188-5.516zM26 16.25c0 1.734-0.172 3.578-0.953 5.172-2.063 4.172-7.734 4.578-11.797 4.578-4.125 0-10.141-0.359-12.281-4.578-0.797-1.578-0.969-3.437-0.969-5.172 0-2.281 0.625-4.438 2.125-6.188-0.281-0.859-0.422-1.766-0.422-2.656 0-1.172 0.266-2.344 0.797-3.406 2.469 0 4.047 1.078 5.922 2.547 1.578-0.375 3.203-0.547 4.828-0.547 1.469 0 2.953 0.156 4.375 0.5 1.859-1.453 3.437-2.5 5.875-2.5 0.531 1.062 0.797 2.234 0.797 3.406 0 0.891-0.141 1.781-0.422 2.625 1.5 1.766 2.125 3.938 2.125 6.219z"></path></svg></a></li><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="https://t.me/#" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 28 28"><title>telegram</title><path d="M27.563 0.172c0.328 0.234 0.484 0.609 0.422 1l-4 24c-0.047 0.297-0.234 0.547-0.5 0.703-0.141 0.078-0.313 0.125-0.484 0.125-0.125 0-0.25-0.031-0.375-0.078l-7.078-2.891-3.781 4.609c-0.187 0.234-0.469 0.359-0.766 0.359-0.109 0-0.234-0.016-0.344-0.063-0.391-0.141-0.656-0.516-0.656-0.938v-5.453l13.5-16.547-16.703 14.453-6.172-2.531c-0.359-0.141-0.594-0.469-0.625-0.859-0.016-0.375 0.172-0.734 0.5-0.922l26-15c0.156-0.094 0.328-0.141 0.5-0.141 0.203 0 0.406 0.063 0.562 0.172z"></path></svg></a></li><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="https://www.instagram.com/#" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 24 24"><title>instagram</title><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a></li><li class="Contacts-module--contacts__list-item--1Adud"><a class="Contacts-module--contacts__list-item-link--2L60c" href="mailto:pikpokjeon@gmail.com" rel="noopener noreferrer" target="_blank"><svg class="Icon-module--icon--1T2h2" viewBox="0 0 28 28"><title>email</title><path d="M26 23.5v-12c-0.328 0.375-0.688 0.719-1.078 1.031-2.234 1.719-4.484 3.469-6.656 5.281-1.172 0.984-2.625 2.188-4.25 2.188h-0.031c-1.625 0-3.078-1.203-4.25-2.188-2.172-1.813-4.422-3.563-6.656-5.281-0.391-0.313-0.75-0.656-1.078-1.031v12c0 0.266 0.234 0.5 0.5 0.5h23c0.266 0 0.5-0.234 0.5-0.5zM26 7.078c0-0.391 0.094-1.078-0.5-1.078h-23c-0.266 0-0.5 0.234-0.5 0.5 0 1.781 0.891 3.328 2.297 4.438 2.094 1.641 4.188 3.297 6.266 4.953 0.828 0.672 2.328 2.109 3.422 2.109h0.031c1.094 0 2.594-1.437 3.422-2.109 2.078-1.656 4.172-3.313 6.266-4.953 1.016-0.797 2.297-2.531 2.297-3.859zM28 6.5v17c0 1.375-1.125 2.5-2.5 2.5h-23c-1.375 0-2.5-1.125-2.5-2.5v-17c0-1.375 1.125-2.5 2.5-2.5h23c1.375 0 2.5 1.125 2.5 2.5z"></path></svg></a></li></ul></div><div class="Copyright-module--copyright--1YLES">© All rights reserved.</div></div></div><div class="Page-module--page--V2155"><div class="Page-module--page__inner--3xzwp"><div class="Page-module--page__body--1A7TB"><h4>Posts</h4><div><div class="Feed-module--feed__item--Bm0MP"><div><time class="Feed-module--feed__item-meta-time--3hc6b" dateTime="September 6, 2021">September 2021</time><span class="Feed-module--feed__item-meta-divider--2GeAw"></span><span><a class="Feed-module--feed__item-meta-category-link--lAu1I" href="/category/frontend/">Frontend</a></span></div><h2 class="Feed-module--feed__item-title--34sOw"><a class="Feed-module--feed__item-title-link--2qfTF" href="/posts/frontendStorages">[Frontend] local Storage / Session Storage / Cookie</a></h2><p class="Feed-module--feed__item-description--2_Zuy">클라이언트 단의 저장소에 대해서 알아보자.</p><a class="Feed-module--feed__item-readmore--rMfbv" href="/posts/frontendStorages">Read</a></div><div class="Feed-module--feed__item--Bm0MP"><div><time class="Feed-module--feed__item-meta-time--3hc6b" dateTime="August 6, 2021">August 2021</time><span class="Feed-module--feed__item-meta-divider--2GeAw"></span><span><a class="Feed-module--feed__item-meta-category-link--lAu1I" href="/category/frontend/">Frontend</a></span></div><h2 class="Feed-module--feed__item-title--34sOw"><a class="Feed-module--feed__item-title-link--2qfTF" href="/posts/renderingEngine">[Frontend] 브라우저 렌더링 엔진이 어떻게 컨텐츠를 그려내는가 </a></h2><p class="Feed-module--feed__item-description--2_Zuy">렌더링 엔진의 HTML파싱, 렌더트리 배치와 요소 그리는 과정.</p><a class="Feed-module--feed__item-readmore--rMfbv" href="/posts/renderingEngine">Read</a></div><div class="Feed-module--feed__item--Bm0MP"><div><time class="Feed-module--feed__item-meta-time--3hc6b" dateTime="June 6, 2021">June 2021</time><span class="Feed-module--feed__item-meta-divider--2GeAw"></span><span><a class="Feed-module--feed__item-meta-category-link--lAu1I" href="/category/javascript/">Javascript</a></span></div><h2 class="Feed-module--feed__item-title--34sOw"><a class="Feed-module--feed__item-title-link--2qfTF" href="/posts/destructuring-assignment">[Javascript] Destructuring Assignment feat.구조분해할당</a></h2><p class="Feed-module--feed__item-description--2_Zuy">객체나 배열의 전체가 아닌 일부의 값만 가져온다!</p><a class="Feed-module--feed__item-readmore--rMfbv" href="/posts/destructuring-assignment">Read</a></div><div class="Feed-module--feed__item--Bm0MP"><div><time class="Feed-module--feed__item-meta-time--3hc6b" dateTime="June 3, 2021">June 2021</time><span class="Feed-module--feed__item-meta-divider--2GeAw"></span><span><a class="Feed-module--feed__item-meta-category-link--lAu1I" href="/category/frontend/">frontend</a></span></div><h2 class="Feed-module--feed__item-title--34sOw"><a class="Feed-module--feed__item-title-link--2qfTF" href="/posts/executioncontext">[Javascript] 실행 컨텍스트</a></h2><p class="Feed-module--feed__item-description--2_Zuy">자바스크립트의 실행 컨텍스트는 무엇일까?</p><a class="Feed-module--feed__item-readmore--rMfbv" href="/posts/executioncontext">Read</a></div></div><div class="Pagination-module--pagination--3T_m0"><div class="Pagination-module--pagination__prev--3tRFv"><a aria-current="page" rel="prev" class="Pagination-module--pagination__prev-link--2vesn Pagination-module--pagination__prev-link--disable--1Fxw2" href="/">← PREV</a></div><div class="Pagination-module--pagination__next--19bJd"><a rel="next" class="Pagination-module--pagination__next-link--3ln7y" href="/page/1">→ NEXT</a></div></div></div></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-71a36a16af3f8a736ac5.js"],"app":["/app-e8de892b20a47ee102f7.js"],"component---cache-caches-gatsby-plugin-offline-app-shell-js":["/component---cache-caches-gatsby-plugin-offline-app-shell-js-fd4fb51a6fac1c18bdde.js"],"component---src-templates-categories-list-template-js":["/component---src-templates-categories-list-template-js-2181ec47d28e5c35d3e9.js"],"component---src-templates-category-template-js":["/component---src-templates-category-template-js-6ae1116d83f39d5783ad.js"],"component---src-templates-index-template-js":["/component---src-templates-index-template-js-5e82945311fdea6df819.js"],"component---src-templates-not-found-template-js":["/component---src-templates-not-found-template-js-82f27bc56b06c014b7ae.js"],"component---src-templates-page-template-js":["/component---src-templates-page-template-js-a3d3df513b5a75f059ed.js"],"component---src-templates-post-template-js":["/component---src-templates-post-template-js-a5464136f1f32d05bfb5.js"],"component---src-templates-tag-template-js":["/component---src-templates-tag-template-js-53a922c749043ab65e50.js"],"component---src-templates-tags-list-template-js":["/component---src-templates-tags-list-template-js-2d7007993fc2bf0f9caf.js"]};/*]]>*/</script><script src="/polyfill-71a36a16af3f8a736ac5.js" nomodule=""></script><script src="/component---src-templates-index-template-js-5e82945311fdea6df819.js" async=""></script><script src="/cd95ea5cbd2c605f26db819f07999610c9ff4310-689e6721f37d9c7d4cea.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-e8de892b20a47ee102f7.js" async=""></script><script src="/dc6a8720040df98778fe970bf6c000a41750d3ae-cfa6563763bc7add6dd7.js" async=""></script><script src="/532a2f07-56f662b63f5367e20ca0.js" async=""></script><script src="/framework-b2f816f437730bdc94bf.js" async=""></script><script src="/webpack-runtime-fa943b46dacd88b04cbc.js" async=""></script></body></html>