-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
12 lines (12 loc) · 246 KB
/
index.html
File metadata and controls
12 lines (12 loc) · 246 KB
1
2
3
4
5
6
7
8
9
10
11
12
<!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"/><meta name="generator" content="Gatsby 5.11.0"/><style data-href="/styles.9e907bc32054b7771552.css" data-identity="gatsby-global-css">code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}</style><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper picture.object-fit-polyfill{position:static!important}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block;vertical-align:top}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){const t=e.target;if(void 0===t.dataset.mainImage)return;if(void 0===t.dataset.gatsbyImageSsr)return;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link rel="canonical" href="https://chansnotes.github.io/" data-baseprotocol="https:" data-basehost="chansnotes.github.io"/><link rel="sitemap" type="application/xml" href="/sitemap-index.xml"/><script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7299119014849148",
enable_page_level_ads: true
});
</script></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion="css 13ku56z">.css-13ku56z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;}</style><main class="css-13ku56z e1e0szv80"><style data-emotion="css-global kxm5mf">@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');*{padding:0;margin:0;box-sizing:border-box;font-family:'Nanum Myeongjo',serif;}html,body,#___gatsby{height:100%;}a,a:hover{color:inherit;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;}</style><style data-emotion="css 1u7ncg7">.css-1u7ncg7{width:100%;background-image:linear-gradient(60deg, #29323c 0%, #485563 100%);color:#ffffff;}</style><div class="css-1u7ncg7 e160b013"><style data-emotion="css 1kisa53">.css-1kisa53{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;width:768px;height:400px;margin:0 auto;}@media (max-width: 768px){.css-1kisa53{width:100%;height:300px;padding:0 20px;}}</style><div class="css-1kisa53 e160b012"><style data-emotion="css 1on2x4e">.css-1on2x4e{width:120px;height:120px;margin-bottom:30px;border-radius:50%;}@media (max-width: 768px){.css-1on2x4e{width:80px;height:80px;}}</style><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1on2x4e e1n1u3tj0"><div style="max-width:120px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='120'%20width='120'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAgGBQf/xAAXAQADAQAAAAAAAAAAAAAAAAAFBgcE/9oADAMBAAIQAxAAAAH0LH2JDuFlmJeIqo8SjwMdxoj1Z//EABoQAAMBAQEBAAAAAAAAAAAAAAMFBgQCAQf/2gAIAQEAAQUClIFxSgZReKa4i6b6CgTOq85uqCra03E4klSrzEIw9TTycWaizq1O/wD/xAAlEQADAAEDAwMFAAAAAAAAAAABAgMEERIhAAUxBhMiFFFhY4H/2gAIAQMBAT8B9N5mB2rDo1V928V9jDjGQNWImomNNNNvzIerHck12qGGgXJhnyyLTysZ0yEowsn06ttfXkEgONfv8jz55467V4of2KP5snx1jQhSEXpGVHaalneaMzHTyzMCSfyT1//EACQRAAICAQMCBwAAAAAAAAAAAAECAxEEABIhBQYTFCIxM1Fx/9oACAECAQE/Ae41zOtZafHjwsolyJJJCsKLuAO5gS+70DaiLTSNyFskwQY5hiMGSGhKKY289MtqQtEKuwKOeAFAr2+9daJtBZrYTV8X4j6yMnJSeVUyJ1VZGCqssiqBY4ADUB+a/8QAJxAAAgICAgEDAwUAAAAAAAAAAgMBBAUSERMUACEiIyQyBjEzQWH/2gAIAQEABj8CkP1fiMpjcPYJDu5xjj3WJW2HAAVjOLJrsLWaeSQPTDYfE/Eec5axVWnkRvV7uPUu6w0tq1irWO+a4MYyJUQDoR7BLCgIJn5evAxkH43ksbx0QyRZ1JUwZIKNn35VzPYzeJniRGNfVxkc7poWrCtTkyYysPkAIDxGzGEHUI8dpEWv+eqrG4RoeRNYJrYyzKbfT1+RYK8cK+FFEygGmmYCy/dJ6pWe3OUwWUydsWyBWq11kL0hSZAPuLTGTIRPv/GEc6rUICMlXoNMgXdirWe1H03yu6+mFjVnygCMDYO4DBDvMhwXExnCCkEEp9Zyp2ZysvpL1H5+69J1hRbBx/XyPaKi8Jirf2yWFYvJe6ywy2iZMwsKGfxj9gj1/8QAGBABAQEBAQAAAAAAAAAAAAAAAREhAEH/2gAIAQEAAT8hAEgsBBdOiruSvX0HtLJVjxjvRFlDWfc+LIUdFzdTBjgg0Dtw2rkmemVIln5tXmgkJvmrSuiCikU8c8fQVw+4zluVYICOItB0B5i6gH3JkcbCYf/aAAwDAQACAAMAAAAQJ/8APf/EABgRAQEBAQEAAAAAAAAAAAAAAAERIQAx/9oACAEDAQE/ELGZuPwXZUyIXk/3uuO3KDDWJEUCLAuiFpmvYup5d5WtuGisWhULDc7/xAAYEQEBAQEBAAAAAAAAAAAAAAABESEAMf/aAAgBAgEBPxC4+MspGeuN6jkJM+iuASlI9ihEMQJgQgQpZQyyzhOsHFIcCsABXO//xAAYEAEBAQEBAAAAAAAAAAAAAAABABEhMf/aAAgBAQABPxBFF6VGNwgTNFN99gPLalhAF3z8afrnRSMHOlA8TqLpMzmRbPd0X14dSq+KuGs47pYBtggu/NxLJCMhm2YzHf7aSDgzgQKT5gGjrgAnMiI//9k=" alt=""/><picture><source type="image/webp" data-srcset="/static/0a65e336c55612e3bdc9b6cd8459c65e/2b147/me.webp 30w,/static/0a65e336c55612e3bdc9b6cd8459c65e/caa3b/me.webp 60w,/static/0a65e336c55612e3bdc9b6cd8459c65e/b15f9/me.webp 120w,/static/0a65e336c55612e3bdc9b6cd8459c65e/b5014/me.webp 240w" sizes="(min-width: 120px) 120px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 120px) 120px, 100vw" decoding="async" loading="lazy" data-src="/static/0a65e336c55612e3bdc9b6cd8459c65e/bbf83/me.jpg" data-srcset="/static/0a65e336c55612e3bdc9b6cd8459c65e/a8e5a/me.jpg 30w,/static/0a65e336c55612e3bdc9b6cd8459c65e/bea51/me.jpg 60w,/static/0a65e336c55612e3bdc9b6cd8459c65e/bbf83/me.jpg 120w,/static/0a65e336c55612e3bdc9b6cd8459c65e/7793c/me.jpg 240w" alt="Profile Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/0a65e336c55612e3bdc9b6cd8459c65e/2b147/me.webp 30w,/static/0a65e336c55612e3bdc9b6cd8459c65e/caa3b/me.webp 60w,/static/0a65e336c55612e3bdc9b6cd8459c65e/b15f9/me.webp 120w,/static/0a65e336c55612e3bdc9b6cd8459c65e/b5014/me.webp 240w" sizes="(min-width: 120px) 120px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 120px) 120px, 100vw" decoding="async" loading="lazy" src="/static/0a65e336c55612e3bdc9b6cd8459c65e/bbf83/me.jpg" srcSet="/static/0a65e336c55612e3bdc9b6cd8459c65e/a8e5a/me.jpg 30w,/static/0a65e336c55612e3bdc9b6cd8459c65e/bea51/me.jpg 60w,/static/0a65e336c55612e3bdc9b6cd8459c65e/bbf83/me.jpg 120w,/static/0a65e336c55612e3bdc9b6cd8459c65e/7793c/me.jpg 240w" alt="Profile Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div><style data-emotion="css 1h8u8jj">.css-1h8u8jj{font-size:20px;font-weight:400;}@media (max-width: 768px){.css-1h8u8jj{font-size:15px;}}</style><div class="css-1h8u8jj e160b011">Nice to Meet You,</div><style data-emotion="css 1mgdphf">.css-1mgdphf{margin-top:5px;font-size:35px;font-weight:700;}@media (max-width: 768px){.css-1mgdphf{font-size:25px;}}</style><div class="css-1mgdphf e160b010">Welcome!</div></div></div></div><style data-emotion="css 7on4i6">.css-7on4i6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:768px;margin:100px auto 0;}@media (max-width: 768px){.css-7on4i6{width:100%;margin-top:50px;padding:0 20px;}}</style><div class="css-7on4i6 e1kn8q5k1"><style data-emotion="css wkjlug">.css-wkjlug{margin-right:20px;padding:5px 0;font-size:18px;font-weight:800;cursor:pointer;}.css-wkjlug:last-of-type{margin-right:0;}@media (max-width: 768px){.css-wkjlug{font-size:15px;}}</style><a class="css-wkjlug e1kn8q5k0" href="/?category=All">#<!-- -->All<!-- -->(<!-- -->58<!-- -->)</a><style data-emotion="css 16a3tn0">.css-16a3tn0{margin-right:20px;padding:5px 0;font-size:18px;font-weight:400;cursor:pointer;}.css-16a3tn0:last-of-type{margin-right:0;}@media (max-width: 768px){.css-16a3tn0{font-size:15px;}}</style><a class="css-16a3tn0 e1kn8q5k0" href="/?category=HBR 팟캐스트 정리">#<!-- -->HBR 팟캐스트 정리<!-- -->(<!-- -->4<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=vuePress">#<!-- -->vuePress<!-- -->(<!-- -->1<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=부린이 탈출기">#<!-- -->부린이 탈출기<!-- -->(<!-- -->1<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=Oxford Nanopore">#<!-- -->Oxford Nanopore<!-- -->(<!-- -->4<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=스탠포드 스타트업 강의">#<!-- -->스탠포드 스타트업 강의<!-- -->(<!-- -->14<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=vue">#<!-- -->vue<!-- -->(<!-- -->30<!-- -->)</a><a class="css-16a3tn0 e1kn8q5k0" href="/?category=vueRTC">#<!-- -->vueRTC<!-- -->(<!-- -->4<!-- -->)</a></div><style data-emotion="css 11grurp">.css-11grurp{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;width:768px;margin:0 auto;padding:50px 0 100px;}@media (max-width: 768px){.css-11grurp{grid-template-columns:1fr;width:100%;padding:50px 20px;}}</style><div class="css-11grurp es8e92y0"><style data-emotion="css m7gxp6">.css-m7gxp6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-radius:10px;box-shadow:0 0 8px rgba(0, 0, 0, 0.15);-webkit-transition:0.3s box-shadow;transition:0.3s box-shadow;cursor:pointer;}.css-m7gxp6:hover{box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}</style><a class="css-m7gxp6 e1eg5kak7" href="/hbr/759_직장에서 현명하게 아니오라고 대답하는 방법/"><style data-emotion="css 1axbq5h">.css-1axbq5h{width:100%;height:200px;border-radius:10px 10px 0 0;}</style><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400.0290381125227'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAUEBgcJ/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/2gAMAwEAAhADEAAAAexavUVgulFwFP8A/8QAGxAAAgMAAwAAAAAAAAAAAAAAAQMCBAYFEzP/2gAIAQEAAQUCZrDG4NwnpzjEN424tcnFShGv4f/EACARAAICAgICAwAAAAAAAAAAAAECAxEEIQASExQiIzH/2gAIAQMBAT8B94Uo9LB+Kqt+F7PUEdm+3bNdtqiQNcyJ5MmeXIlNyTSNI+2O2N0OxZuo/FtiQABZ5//EABsRAQABBQEAAAAAAAAAAAAAAAEAAhJBYpHh/9oACAECAQE/Abdqu+QAAMT/xAAnEAACAQIEBAcAAAAAAAAAAAACAwEEEwAFERIGITFCIiMyUWFzsv/aAAgBAQAGPwKtRFq3TNcodctz6W7gcVIOsxQ2WiNSBw46UmiKohsTsKCwDCkfNQp6yHKuIDGIqxUdHcEMvIhGRaN7vXz3guQKMXEDs3VNRdGFViRuXO0K5KKiYtW/GS9DnUtx6yZM3AE8ldRiekTpgNFrj0dAH3j4wn6w/MY//8QAGxABAQADAQEBAAAAAAAAAAAAAREAIUExUXH/2gAIAQEAAT8hRiZljTt+gbQ+0ApFEMYZvKQnnRDdosz42PXKYFVFaUeyPgofB1hkJHAFIMOIT8MIEAAQGgCAHAz/2gAMAwEAAgADAAAAEO/P/8QAGBEBAQEBAQAAAAAAAAAAAAAAAREhAGH/2gAIAQMBAT8Q0i+lfQJsLSYBGi6tAPTzlCaRC9//xAAaEQEBAQADAQAAAAAAAAAAAAABESEAMUGB/9oACAECAQE/ELq96siFRh4CZ7rrw0AABgfWAVSsDd5//8QAGBABAQEBAQAAAAAAAAAAAAAAAREAITH/2gAIAQEAAT8Q3jYC0TIMcG5A9Y5jUYIKHAoYP68hCpKm86DnGCoMrKwrUECmHuzB0ECXoSnCQwLn2AAAAAAAACBN/9k=" alt=""/><picture><source type="image/webp" data-srcset="/static/af72649c88a83c7f76284ccb8adf3be8/9bd56/759.webp 138w,/static/af72649c88a83c7f76284ccb8adf3be8/ccfd5/759.webp 276w,/static/af72649c88a83c7f76284ccb8adf3be8/d40a4/759.webp 551w" sizes="(min-width: 551px) 551px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 551px) 551px, 100vw" decoding="async" loading="lazy" data-src="/static/af72649c88a83c7f76284ccb8adf3be8/d1e7d/759.png" data-srcset="/static/af72649c88a83c7f76284ccb8adf3be8/8d506/759.png 138w,/static/af72649c88a83c7f76284ccb8adf3be8/813e0/759.png 276w,/static/af72649c88a83c7f76284ccb8adf3be8/d1e7d/759.png 551w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/af72649c88a83c7f76284ccb8adf3be8/9bd56/759.webp 138w,/static/af72649c88a83c7f76284ccb8adf3be8/ccfd5/759.webp 276w,/static/af72649c88a83c7f76284ccb8adf3be8/d40a4/759.webp 551w" sizes="(min-width: 551px) 551px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 551px) 551px, 100vw" decoding="async" loading="lazy" src="/static/af72649c88a83c7f76284ccb8adf3be8/d1e7d/759.png" srcSet="/static/af72649c88a83c7f76284ccb8adf3be8/8d506/759.png 138w,/static/af72649c88a83c7f76284ccb8adf3be8/813e0/759.png 276w,/static/af72649c88a83c7f76284ccb8adf3be8/d1e7d/759.png 551w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><style data-emotion="css 1do7u82">.css-1do7u82{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:15px;}</style><div class="css-1do7u82 e1eg5kak5"><style data-emotion="css kw2b4d">.css-kw2b4d{display:-webkit-box;overflow:hidden;margin-bottom:3px;text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:700;}</style><div class="css-kw2b4d e1eg5kak4">직장에서 현명하게 아니오라고 대답하는 방법</div><style data-emotion="css xm5j9w">.css-xm5j9w{font-size:14px;font-weight:400;opacity:0.7;}</style><div class="css-xm5j9w e1eg5kak3">2020.10.01.</div><style data-emotion="css 1wehmme">.css-1wehmme{display:-webkit-box;overflow:hidden;margin-top:auto;text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;opacity:0.8;}</style><div class="css-1wehmme e1eg5kak0">하버드 비즈니스 리뷰에서 진행하는 HBR Ideacast 759화 <The Subtle Art of Saying No>를 듣고 정리한 내용입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vuePress/VuePress를 설치하고 사용하는 방법에 대해 araboja/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAABYlAAAWJQFJUiTwAAABuElEQVR42o2STU8TURSG+1/8Bf4Bwj8w8SewceGGxIWJGxes2RATjMaFUQKRFWJCooQPK6EGJDajDNOOJeO0c9POlIH5oO18Pd6WKZn6Qbw3Jzd573vfc857bonCyrLs6uTfa8gZ3qfZ31mlCbLcSZrS6w+I4nhSJLspzW+C42xlvYoetJjfXafc0ijejc9v5x53dg95rGj4cUJfFvCHYJKDz9ff8ebkE3boYzrONenL0RGB5yEGEZWuy4FzztTOPg+UY7y8k2yiwlxw+/Mh91afjbJ+F01qjhjhrusyiCKWmxa3NreZUaoogScrjG9u2bZsbt+f4e6TOaYfzfLy43vGCZOcUwsDHtZUds6611YU/S0Vy02TlK3NMnv7BwTOhfRichD/M5ZSnMn2QoeLeMBx2MWIQ4aNeCSIro3VsiTu8+My4GcvRPR7WDLM3qV8E+HL94Zp4kmPR4KRBNZsnadWlcXWV952dFbsGi8clQ1doanV2fNcFsxTljoWr2Qsy1iR8VqYLNkWHyoVnHa7MGXpQZJdDSaW5uv1OkIIDMOg0Wjgy+y+73OiaaiqOsLbnQ5pbkPxn/4Cj6Lx/KffE90AAAAASUVORK5CYII=" alt=""/><picture><source type="image/webp" data-srcset="/static/9bc0d4dce66bd18bb1a1886d1658d37c/b3234/vuepress.webp 192w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/65a7c/vuepress.webp 384w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/30053/vuepress.webp 768w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/87027/vuepress.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/9bc0d4dce66bd18bb1a1886d1658d37c/473b7/vuepress.png" data-srcset="/static/9bc0d4dce66bd18bb1a1886d1658d37c/be4d9/vuepress.png 192w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/5fc50/vuepress.png 384w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/473b7/vuepress.png 768w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/13e83/vuepress.png 1536w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/9bc0d4dce66bd18bb1a1886d1658d37c/b3234/vuepress.webp 192w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/65a7c/vuepress.webp 384w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/30053/vuepress.webp 768w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/87027/vuepress.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/9bc0d4dce66bd18bb1a1886d1658d37c/473b7/vuepress.png" srcSet="/static/9bc0d4dce66bd18bb1a1886d1658d37c/be4d9/vuepress.png 192w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/5fc50/vuepress.png 384w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/473b7/vuepress.png 768w,/static/9bc0d4dce66bd18bb1a1886d1658d37c/13e83/vuepress.png 1536w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">VuePress를 설치하고 사용하는 방법에 대해 araboja</div><div class="css-xm5j9w e1eg5kak3">2020.09.20.</div><div class="css-1wehmme e1eg5kak0">자바스크립트 프레임워크인 Vue를 기반으로 정적사이트를 생성해주는 VuePress에 CSS 프레임워크인 Tailwindcss를 적용하여 Github blog를 제작하는 방법에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/real-estate/주택 거래 단계별 세금을 알아보자/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAEEBgn/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAAB3XgXQmRDKT//xAAZEAADAAMAAAAAAAAAAAAAAAADBAUCFSD/2gAIAQEAAQUCNssXjUKI2uP/xAAcEQACAgIDAAAAAAAAAAAAAAABAhIhETIQEyL/2gAIAQMBAT8BZwyqvWgK1NQQzC9vUSb2jKgM4HH/xAAeEQADAAEEAwAAAAAAAAAAAAABAgMTBBAREhQhI//aAAgBAgEBPwGWnMq2p5GodasXw1ZXnNiEHy5TIigJ6mKYwWdunZudv//EACQQAAMAAQIEBwAAAAAAAAAAAAECAxIEEQUTICIhJDEzQUJR/9oACAEBAAY/Ap0lyX4eIkUht5l7kv3B22VZqMfQszHwx+wnCfBdReTqC2qXVaVZTOFjiyu3MJymidqt76H4bb86P//EAB0QAQABAwUAAAAAAAAAAAAAAAERACAhMUFRYXH/2gAIAQEAAT8hnADSCQRR+KC42h65FfQ0Ae8jGoqCkkFHbrHGln//2gAMAwEAAgADAAAAEMAP/8QAFhEBAQEAAAAAAAAAAAAAAAAAAREA/9oACAEDAQE/EImeROKhKy6qEWDv/8QAFxEBAQEBAAAAAAAAAAAAAAAAAREQMf/aAAgBAgEBPxAKtxbf3DvuXnz/AP/EABoQAQEAAwEBAAAAAAAAAAAAAAERABAhMVH/2gAIAQEAAT8QgXUuDWH86C0wSCE1duNoLRXHMZQEK0FSkVKkYpSkdQ9nfuv/2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f5404404f5ddff614b9e5dd301d0347e/b3234/real-estate.webp 192w,/static/f5404404f5ddff614b9e5dd301d0347e/65a7c/real-estate.webp 384w,/static/f5404404f5ddff614b9e5dd301d0347e/30053/real-estate.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f5404404f5ddff614b9e5dd301d0347e/473b7/real-estate.png" data-srcset="/static/f5404404f5ddff614b9e5dd301d0347e/be4d9/real-estate.png 192w,/static/f5404404f5ddff614b9e5dd301d0347e/5fc50/real-estate.png 384w,/static/f5404404f5ddff614b9e5dd301d0347e/473b7/real-estate.png 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f5404404f5ddff614b9e5dd301d0347e/b3234/real-estate.webp 192w,/static/f5404404f5ddff614b9e5dd301d0347e/65a7c/real-estate.webp 384w,/static/f5404404f5ddff614b9e5dd301d0347e/30053/real-estate.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f5404404f5ddff614b9e5dd301d0347e/473b7/real-estate.png" srcSet="/static/f5404404f5ddff614b9e5dd301d0347e/be4d9/real-estate.png 192w,/static/f5404404f5ddff614b9e5dd301d0347e/5fc50/real-estate.png 384w,/static/f5404404f5ddff614b9e5dd301d0347e/473b7/real-estate.png 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">주택 거래 단계별 세금을 알아보자 (7.10 부동산 대책 이후)</div><div class="css-xm5j9w e1eg5kak3">2020.09.06.</div><div class="css-1wehmme e1eg5kak0">주택 거래 단계별로 발생하게되는 주요 세금들에는 어떠한 것들이 있고, 2020년에 발표된 7.10 부동산 대책 이후 앞으로 어떻게 변화하게 되는지를 정리합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/healthcare-nanopore/나노포어 데이터 분석 원리/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBgn/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABe/SVrx+1RZtAn//EABoQAAIDAQEAAAAAAAAAAAAAAAMFAgQGBxb/2gAIAQEAAQUC5NwPR8+daN4BBTzTv0Ko0IzFTqVWb8IRAH//xAAZEQEAAgMAAAAAAAAAAAAAAAABAhEQUZH/2gAIAQMBAT8BiWhtrqY//8QAGhEBAAEFAAAAAAAAAAAAAAAAASECEEHh8P/aAAgBAgEBPwGpWchHbt//xAAoEAADAAECBAQHAAAAAAAAAAABAgMEBRETFCEiAAYSUSMxMjNhcYH/2gAIAQEABj8CwfNet+YMab4XF4mnaWnrOUuUhxzhUeirj8K1KTB7+0qjqZlA4XK1GVqHMqsEXGOP6Y8ANkIlKZFofdYGfFRG+NSaBANi09U5blBWt0WPMxyyBGhnu1Idqsdu6Z7kPuNiaI6q6MjBlYBlYbHoQehH4PjITUcbH1BIZETBM2M8pYnk26yW6uJnoPo2+Q9vCyhKcZqO2ckWaL+kQBR/B4//xAAaEAEBAQADAQAAAAAAAAAAAAABEQAhMVFB/9oACAEBAAE/IejAyF10mBmUdHPN65hOw4K+m0aI6d4tlPpCNNkxi3DYdR9BHFHMH5yq56HfJpeDBk8pzE8N/9oADAMBAAIAAwAAABCDH//EABwRAQEBAAEFAAAAAAAAAAAAAAERMQAhQVFhgf/aAAgBAwEBPxA2sNWvQPky3fWcYrCHY2fXn//EABsRAQEBAAIDAAAAAAAAAAAAAAERIQBBcbHw/9oACAECAQE/EKtArBg9LEWLZF3RiefvfP/EABgQAQEBAQEAAAAAAAAAAAAAAAEAIREx/9oACAEBAAE/EEw0Oxidt/fTey4HH9nmaFXSES5qYE+3QCjWYZEn8x5/AR6MdubSUBgYokeqBQ5jOBJUqAVV2//Z" alt=""/><picture><source type="image/webp" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">나노포어 데이터 분석 원리</div><div class="css-xm5j9w e1eg5kak3">2019.12.08.</div><div class="css-1wehmme e1eg5kak0">차세대 유전체 분석기술 중 3세대 기술로 알려진 Oxford Nanopore Technologies사의 나노포어 시퀀싱 데이터가 어떻게 저장되고 분석되는지에 대해 간단히 소개하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/인사관리에서 리더십 발휘하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">인사관리에서 리더십 발휘하기</div><div class="css-xm5j9w e1eg5kak3">2019.10.31.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 15번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/회사를 운영하면서 리더십 발휘하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">회사를 운영하면서 리더십 발휘하기</div><div class="css-xm5j9w e1eg5kak3">2019.10.26.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 14번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/창업자에게 요구되는 소양은 무엇일까/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">창업자에게 요구되는 소양은 무엇일까?</div><div class="css-xm5j9w e1eg5kak3">2019.10.19.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 13번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/B2B 사업하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">B2B 사업하기</div><div class="css-xm5j9w e1eg5kak3">2019.09.30.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 12번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/좋은 직원을 뽑으려면 어떻게 해야하는가/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">좋은 직원을 뽑으려면 어떻게 해야하는가</div><div class="css-xm5j9w e1eg5kak3">2019.09.27.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 11번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/조직문화의 중요성/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">조직문화의 중요성</div><div class="css-xm5j9w e1eg5kak3">2019.09.12.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 10번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/09/02/Vue에서 this is undefined 에러가 발생하는 이유/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue에서 this is undefined 에러가 발생하는 이유</div><div class="css-xm5j9w e1eg5kak3">2019.09.02.</div><div class="css-1wehmme e1eg5kak0">Vue.js를 코딩하다가 알게된 사소한 팁들을 공유하는 글입니다. 본 글에서는 Vue 인스턴스에서 계속해서 사용하게 되는 this의 스코프가 어떻게 설정되고, 왜 Arrow 함수를 써야만 하는지를 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/Vue에서 this is undefined 에러가 발생하는 이유/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue에서 this is undefined 에러가 발생하는 이유</div><div class="css-xm5j9w e1eg5kak3">2019.09.02.</div><div class="css-1wehmme e1eg5kak0">Vue.js를 코딩하다가 알게된 사소한 팁들을 공유하는 글입니다. 본 글에서는 Vue 인스턴스에서 계속해서 사용하게 되는 this의 스코프가 어떻게 설정되고, 왜 Arrow 함수를 써야만 하는지를 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/09/02/Vue에서-this-is-undefined-에러가-발생하는-이유/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue에서 this is undefined 에러가 발생하는 이유</div><div class="css-xm5j9w e1eg5kak3">2019.09.02.</div><div class="css-1wehmme e1eg5kak0">Vue.js를 코딩하다가 알게된 사소한 팁들을 공유하는 글입니다. 본 글에서는 Vue 인스턴스에서 계속해서 사용하게 되는 this의 스코프가 어떻게 설정되고, 왜 Arrow 함수를 써야만 하는지를 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/투자자의 입장에서 본 투자를 유치하는 방법/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">투자자의 입장에서 본 투자를 유치하는 방법</div><div class="css-xm5j9w e1eg5kak3">2019.08.17.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 9번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/hbr/693_초심을 유지하는 방법/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAAAAMEBQYHCf/EABUBAQEAAAAAAAAAAAAAAAAAAAIE/9oADAMBAAIQAxAAAAHt7TNuSFTckBTf/8QAGxAAAQUBAQAAAAAAAAAAAAAAAgABAwQFBhP/2gAIAQEAAQUC09ts62XXhJHUP0qkzEmiiB1//8QAIBEAAgEEAQUAAAAAAAAAAAAAAQIRAwQSISIAFCRBUf/aAAgBAwEBPwGncpTCeHauUjlU7kl4YnmFuVTc4nFVGIEQ0sWOTFtDIkwNASZ0PQ+df//EAB8RAAEBCQEAAAAAAAAAAAAAAAECEBESISIxQmFxof/aAAgBAgEBPwEpJzWNCGXKT6+/Gf/EACUQAAIBAwIGAwEAAAAAAAAAAAECAwQREhMhAAUiIzFSEBVRcf/aAAgBAQAGPwKGmMDurxaskog5i6xreWw1KegqKbIrDJ0SVET3wGPcjyGFNVB3thpUPOmF2ZlCu30j6VwGN2QWbTBtmOKeS8nXBE3dVkl6kU9xHjidX9leKNgbhkU7cYsAynYgi4I/CD54yWONW9lRQd/O4F97C/8APj//xAAbEAEBAAIDAQAAAAAAAAAAAAABESExABBBUf/aAAgBAQABPyGpHvSQKiXoe5BgL9bArp7xb3RpFtYKuaN1DjJGQDHKYaAH0SPLnqihkZEX0MxdHX//2gAMAwEAAgADAAAAEIP/AP/EABcRAQEBAQAAAAAAAAAAAAAAAAERAEH/2gAIAQMBAT8QAVc0kkVCkBUYxVSEVGpEcCwcIb//xAAbEQEBAAEFAAAAAAAAAAAAAAABESEAMUFRYf/aAAgBAgEBPxBRZHomASmxFKVVpAEAqwCu7OX3X//EABkQAQEBAQEBAAAAAAAAAAAAAAERACExcf/aAAgBAQABPxCyK0CBPAOUCzbV+YSzuEMCxDYhjKssUPQycG6OY2iosL4sHETUKNo9ZCCQKGtMDw+G/9k=" alt=""/><picture><source type="image/webp" data-srcset="/static/b95e4c30d9028642d08393326f9dc0fb/b3234/693.webp 192w,/static/b95e4c30d9028642d08393326f9dc0fb/65a7c/693.webp 384w,/static/b95e4c30d9028642d08393326f9dc0fb/30053/693.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/b95e4c30d9028642d08393326f9dc0fb/f019f/693.jpg" data-srcset="/static/b95e4c30d9028642d08393326f9dc0fb/6e741/693.jpg 192w,/static/b95e4c30d9028642d08393326f9dc0fb/fdd2c/693.jpg 384w,/static/b95e4c30d9028642d08393326f9dc0fb/f019f/693.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/b95e4c30d9028642d08393326f9dc0fb/b3234/693.webp 192w,/static/b95e4c30d9028642d08393326f9dc0fb/65a7c/693.webp 384w,/static/b95e4c30d9028642d08393326f9dc0fb/30053/693.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/b95e4c30d9028642d08393326f9dc0fb/f019f/693.jpg" srcSet="/static/b95e4c30d9028642d08393326f9dc0fb/6e741/693.jpg 192w,/static/b95e4c30d9028642d08393326f9dc0fb/fdd2c/693.jpg 384w,/static/b95e4c30d9028642d08393326f9dc0fb/f019f/693.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">초심을 유지하는 방법</div><div class="css-xm5j9w e1eg5kak3">2019.08.15.</div><div class="css-1wehmme e1eg5kak0">하버드 비즈니스 리뷰에서 진행하는 HBR Ideacast 693화 <초심을 유지하는 방법>를 듣고 정리한 내용입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/실행하기_작게 일하기_PR하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">실행하기, 작게 일하기 , PR하기</div><div class="css-xm5j9w e1eg5kak3">2019.08.07.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 8번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue_webRTC/vue_webrtc_example4/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue+WebRTC] (4) Socket.io room 설정</div><div class="css-xm5j9w e1eg5kak3">2019.08.05.</div><div class="css-1wehmme e1eg5kak0">Vue 프레임워크에 WebRTC 기술을 적용하여 웹캠 스트리밍 어플을 만드는 과정을 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue_webRTC/vue_webrtc_example3/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue+WebRTC] (3) Socket.io 서버 설정</div><div class="css-xm5j9w e1eg5kak3">2019.08.04.</div><div class="css-1wehmme e1eg5kak0">Vue 프레임워크에 WebRTC 기술을 적용하여 웹캠 스트리밍 어플을 만드는 과정을 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/고객이 사랑하는 상품 만들기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">고객이 사랑하는 상품 만들기</div><div class="css-xm5j9w e1eg5kak3">2019.08.02.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 7번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue_webRTC/vue_webrtc_example2/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue+WebRTC] (2) 한 페이지에서 웹캠 스트리밍하기</div><div class="css-xm5j9w e1eg5kak3">2019.07.28.</div><div class="css-1wehmme e1eg5kak0">Vue 프레임워크에 WebRTC 기술을 적용하여 웹캠 스트리밍 어플을 만드는 과정을 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue_webRTC/vue_webrtc_example1/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue+WebRTC] (1) 웹캠 화면 띄우기</div><div class="css-xm5j9w e1eg5kak3">2019.07.28.</div><div class="css-1wehmme e1eg5kak0">Vue 프레임워크에 WebRTC 기술을 적용하여 웹캠 스트리밍 어플을 만드는 과정을 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/07/27/vuetify grid 시스템 이해하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400.14625228519196'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABg0lEQVR42o2SXUsCQRSG/YN11V+oiG4sqLyLIBCCLvLSpKirIjCD7hKiyOgDoRLXoPwo+lzzi1zXdGeeZp2iTQ0aeHbOztnz8u4545NAPwR62Q5MX8HUmcN4rEjsQZKq6pzoU+f7S9DFkbrw0AR/UhJ/cth97C/0L8Fv2kphNgULGcmd9dudkPLX7vP+opAa15nocnmgXEayOpZfZ3x9g9ehW9hSj7bUeJcr5ubcY0v18rkhaDVt7GaTumXxVirxapqduFyp0Gq38bmFWwVYMuDoBXLvkFBuNvOwfgtzFxAtCEwlmDYMBgYHmQkE2IvHGRkdJbq9zeraGsuRCNVaTQtG72BoH0JpGDuGYcW8EgokYVH1bupcspKDyvM9/olJwuEwR4kEwWCQUCjEyekpsZ0dzGJRC5Y/tDOjAilFWvHYgMsyvNqwkZfcqHyzXiOduSZfKGDbNrfZLEYm02lPVsVWo9E75X7NdvsouvNqMt0T7pmyI38Qnt17RRwhOnjfvdfmE4mv8dNK9Nf5AAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" data-src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vuetify] (1) Grid 시스템 이해하기</div><div class="css-xm5j9w e1eg5kak3">2019.07.27.</div><div class="css-1wehmme e1eg5kak0">Vue의 UI를 예쁘게 꾸며주도록 도와주는 구글의 Material Design 기반의 UI 컴포넌트 라이브러리인 Vuetify의 Grid 시스템에 대해 정리합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/vuetify grid 시스템 이해하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400.14625228519196'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABg0lEQVR42o2SXUsCQRSG/YN11V+oiG4sqLyLIBCCLvLSpKirIjCD7hKiyOgDoRLXoPwo+lzzi1zXdGeeZp2iTQ0aeHbOztnz8u4545NAPwR62Q5MX8HUmcN4rEjsQZKq6pzoU+f7S9DFkbrw0AR/UhJ/cth97C/0L8Fv2kphNgULGcmd9dudkPLX7vP+opAa15nocnmgXEayOpZfZ3x9g9ehW9hSj7bUeJcr5ubcY0v18rkhaDVt7GaTumXxVirxapqduFyp0Gq38bmFWwVYMuDoBXLvkFBuNvOwfgtzFxAtCEwlmDYMBgYHmQkE2IvHGRkdJbq9zeraGsuRCNVaTQtG72BoH0JpGDuGYcW8EgokYVH1bupcspKDyvM9/olJwuEwR4kEwWCQUCjEyekpsZ0dzGJRC5Y/tDOjAilFWvHYgMsyvNqwkZfcqHyzXiOduSZfKGDbNrfZLEYm02lPVsVWo9E75X7NdvsouvNqMt0T7pmyI38Qnt17RRwhOnjfvdfmE4mv8dNK9Nf5AAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" data-src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vuetify] (1) Grid 시스템 이해하기</div><div class="css-xm5j9w e1eg5kak3">2019.07.27.</div><div class="css-1wehmme e1eg5kak0">Vue의 UI를 예쁘게 꾸며주도록 도와주는 구글의 Material Design 기반의 UI 컴포넌트 라이브러리인 Vuetify의 Grid 시스템에 대해 정리합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/07/27/vuetify-grid-시스템-이해하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400.14625228519196'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABg0lEQVR42o2SXUsCQRSG/YN11V+oiG4sqLyLIBCCLvLSpKirIjCD7hKiyOgDoRLXoPwo+lzzi1zXdGeeZp2iTQ0aeHbOztnz8u4545NAPwR62Q5MX8HUmcN4rEjsQZKq6pzoU+f7S9DFkbrw0AR/UhJ/cth97C/0L8Fv2kphNgULGcmd9dudkPLX7vP+opAa15nocnmgXEayOpZfZ3x9g9ehW9hSj7bUeJcr5ubcY0v18rkhaDVt7GaTumXxVirxapqduFyp0Gq38bmFWwVYMuDoBXLvkFBuNvOwfgtzFxAtCEwlmDYMBgYHmQkE2IvHGRkdJbq9zeraGsuRCNVaTQtG72BoH0JpGDuGYcW8EgokYVH1bupcspKDyvM9/olJwuEwR4kEwWCQUCjEyekpsZ0dzGJRC5Y/tDOjAilFWvHYgMsyvNqwkZfcqHyzXiOduSZfKGDbNrfZLEYm02lPVsVWo9E75X7NdvsouvNqMt0T7pmyI38Qnt17RRwhOnjfvdfmE4mv8dNK9Nf5AAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" data-src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" data-srcset="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/bb36f/vuetify.webp 137w,/static/cf20d7b4848572abb8e4b3ef79491104/71688/vuetify.webp 274w,/static/cf20d7b4848572abb8e4b3ef79491104/9431f/vuetify.webp 547w" sizes="(min-width: 547px) 547px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 547px) 547px, 100vw" decoding="async" loading="lazy" src="/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png" srcSet="/static/cf20d7b4848572abb8e4b3ef79491104/11435/vuetify.png 137w,/static/cf20d7b4848572abb8e4b3ef79491104/36e7f/vuetify.png 274w,/static/cf20d7b4848572abb8e4b3ef79491104/3330f/vuetify.png 547w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vuetify] (1) Grid 시스템 이해하기</div><div class="css-xm5j9w e1eg5kak3">2019.07.27.</div><div class="css-1wehmme e1eg5kak0">Vue의 UI를 예쁘게 꾸며주도록 도와주는 구글의 Material Design 기반의 UI 컴포넌트 라이브러리인 Vuetify의 Grid 시스템에 대해 정리합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/hbr/692_직장에서 비판적 사고 기르기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMFBgcJ/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/2gAMAwEAAhADEAAAAe3tL25QqQSApv/EABwQAAEEAwEAAAAAAAAAAAAAAAIBAwQFAAYQE//aAAgBAQABBQKzvErpa7gDjcQ/SKQiWI00PP/EACARAAIBBAEFAAAAAAAAAAAAAAECEQMEEiEiABQkQVH/2gAIAQMBAT8Bp3KUwnh2rlI5VO5JeGJ5hblU3OJxVRiBENLFjkxbQyJMDQEmdD0PnX//xAAdEQEAAQMFAAAAAAAAAAAAAAABAhARIhIhYXGR/9oACAECAQE/AWKrnM4NG3WK+3p//8QAJhAAAgEDAgUFAQAAAAAAAAAAAQIDBBESABMFISIjURAVMVJhkf/aAAgBAQAGPwKGmMDurxbskuxxBkQEyYqJKegqKbNhC9o3qI5C2ChSZY8hhT1QeS23tUXGmBLMyqrN7I+3dVc3ZAQwQG2Y1TyXk64Im7qskvUinuI8cTq/2V4o2BuGRTy1iwDL4YXHLn8H91dY41PlUUH+gen/xAAaEAEBAQEBAQEAAAAAAAAAAAABESEAMRBR/9oACAEBAAE/ISZWCNNCOiUaEt1Iv0nUlCSFORpFtYKu0b5DjJBrkpHqKCMAmYg+nK72uhIiwOmP6fP/2gAMAwEAAgADAAAAEPP/AP/EABcRAQEBAQAAAAAAAAAAAAAAAAERAEH/2gAIAQMBAT8QAVc0kkVCkBUYxVSEVGpEcCwcIb//xAAaEQEBAAMBAQAAAAAAAAAAAAABESExQQBh/9oACAECAQE/EFCR1AYBk8i5ZLsgBAKsArtnX77/xAAYEAEBAQEBAAAAAAAAAAAAAAABEQAxcf/aAAgBAQABPxAJLpI8YSs6SOStishxtDAtAQxlWWKHoZODdnSp2RVRN6kRAQuMAJREAUUGojRTHDw3/9k=" alt=""/><picture><source type="image/webp" data-srcset="/static/8e391ccb35d226737e253ae8cbb9ea7c/b3234/692.webp 192w,/static/8e391ccb35d226737e253ae8cbb9ea7c/65a7c/692.webp 384w,/static/8e391ccb35d226737e253ae8cbb9ea7c/30053/692.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/8e391ccb35d226737e253ae8cbb9ea7c/f019f/692.jpg" data-srcset="/static/8e391ccb35d226737e253ae8cbb9ea7c/6e741/692.jpg 192w,/static/8e391ccb35d226737e253ae8cbb9ea7c/fdd2c/692.jpg 384w,/static/8e391ccb35d226737e253ae8cbb9ea7c/f019f/692.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/8e391ccb35d226737e253ae8cbb9ea7c/b3234/692.webp 192w,/static/8e391ccb35d226737e253ae8cbb9ea7c/65a7c/692.webp 384w,/static/8e391ccb35d226737e253ae8cbb9ea7c/30053/692.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/8e391ccb35d226737e253ae8cbb9ea7c/f019f/692.jpg" srcSet="/static/8e391ccb35d226737e253ae8cbb9ea7c/6e741/692.jpg 192w,/static/8e391ccb35d226737e253ae8cbb9ea7c/fdd2c/692.jpg 384w,/static/8e391ccb35d226737e253ae8cbb9ea7c/f019f/692.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">직장에서 비판적 사고 기르기</div><div class="css-xm5j9w e1eg5kak3">2019.07.25.</div><div class="css-1wehmme e1eg5kak0">하버드 비즈니스 리뷰에서 진행하는 HBR Ideacast 692화 <직장에서 비판적 사고 기르기>를 듣고 정리한 내용입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/vue_router_tutorial2_navguard/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue-Router] (2) 네비게이션 가드와 기타 기능들</div><div class="css-xm5j9w e1eg5kak3">2019.07.21.</div><div class="css-1wehmme e1eg5kak0">Vue router에서 라우트를 보호해주는 네비게이션 가드를 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/폭발적인 성장을 위한 그로스 해킹/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">폭발적인 성장을 위한 그로스 해킹</div><div class="css-xm5j9w e1eg5kak3">2019.07.20.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 6번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/hbr/690_리더의 3가지 종류/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAAAAIEBQYHCf/EABUBAQEAAAAAAAAAAAAAAAAAAAIE/9oADAMBAAIQAxAAAAHt/TtsSKmRICm//8QAHBAAAQMFAAAAAAAAAAAAAAAABAIDBQYQEhMV/9oACAEBAAEFApKa55i6syaEXsFv/8QAIBEAAgEEAQUAAAAAAAAAAAAAAQIRAwQSISIAFCRBUf/aAAgBAwEBPwGncpTCeHauUjlU7kl4YnmFuVTc4nFVGIEQ0sWOTFtDIkwNASZ0PQ+df//EAB8RAAEBCQEAAAAAAAAAAAAAAAECEBESISIxQmFxof/aAAgBAgEBPwEpJzWNCGXKT6+/Gf/EACIQAAICAQQBBQAAAAAAAAAAAAECAxEEBRITIyIAFCAhUv/aAAgBAQAGPwKHF9vJIJIuV5Fx9RkCC5aAfGwMjHLkQydbzxyXsXb2R7hWHmq0lcZTTtdK2zMqq7nQ247CubZAQ3GDW8eseS5POCJu1WSXyRT2I8cTq/6V4o2BsMin6+H/xAAbEAEAAgIDAAAAAAAAAAAAAAABACERMRDB0f/aAAgBAQABPyHeXjKZO44o2cgtu6Q0jHyCBmRGkW1gq3RuocZLPenj/9oADAMBAAIAAwAAABBT/wD/xAAXEQEBAQEAAAAAAAAAAAAAAAABEQBB/9oACAEDAQE/EAFXNJJFQpAVGMVUhFRqRHAsHCG//8QAGxEBAQABBQAAAAAAAAAAAAAAAREhADFBUWH/2gAIAQIBAT8QUWR6JgEpsRSlVaQBAKsAruzl91//xAAbEAEAAgIDAAAAAAAAAAAAAAABABEhMUFxwf/aAAgBAQABPxDAz1x/lrVaUbSKs8mP5/TFPDkMZVliw9DJgbtEpTHrFa26csDR0T//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/e0242893b42ed572c7b813a0cca3c27d/b3234/690.webp 192w,/static/e0242893b42ed572c7b813a0cca3c27d/65a7c/690.webp 384w,/static/e0242893b42ed572c7b813a0cca3c27d/30053/690.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/e0242893b42ed572c7b813a0cca3c27d/f019f/690.jpg" data-srcset="/static/e0242893b42ed572c7b813a0cca3c27d/6e741/690.jpg 192w,/static/e0242893b42ed572c7b813a0cca3c27d/fdd2c/690.jpg 384w,/static/e0242893b42ed572c7b813a0cca3c27d/f019f/690.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/e0242893b42ed572c7b813a0cca3c27d/b3234/690.webp 192w,/static/e0242893b42ed572c7b813a0cca3c27d/65a7c/690.webp 384w,/static/e0242893b42ed572c7b813a0cca3c27d/30053/690.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/e0242893b42ed572c7b813a0cca3c27d/f019f/690.jpg" srcSet="/static/e0242893b42ed572c7b813a0cca3c27d/6e741/690.jpg 192w,/static/e0242893b42ed572c7b813a0cca3c27d/fdd2c/690.jpg 384w,/static/e0242893b42ed572c7b813a0cca3c27d/f019f/690.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">리더의 3가지 종류</div><div class="css-xm5j9w e1eg5kak3">2019.07.20.</div><div class="css-1wehmme e1eg5kak0">하버드 비즈니스 리뷰에서 진행하는 HBR Ideacast 690화를 듣고 정리한 내용입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/vuex_tutorial2_advanced/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vuex 뽀개기] (2) Vuex 모듈화하기</div><div class="css-xm5j9w e1eg5kak3">2019.07.13.</div><div class="css-1wehmme e1eg5kak0">Vuex를 모듈화해서 사용하는 방법을 정리합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/vue_router_tutorial1_basics/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vue-Router] (1) 기본 사용법</div><div class="css-xm5j9w e1eg5kak3">2019.07.13.</div><div class="css-1wehmme e1eg5kak0">Vue router 기본 사용법, 동적 라우트, 중첩 라우트, 리다이렉트 방법에 대해 설명합니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/vuex_tutorial1_basics/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">[Vuex 뽀개기] (1) State, Getter, Mutation, 그리고 Action</div><div class="css-xm5j9w e1eg5kak3">2019.06.25.</div><div class="css-1wehmme e1eg5kak0">Vue의 복잡한 상태 관리를 간편하게 만들어주는 Vuex 라이브러리가 무엇이고, 어떻게 사용해야하는지에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/블루오션 비즈니스 만들기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">블루오션 비즈니스 만들기</div><div class="css-xm5j9w e1eg5kak3">2019.06.23.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 5번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial14_filter/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (14) 텍스트 형식 변환을 위한 필터</div><div class="css-xm5j9w e1eg5kak3">2019.06.17.</div><div class="css-1wehmme e1eg5kak0">Vue에서 제공하는 기능 중, 텍스트의 형식을 변환시켜주는 필터에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/06/17/tutorial14-filter/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (14) 텍스트 형식 변환을 위한 필터</div><div class="css-xm5j9w e1eg5kak3">2019.06.17.</div><div class="css-1wehmme e1eg5kak0">Vue에서 제공하는 기능 중, 텍스트의 형식을 변환시켜주는 필터에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial13_plugins/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (13) 플러그인</div><div class="css-xm5j9w e1eg5kak3">2019.06.16.</div><div class="css-1wehmme e1eg5kak0">자주 사용하는 기능들을 묶어 플러그인으로 작성하는 법에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial12_custom_directives/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (12) 커스텀 디렉티브</div><div class="css-xm5j9w e1eg5kak3">2019.06.15.</div><div class="css-1wehmme e1eg5kak0">사용자 정의 디렉티브를 만들어 DOM의 엘리먼트를 조작하는 법에 대해 요약하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial11_mixins/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (11) 믹스인</div><div class="css-xm5j9w e1eg5kak3">2019.06.13.</div><div class="css-1wehmme e1eg5kak0">Vue 컴포넌트들에 재사용 가능한 기능을 배포하도록 도와주는 믹스인에 대해 요약하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/06/10/tutorial10_transition/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (10) 트랜지션과 애니메이션 적용하기</div><div class="css-xm5j9w e1eg5kak3">2019.06.10.</div><div class="css-1wehmme e1eg5kak0">Vue에서는 어떻게 트랜지션과 애니메이션 효과를 구현하는지 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial10_transition/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (10) 트랜지션과 애니메이션 적용하기</div><div class="css-xm5j9w e1eg5kak3">2019.06.10.</div><div class="css-1wehmme e1eg5kak0">Vue에서는 어떻게 트랜지션과 애니메이션 효과를 구현하는지 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/06/10/tutorial10-transition/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (10) 트랜지션과 애니메이션 적용하기</div><div class="css-xm5j9w e1eg5kak3">2019.06.10.</div><div class="css-1wehmme e1eg5kak0">Vue에서는 어떻게 트랜지션과 애니메이션 효과를 구현하는지 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial8/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (8) 컴포넌트 커뮤니케이션 - Props와 Emit</div><div class="css-xm5j9w e1eg5kak3">2019.06.07.</div><div class="css-1wehmme e1eg5kak0">Vue의 컴포넌트끼리 데이터를 주고 받는 방식인 Props와 Emit에 대해 정리하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/healthcare-nanopore/나노포어 시퀀싱이란/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBgn/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABe/SVrx+1RZtAn//EABoQAAIDAQEAAAAAAAAAAAAAAAMFAgQGBxb/2gAIAQEAAQUC5NwPR8+daN4BBTzTv0Ko0IzFTqVWb8IRAH//xAAZEQEAAgMAAAAAAAAAAAAAAAABAhEQUZH/2gAIAQMBAT8BiWhtrqY//8QAGhEBAAEFAAAAAAAAAAAAAAAAASECEEHh8P/aAAgBAgEBPwGpWchHbt//xAAoEAADAAECBAQHAAAAAAAAAAABAgMEBRETFCEiAAYSUSMxMjNhcYH/2gAIAQEABj8CwfNet+YMab4XF4mnaWnrOUuUhxzhUeirj8K1KTB7+0qjqZlA4XK1GVqHMqsEXGOP6Y8ANkIlKZFofdYGfFRG+NSaBANi09U5blBWt0WPMxyyBGhnu1Idqsdu6Z7kPuNiaI6q6MjBlYBlYbHoQehH4PjITUcbH1BIZETBM2M8pYnk26yW6uJnoPo2+Q9vCyhKcZqO2ckWaL+kQBR/B4//xAAaEAEBAQADAQAAAAAAAAAAAAABEQAhMVFB/9oACAEBAAE/IejAyF10mBmUdHPN65hOw4K+m0aI6d4tlPpCNNkxi3DYdR9BHFHMH5yq56HfJpeDBk8pzE8N/9oADAMBAAIAAwAAABCDH//EABwRAQEBAAEFAAAAAAAAAAAAAAERMQAhQVFhgf/aAAgBAwEBPxA2sNWvQPky3fWcYrCHY2fXn//EABsRAQEBAAIDAAAAAAAAAAAAAAERIQBBcbHw/9oACAECAQE/EKtArBg9LEWLZF3RiefvfP/EABgQAQEBAQEAAAAAAAAAAAAAAAEAIREx/9oACAEBAAE/EEw0Oxidt/fTey4HH9nmaFXSES5qYE+3QCjWYZEn8x5/AR6MdubSUBgYokeqBQ5jOBJUqAVV2//Z" alt=""/><picture><source type="image/webp" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">나노포어 시퀀싱이란?</div><div class="css-xm5j9w e1eg5kak3">2019.06.01.</div><div class="css-1wehmme e1eg5kak0">차세대 유전체 분석기술 중 3세대 기술로 알려진 Oxford Nanopore Technologies사의 나노포어 시퀀싱 기술에 대해 간단히 소개하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/06/01/나노포어 시퀀싱이란/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBgn/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABe/SVrx+1RZtAn//EABoQAAIDAQEAAAAAAAAAAAAAAAMFAgQGBxb/2gAIAQEAAQUC5NwPR8+daN4BBTzTv0Ko0IzFTqVWb8IRAH//xAAZEQEAAgMAAAAAAAAAAAAAAAABAhEQUZH/2gAIAQMBAT8BiWhtrqY//8QAGhEBAAEFAAAAAAAAAAAAAAAAASECEEHh8P/aAAgBAgEBPwGpWchHbt//xAAoEAADAAECBAQHAAAAAAAAAAABAgMEBRETFCEiAAYSUSMxMjNhcYH/2gAIAQEABj8CwfNet+YMab4XF4mnaWnrOUuUhxzhUeirj8K1KTB7+0qjqZlA4XK1GVqHMqsEXGOP6Y8ANkIlKZFofdYGfFRG+NSaBANi09U5blBWt0WPMxyyBGhnu1Idqsdu6Z7kPuNiaI6q6MjBlYBlYbHoQehH4PjITUcbH1BIZETBM2M8pYnk26yW6uJnoPo2+Q9vCyhKcZqO2ckWaL+kQBR/B4//xAAaEAEBAQADAQAAAAAAAAAAAAABEQAhMVFB/9oACAEBAAE/IejAyF10mBmUdHPN65hOw4K+m0aI6d4tlPpCNNkxi3DYdR9BHFHMH5yq56HfJpeDBk8pzE8N/9oADAMBAAIAAwAAABCDH//EABwRAQEBAAEFAAAAAAAAAAAAAAERMQAhQVFhgf/aAAgBAwEBPxA2sNWvQPky3fWcYrCHY2fXn//EABsRAQEBAAIDAAAAAAAAAAAAAAERIQBBcbHw/9oACAECAQE/EKtArBg9LEWLZF3RiefvfP/EABgQAQEBAQEAAAAAAAAAAAAAAAEAIREx/9oACAEBAAE/EEw0Oxidt/fTey4HH9nmaFXSES5qYE+3QCjWYZEn8x5/AR6MdubSUBgYokeqBQ5jOBJUqAVV2//Z" alt=""/><picture><source type="image/webp" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">나노포어 시퀀싱이란?</div><div class="css-xm5j9w e1eg5kak3">2019.06.01.</div><div class="css-1wehmme e1eg5kak0">차세대 유전체 분석기술 중 3세대 기술로 알려진 Oxford Nanopore Technologies사의 나노포어 시퀀싱 기술에 대해 간단히 소개하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/06/01/나노포어-시퀀싱이란/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBgn/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABe/SVrx+1RZtAn//EABoQAAIDAQEAAAAAAAAAAAAAAAMFAgQGBxb/2gAIAQEAAQUC5NwPR8+daN4BBTzTv0Ko0IzFTqVWb8IRAH//xAAZEQEAAgMAAAAAAAAAAAAAAAABAhEQUZH/2gAIAQMBAT8BiWhtrqY//8QAGhEBAAEFAAAAAAAAAAAAAAAAASECEEHh8P/aAAgBAgEBPwGpWchHbt//xAAoEAADAAECBAQHAAAAAAAAAAABAgMEBRETFCEiAAYSUSMxMjNhcYH/2gAIAQEABj8CwfNet+YMab4XF4mnaWnrOUuUhxzhUeirj8K1KTB7+0qjqZlA4XK1GVqHMqsEXGOP6Y8ANkIlKZFofdYGfFRG+NSaBANi09U5blBWt0WPMxyyBGhnu1Idqsdu6Z7kPuNiaI6q6MjBlYBlYbHoQehH4PjITUcbH1BIZETBM2M8pYnk26yW6uJnoPo2+Q9vCyhKcZqO2ckWaL+kQBR/B4//xAAaEAEBAQADAQAAAAAAAAAAAAABEQAhMVFB/9oACAEBAAE/IejAyF10mBmUdHPN65hOw4K+m0aI6d4tlPpCNNkxi3DYdR9BHFHMH5yq56HfJpeDBk8pzE8N/9oADAMBAAIAAwAAABCDH//EABwRAQEBAAEFAAAAAAAAAAAAAAERMQAhQVFhgf/aAAgBAwEBPxA2sNWvQPky3fWcYrCHY2fXn//EABsRAQEBAAIDAAAAAAAAAAAAAAERIQBBcbHw/9oACAECAQE/EKtArBg9LEWLZF3RiefvfP/EABgQAQEBAQEAAAAAAAAAAAAAAAEAIREx/9oACAEBAAE/EEw0Oxidt/fTey4HH9nmaFXSES5qYE+3QCjWYZEn8x5/AR6MdubSUBgYokeqBQ5jOBJUqAVV2//Z" alt=""/><picture><source type="image/webp" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" data-srcset="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/b3234/nanopore.webp 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/65a7c/nanopore.webp 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/30053/nanopore.webp 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/87027/nanopore.webp 1536w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg" srcSet="/static/83fd547d67b087ece9d42f2c1c04f7f0/6e741/nanopore.jpg 192w,/static/83fd547d67b087ece9d42f2c1c04f7f0/fdd2c/nanopore.jpg 384w,/static/83fd547d67b087ece9d42f2c1c04f7f0/f019f/nanopore.jpg 768w,/static/83fd547d67b087ece9d42f2c1c04f7f0/497dc/nanopore.jpg 1536w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">나노포어 시퀀싱이란?</div><div class="css-xm5j9w e1eg5kak3">2019.06.01.</div><div class="css-1wehmme e1eg5kak0">차세대 유전체 분석기술 중 3세대 기술로 알려진 Oxford Nanopore Technologies사의 나노포어 시퀀싱 기술에 대해 간단히 소개하는 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/제품제작, 그리고 고객과의 소통/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">제품제작, 그리고 고객과의 소통</div><div class="css-xm5j9w e1eg5kak3">2019.05.18.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 4번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial7/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (7) 컴포넌트 기본편</div><div class="css-xm5j9w e1eg5kak3">2019.05.13.</div><div class="css-1wehmme e1eg5kak0">Vue를 가장 강력한 프론트엔드 프레임워크로 만들어주는 기능인 컴포넌트에 대해 알아봅니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial6/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (6) CSS 스타일 넣기</div><div class="css-xm5j9w e1eg5kak3">2019.05.12.</div><div class="css-1wehmme e1eg5kak0">Vue 템플릿에 CSS 스타일을 적용하는 방법에 대해 알아봅니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial5/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (5) Computed와 Watch 속성</div><div class="css-xm5j9w e1eg5kak3">2019.05.11.</div><div class="css-1wehmme e1eg5kak0">Vue 인스턴스의 핵심 속성인 computed와 watch에 대한 정리글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial4/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (4) 조건문과 반복문</div><div class="css-xm5j9w e1eg5kak3">2019.05.07.</div><div class="css-1wehmme e1eg5kak0">Vue에서는 조건문과 반복문을 어떻게 사용하는지에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/05/06/tutorial3/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (3) Vue로 DOM 조작하기</div><div class="css-xm5j9w e1eg5kak3">2019.05.06.</div><div class="css-1wehmme e1eg5kak0">Vue가 DOM을 어떻게 조작하는지에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial3/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (3) Vue로 DOM 조작하기</div><div class="css-xm5j9w e1eg5kak3">2019.05.06.</div><div class="css-1wehmme e1eg5kak0">Vue가 DOM을 어떻게 조작하는지에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/05/06/tutorial3/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (3) Vue로 DOM 조작하기</div><div class="css-xm5j9w e1eg5kak3">2019.05.06.</div><div class="css-1wehmme e1eg5kak0">Vue가 DOM을 어떻게 조작하는지에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial2/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (2) Vue 인스턴스와 라이프사이클</div><div class="css-xm5j9w e1eg5kak3">2019.05.05.</div><div class="css-1wehmme e1eg5kak0">Vue 인스턴스와 라이프사이클에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/반직관적으로 생각하기/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">반직관적으로 생각하기</div><div class="css-xm5j9w e1eg5kak3">2019.04.30.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 3번째 강의를 요약정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/04/30/tutorial1/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (1) 개발환경 설정</div><div class="css-xm5j9w e1eg5kak3">2019.04.30.</div><div class="css-1wehmme e1eg5kak0">Vue 개발환경 설정하는 법에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/vue/tutorial1/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (1) 개발환경 설정</div><div class="css-xm5j9w e1eg5kak3">2019.04.30.</div><div class="css-1wehmme e1eg5kak0">Vue 개발환경 설정하는 법에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/2019/04/30/tutorial1/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/jpeg;base64,/9j/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wgARCAAKABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAABAYA/8QAFwEAAwEAAAAAAAAAAAAAAAAAAAEDB//aAAwDAQACEAMQAAABAW3XDBYPWOZ//8QAGxAAAQUBAQAAAAAAAAAAAAAAAQACAwQREhT/2gAIAQEAAQUCZWb1FStMb5lgUoG4F//EACERAAEBCAMBAAAAAAAAAAAAAAERAAQSFSEiMUECUnGh/9oACAEDAQE/AZs9Ibsw7KhCtp0uOVDEKNNnrt98b//EACIRAAECBAcBAAAAAAAAAAAAAAERIQACBBUSIkJRUmHR8P/aAAgBAgEBPwG9Vah2ZRiOnME2VUm5BovdV9MevY//xAAiEAAABgEEAwEAAAAAAAAAAAAAAQIDEjEEERMhMhRBYaH/2gAIAQEABj8CTuEcNSnHtH3p9L9oPealsl75t42z1dx27zD1M4pyJJJlq0QckauBQoFwVCh//8QAHRABAQACAgMBAAAAAAAAAAAAAREAIWFxMUGRUf/aAAgBAQABPyHpzz5NrpDYJI/VyVvslEWkrqJrcS8cD4Yb0gDRoAh0VhznA+Gf/9oADAMBAAIAAwAAABAw7//EABsRAAICAwEAAAAAAAAAAAAAAAEhABFBYZHB/9oACAEDAQE/EBWBKSSSiFgDG0ISoFNjPzsc3P/EABwRAQACAgMBAAAAAAAAAAAAAAERIQBRQWFxgf/aAAgBAgEBPxBVhi2GVjcqGEcBOFNnH18ds//EABoQAQEBAAMBAAAAAAAAAAAAAAERACHB8DH/2gAIAQEAAT8QA6YKEsE9Wr5KQgafDDjl/NZlWn1DeE6wSECghSMOEgcFQK7wnW//2Q==" alt=""/><picture><source type="image/webp" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" data-srcset="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/b3234/logo.webp 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/65a7c/logo.webp 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/30053/logo.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg" srcSet="/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/6e741/logo.jpg 192w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/fdd2c/logo.jpg 384w,/static/f7a2cb1b53db588bfdc14d4b5dcd2d35/f019f/logo.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">Vue.js 뽀개기 (1) 개발환경 설정</div><div class="css-xm5j9w e1eg5kak3">2019.04.30.</div><div class="css-1wehmme e1eg5kak0">Vue 개발환경 설정하는 법에 대해 정리한 글입니다.</div></div></a><a class="css-m7gxp6 e1eg5kak7" href="/how-to-start-a-startup/창업 멤버 구성부터 실행에 옮기기까지/"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained css-1axbq5h e1eg5kak6"><div style="max-width:768px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='400'%20width='768'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAIAAAA7N+mxAAAACXBIWXMAAAsTAAALEwEAmpwYAAABQUlEQVR42nVRS0vDQBDuT89Rc+qhYHMwNRCqbQ+ioBLxgdhgs8VUKCSCBYlKPaRb0zRtNs9xdCUtsR2W4ZvHxzczW4FNlqUp+sta7ULe/wmzbGNbpUB5npew3mxeKwel0lZyYRiy6ZQa5Iv0GaW8/Pc4XifPZjPGGNKSJImiCDMpgvk89Lw4jrE3z7I8TdFjoeBXuI4sy9VqVVEUXdfRE8PodDp7Ur1Wl+wHHUZWNnyEmzPQr+BOg9tzeH9dKQdBQCl1HGcwGBBCer2eaZqGYdx3uy+WZfeJ82x/WMPRk5nPfRi/AQtXZK4/mUwajQZqCoKgqqqmaZIkHbVaO6K4K4qH7fbxySlfqnwwNFzYdV0EOIX/azgRJsMwxIsEi6X3OQaPAnUhYmXy/z9bz6Bm6PuwXEDgQxJvIPO+wm/7YT72N+fMLEEy7nJoAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/webp" data-srcset="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" data-src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" data-srcset="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture><noscript><picture><source type="image/webp" srcSet="/static/5f9cff66acca6778e9325143ae216609/b3234/startup.webp 192w,/static/5f9cff66acca6778e9325143ae216609/65a7c/startup.webp 384w,/static/5f9cff66acca6778e9325143ae216609/30053/startup.webp 768w" sizes="(min-width: 768px) 768px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 768px) 768px, 100vw" decoding="async" loading="lazy" src="/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg" srcSet="/static/5f9cff66acca6778e9325143ae216609/6e741/startup.jpg 192w,/static/5f9cff66acca6778e9325143ae216609/fdd2c/startup.jpg 384w,/static/5f9cff66acca6778e9325143ae216609/f019f/startup.jpg 768w" alt="Post Item Image"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1,e.parentNode.parentNode.querySelector("[data-placeholder-image]").style.opacity=0)}}</script></div><div class="css-1do7u82 e1eg5kak5"><div class="css-kw2b4d e1eg5kak4">창업 멤버 구성부터 실행에 옮기기까지</div><div class="css-xm5j9w e1eg5kak3">2019.04.24.</div><div class="css-1wehmme e1eg5kak0">스탠포드대학에서 진행하였던 How to start a startup의 2번째 강의를 요약정리한 글입니다.</div></div></a></div><style data-emotion="css 9w9jmx">.css-9w9jmx{display:grid;place-items:center;margin-top:auto;padding:50px 0;font-size:15px;text-align:center;line-height:1.5;}@media (max-width: 768px){.css-9w9jmx{font-size:13px;}}</style><div class="css-9w9jmx e1oae0v80">Thank You for Visiting My Blog, Have a Good Day 😆<br/>© ChansNotes Powered By Gatsby</div></main></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><!-- slice-start id="_gatsby-scripts-1" -->
<script
id="gatsby-chunk-mapping"
>
window.___chunkMapping="{\"app\":[\"/app-7bbdb2232fb99d9fe37a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-f34d2aeba15f7032a4bf.js\"],\"component---src-pages-index-tsx\":[\"/component---src-pages-index-tsx-d1e72f96e2cf45cc0c67.js\"],\"component---src-pages-info-tsx\":[\"/component---src-pages-info-tsx-d0ae3ad9d67ba3f96369.js\"],\"component---src-templates-post-template-tsx\":[\"/component---src-templates-post-template-tsx-7e5e6bbc2f1a4481307f.js\"]}";
</script>
<script>window.___webpackCompilationHash="2526b907e20fc848c874";</script><script src="/webpack-runtime-70d8ae8de7c11c59d086.js" async></script><script src="/framework-6a525285796fb83f2864.js" async></script><script src="/app-7bbdb2232fb99d9fe37a.js" async></script><!-- slice-end id="_gatsby-scripts-1" --></body></html>