diff --git a/home/1/index.html b/home/1/index.html
index 59a57a72..7e2e0ac9 100644
--- a/home/1/index.html
+++ b/home/1/index.html
@@ -54,7 +54,7 @@
                 google_ad_client: "ca-pub-3886701004172830",
                 enable_page_level_ads: true
               });
-          </script><title data-gatsby-head="true">All posts | Suu.Blog</title></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZHNKFDT" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><nav class="navigation-module--wrapper--a18e8"><ul class="navigation-module--inner--2f3f2"><li><a aria-current="page" class="" href="/home/1/"><div data-gatsby-image-wrapper="" style="width:35px;height:35px" class="gatsby-image-wrapper navigation-module--logo--50c65"><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADx0lEQVR42o2U+09TZxjH/U/2B+znJftt2f2XJYvTZEGXmemIrBalQFsgpBvBUS6lFMrtQAFhMAdULhsVsICFINimUm7CGMa4C5XWcStQoLT97D0Hx9Qh+iZvzptzTj7v83y/z/OciNfoOG7HJB3UZbBmScZTmMZ0kYa4Tce6KYmQWQU2PXHpv/9PHAurOYAFi1Xcbq5lNwbzM9M4M77C57Bzp62RgDlZgcZeD6iHag1jFVcJbO0SjMP09BSdN+zI669AkClTugDqiL4OMF6bQcR6GV9XM0s7Ue4ubxBaW+FhcBXv6i4PHyyyYLykZBGVXgE8SDeTbYsKZ00JURHRfjSmRPb39g5/hqOM/Whju1QtIsx4tYbU6olWahgpy2E5+IRgIADxODvhsAKd8LiZyU2E+kzFuGOBB9HpWSxQMz83pwAmJycPn2EBDa6s4TNniIu1h4a8FBhVItTiNqawsh5SQH6/H4/Ho5yj+xGEP4w3VbBrkUsn82hg7ClsXzpI2W9SM+u+q0ACgWV+W5jn37UZESZVfQ+VKcI8/UsiFB/kVONi05TNZnkatqwERsZvsr62QSQCu+E4G5vb9LXb+KNAdbSGsacmhCpSGc1Vc78oBXfWlzhOfUzvxXforX0X47dJdLRqGR3UM9Sjotr4AVPGC0olRCXtUUAtzpxkpOafaGpuodpqpSHHwA/Jl2g8fwbrZ+/TlPQ2rqz38H3zEb1XEvkl6xw0ZAqJ/geUOyKVnjwdjlsDDPT3cbO/ny7nII6BAezdP9PWcp16cznOL86wff4U/tSvuZMnukRKE6AXNIzJ2kkaurJFWj0O+m85kYqu8smbb5Cm1eMaGqKvr5cucZHq89N0fvgWYW0iQ4YrhCtSFLkOgXLLyL3oM6VRWmzihujTAQHo7e4g8+ynWCwWXC4Xba2ttIs9f3+Oa2YNs4knGc/RslX+AlAWdas4iRbxs+fB71SWldLY2Ijdbqeu+To1tjrl3N7ezsiwSymZprpCGs6dZNQgJk1N+vOFTX0WfmMiw4POgz4NBpi456WqWqKoy8ny1g7dnR3YBLgwP19EP4gh4TTqhLPctuYq2see1VBxWEpn0qzHOzrMkhhJT1ZWqLSWMfzosXJJZG8Pr9fL7PyvBFdXuWbvxvvIz0R1nihsjeLB84UtvxBuLRUksVCiZbEkndnvLuB2dBLai7AvoOuhTebueRizGBgr0jFZbmC97LIyaY7sZaV0RPry9JW7Re6Ax8VqvGIAuEuzmTGlspR/UblY1i1eJVKVx9YzNSgD/wHkNdJctueBeQAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" data-src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></picture><noscript><picture><source type="image/avif" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></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="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">S</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">.</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">B</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">l</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">o</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">g</div></div></div></a></li><li><div class="theme-btn-module--wrapper--ca215" style="background-color:#ffffff;color:var(--color-bg-surface)"><div class="theme-btn-module--inner--2895e" style="background-color:#d9d9d9"><button class="theme-btn-module--btn--fcce8" tabindex="0" style="background-color:#ff740f;color:var(--color-bg-surface);transform:none"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_125_122" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00066 0C9.2768 0 9.50066 0.223858 9.50066 0.5V2.20054C9.50066 2.47668 9.2768 2.70054 9.00066 2.70054C8.72452 2.70054 8.50066 2.47668 8.50066 2.20054V0.5C8.50066 0.223858 8.72452 0 9.00066 0ZM9.00066 15.3003C9.2768 15.3003 9.50066 15.5241 9.50066 15.8003V17.5008C9.50066 17.777 9.2768 18.0008 9.00066 18.0008C8.72452 18.0008 8.50066 17.777 8.50066 17.5008V15.8003C8.50066 15.5241 8.72452 15.3003 9.00066 15.3003ZM17.5008 9.50015C17.777 9.50015 18.0008 9.27629 18.0008 9.00015C18.0008 8.72401 17.777 8.50015 17.5008 8.50015H15.8003C15.5241 8.50015 15.3003 8.72401 15.3003 9.00015C15.3003 9.27629 15.5241 9.50015 15.8003 9.50015H17.5008ZM2.70054 9.00015C2.70054 9.27629 2.47668 9.50015 2.20054 9.50015H0.5C0.223858 9.50015 0 9.27629 0 9.00015C0 8.72401 0.223858 8.50015 0.5 8.50015H2.20054C2.47668 8.50015 2.70054 8.72401 2.70054 9.00015ZM15.6563 3.28095C15.8515 3.08569 15.8515 2.76911 15.6563 2.57385C15.461 2.37858 15.1444 2.37858 14.9492 2.57385L13.7467 3.77631C13.5514 3.97157 13.5514 4.28815 13.7467 4.48342C13.942 4.67868 14.2586 4.67868 14.4538 4.48342L15.6563 3.28095ZM4.14663 12.7917C4.34189 12.987 4.34189 13.3036 4.14663 13.4988L2.94416 14.7013C2.7489 14.8965 2.43232 14.8965 2.23706 14.7013C2.04179 14.506 2.04179 14.1894 2.23706 13.9942L3.43952 12.7917C3.63478 12.5965 3.95136 12.5965 4.14663 12.7917ZM14.9492 15.0014C15.1444 15.1967 15.461 15.1967 15.6563 15.0014C15.8515 14.8062 15.8515 14.4896 15.6563 14.2943L14.4538 13.0919C14.2586 12.8966 13.942 12.8966 13.7467 13.0919C13.5514 13.2871 13.5514 13.6037 13.7467 13.799L14.9492 15.0014ZM4.14663 4.78358C3.95136 4.97884 3.63478 4.97884 3.43952 4.78358L2.23706 3.58111C2.04179 3.38585 2.04179 3.06927 2.23706 2.87401C2.43232 2.67874 2.7489 2.67874 2.94416 2.87401L4.14663 4.07647C4.34189 4.27173 4.34189 4.58831 4.14663 4.78358ZM9.00066 14.1002C11.8174 14.1002 14.1007 11.8169 14.1007 9.00015C14.1007 6.18345 11.8174 3.90006 9.00066 3.90006C6.18396 3.90006 3.90057 6.18345 3.90057 9.00015C3.90057 11.8169 6.18396 14.1002 9.00066 14.1002Z"></path></mask><path d="M15.6563 2.57385L16.3634 1.86674L16.3634 1.86674L15.6563 2.57385ZM15.6563 3.28095L16.3634 3.98806L15.6563 3.28095ZM14.9492 2.57385L14.2421 1.86674L14.2421 1.86674L14.9492 2.57385ZM13.7467 3.77631L13.0396 3.0692L13.0396 3.0692L13.7467 3.77631ZM13.7467 4.48342L13.0396 5.19052L13.0396 5.19052L13.7467 4.48342ZM14.4538 4.48342L13.7467 3.77631L14.4538 4.48342ZM4.14663 13.4988L4.85373 14.2059L4.85373 14.2059L4.14663 13.4988ZM4.14663 12.7917L4.85373 12.0846L4.85373 12.0846L4.14663 12.7917ZM2.94416 14.7013L3.65127 15.4084L3.65127 15.4084L2.94416 14.7013ZM2.23706 13.9942L2.94416 14.7013L2.94416 14.7013L2.23706 13.9942ZM3.43952 12.7917L2.73241 12.0846L3.43952 12.7917ZM15.6563 15.0014L16.3634 15.7086L16.3634 15.7086L15.6563 15.0014ZM14.9492 15.0014L14.2421 15.7086L14.2421 15.7086L14.9492 15.0014ZM15.6563 14.2943L16.3634 13.5872L16.3634 13.5872L15.6563 14.2943ZM14.4538 13.0919L13.7467 13.799L13.7467 13.799L14.4538 13.0919ZM13.7467 13.0919L14.4538 13.799L14.4538 13.799L13.7467 13.0919ZM13.7467 13.799L14.4538 13.0919L13.7467 13.799ZM3.43952 4.78358L4.14663 4.07647L4.14663 4.07647L3.43952 4.78358ZM4.14663 4.78358L3.43952 4.07647L3.43952 4.07647L4.14663 4.78358ZM2.23706 2.87401L2.94416 3.58111L2.94416 3.58111L2.23706 2.87401ZM2.94416 2.87401L3.65127 2.1669L2.94416 2.87401ZM4.14663 4.07647L3.43952 4.78358L3.43952 4.78358L4.14663 4.07647ZM10.5007 0.5C10.5007 -0.328427 9.82909 -1 9.00066 -1V1C8.72452 1 8.50066 0.776143 8.50066 0.5H10.5007ZM10.5007 2.20054V0.5H8.50066V2.20054H10.5007ZM9.00066 3.70054C9.82909 3.70054 10.5007 3.02897 10.5007 2.20054H8.50066C8.50066 1.9244 8.72452 1.70054 9.00066 1.70054V3.70054ZM7.50066 2.20054C7.50066 3.02897 8.17223 3.70054 9.00066 3.70054V1.70054C9.2768 1.70054 9.50066 1.9244 9.50066 2.20054H7.50066ZM7.50066 0.5V2.20054H9.50066V0.5H7.50066ZM9.00066 -1C8.17223 -1 7.50066 -0.328427 7.50066 0.5H9.50066C9.50066 0.776143 9.2768 1 9.00066 1V-1ZM10.5007 15.8003C10.5007 14.9718 9.82909 14.3003 9.00066 14.3003V16.3003C8.72452 16.3003 8.50066 16.0764 8.50066 15.8003H10.5007ZM10.5007 17.5008V15.8003H8.50066V17.5008H10.5007ZM9.00066 19.0008C9.82909 19.0008 10.5007 18.3292 10.5007 17.5008H8.50066C8.50066 17.2247 8.72452 17.0008 9.00066 17.0008V19.0008ZM7.50066 17.5008C7.50066 18.3292 8.17223 19.0008 9.00066 19.0008V17.0008C9.2768 17.0008 9.50066 17.2247 9.50066 17.5008H7.50066ZM7.50066 15.8003V17.5008H9.50066V15.8003H7.50066ZM9.00066 14.3003C8.17223 14.3003 7.50066 14.9718 7.50066 15.8003H9.50066C9.50066 16.0764 9.2768 16.3003 9.00066 16.3003V14.3003ZM17.0008 9.00015C17.0008 8.72401 17.2247 8.50015 17.5008 8.50015V10.5001C18.3292 10.5001 19.0008 9.82858 19.0008 9.00015H17.0008ZM17.5008 9.50015C17.2247 9.50015 17.0008 9.27629 17.0008 9.00015H19.0008C19.0008 8.17172 18.3292 7.50015 17.5008 7.50015V9.50015ZM15.8003 9.50015H17.5008V7.50015H15.8003V9.50015ZM16.3003 9.00015C16.3003 9.27629 16.0764 9.50015 15.8003 9.50015V7.50015C14.9718 7.50015 14.3003 8.17172 14.3003 9.00015H16.3003ZM15.8003 8.50015C16.0764 8.50015 16.3003 8.72401 16.3003 9.00015H14.3003C14.3003 9.82858 14.9718 10.5001 15.8003 10.5001V8.50015ZM17.5008 8.50015H15.8003V10.5001H17.5008V8.50015ZM2.20054 10.5001C3.02897 10.5001 3.70054 9.82858 3.70054 9.00015H1.70054C1.70054 8.72401 1.9244 8.50015 2.20054 8.50015V10.5001ZM0.5 10.5001H2.20054V8.50015H0.5V10.5001ZM-1 9.00015C-1 9.82858 -0.328428 10.5001 0.5 10.5001V8.50015C0.776143 8.50015 1 8.72401 1 9.00015H-1ZM0.5 7.50015C-0.328428 7.50015 -1 8.17172 -1 9.00015H1C1 9.27629 0.776143 9.50015 0.5 9.50015V7.50015ZM2.20054 7.50015H0.5V9.50015H2.20054V7.50015ZM3.70054 9.00015C3.70054 8.17172 3.02897 7.50015 2.20054 7.50015V9.50015C1.9244 9.50015 1.70054 9.27629 1.70054 9.00015H3.70054ZM14.9492 3.28095C14.7539 3.08569 14.7539 2.76911 14.9492 2.57384L16.3634 3.98806C16.9492 3.40227 16.9492 2.45252 16.3634 1.86674L14.9492 3.28095ZM15.6563 3.28095C15.461 3.47621 15.1444 3.47621 14.9492 3.28095L16.3634 1.86674C15.7776 1.28095 14.8279 1.28095 14.2421 1.86674L15.6563 3.28095ZM14.4538 4.48342L15.6563 3.28095L14.2421 1.86674L13.0396 3.0692L14.4538 4.48342ZM14.4538 3.77631C14.6491 3.97157 14.6491 4.28815 14.4538 4.48342L13.0396 3.0692C12.4538 3.65499 12.4538 4.60474 13.0396 5.19052L14.4538 3.77631ZM13.7467 3.77631C13.942 3.58105 14.2586 3.58105 14.4538 3.77631L13.0396 5.19052C13.6254 5.77631 14.5751 5.77631 15.1609 5.19052L13.7467 3.77631ZM14.9492 2.57384L13.7467 3.77631L15.1609 5.19052L16.3634 3.98806L14.9492 2.57384ZM4.85373 14.2059C5.43952 13.6201 5.43952 12.6704 4.85373 12.0846L3.43952 13.4988C3.24426 13.3036 3.24426 12.987 3.43952 12.7917L4.85373 14.2059ZM3.65127 15.4084L4.85373 14.2059L3.43952 12.7917L2.23706 13.9942L3.65127 15.4084ZM1.52995 15.4084C2.11574 15.9942 3.06548 15.9942 3.65127 15.4084L2.23706 13.9942C2.43232 13.7989 2.7489 13.7989 2.94416 13.9942L1.52995 15.4084ZM1.52995 13.2871C0.944162 13.8729 0.944162 14.8226 1.52995 15.4084L2.94416 13.9942C3.13942 14.1894 3.13942 14.506 2.94416 14.7013L1.52995 13.2871ZM2.73241 12.0846L1.52995 13.2871L2.94416 14.7013L4.14663 13.4988L2.73241 12.0846ZM4.85373 12.0846C4.26795 11.4988 3.3182 11.4988 2.73241 12.0846L4.14663 13.4988C3.95136 13.6941 3.63478 13.6941 3.43952 13.4988L4.85373 12.0846ZM14.9492 14.2943C15.1444 14.0991 15.461 14.0991 15.6563 14.2943L14.2421 15.7086C14.8279 16.2943 15.7776 16.2943 16.3634 15.7086L14.9492 14.2943ZM14.9492 15.0014C14.7539 14.8062 14.7539 14.4896 14.9492 14.2943L16.3634 15.7086C16.9492 15.1228 16.9492 14.173 16.3634 13.5872L14.9492 15.0014ZM13.7467 13.799L14.9492 15.0014L16.3634 13.5872L15.1609 12.3848L13.7467 13.799ZM14.4538 13.799C14.2586 13.9942 13.942 13.9942 13.7467 13.799L15.1609 12.3848C14.5751 11.799 13.6254 11.799 13.0396 12.3848L14.4538 13.799ZM14.4538 13.0919C14.6491 13.2871 14.6491 13.6037 14.4538 13.799L13.0396 12.3848C12.4538 12.9706 12.4538 13.9203 13.0396 14.5061L14.4538 13.0919ZM15.6563 14.2943L14.4538 13.0919L13.0396 14.5061L14.2421 15.7086L15.6563 14.2943ZM2.73241 5.49068C3.3182 6.07647 4.26795 6.07647 4.85373 5.49068L3.43952 4.07647C3.63478 3.88121 3.95136 3.88121 4.14663 4.07647L2.73241 5.49068ZM1.52995 4.28822L2.73241 5.49068L4.14663 4.07647L2.94416 2.87401L1.52995 4.28822ZM1.52995 2.1669C0.944162 2.75268 0.944161 3.70243 1.52995 4.28822L2.94416 2.87401C3.13942 3.06927 3.13942 3.38585 2.94416 3.58111L1.52995 2.1669ZM3.65127 2.1669C3.06548 1.58111 2.11574 1.58111 1.52995 2.1669L2.94416 3.58111C2.7489 3.77637 2.43232 3.77637 2.23706 3.58111L3.65127 2.1669ZM4.85373 3.36936L3.65127 2.1669L2.23706 3.58111L3.43952 4.78358L4.85373 3.36936ZM4.85373 5.49068C5.43952 4.9049 5.43952 3.95515 4.85373 3.36936L3.43952 4.78358C3.24426 4.58831 3.24426 4.27173 3.43952 4.07647L4.85373 5.49068ZM13.1007 9.00015C13.1007 11.2646 11.2651 13.1002 9.00066 13.1002V15.1002C12.3696 15.1002 15.1007 12.3691 15.1007 9.00015H13.1007ZM9.00066 4.90006C11.2651 4.90006 13.1007 6.73573 13.1007 9.00015H15.1007C15.1007 5.63116 12.3696 2.90006 9.00066 2.90006V4.90006ZM4.90057 9.00015C4.90057 6.73573 6.73624 4.90006 9.00066 4.90006V2.90006C5.63167 2.90006 2.90057 5.63116 2.90057 9.00015H4.90057ZM9.00066 13.1002C6.73624 13.1002 4.90057 11.2646 4.90057 9.00015H2.90057C2.90057 12.3691 5.63167 15.1002 9.00066 15.1002V13.1002Z" fill="#2A2B31" mask="url(#path-1-inside-1_125_122)"></path></svg></button></div></div></li></ul></nav><div class="global-wrapper" data-is-root-path="false"><header class="global-header"></header><div class="post-list-template-module--main-wrapper--99ca4"><aside class="post-list-template-module--side-menu--484bf"><div class="bio-module--profile--8f90a"><header><img src="data:image/gif;base64,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" width="64" height="64" alt="profile image"/><div><span>@<!-- -->suu3</span><span>Developer</span></div></header><p>프론트엔드 개발자입니다.</p></div><div class="category-menu-module--wrapper--377cc"><header class="category-menu-module--header--862c6"><p>Category</p></header><ul><a aria-current="page" class="" href="/home/1/"><li class="category-menu-module--active--d3701">전체 보기 (<!-- -->16<!-- -->)</li></a><a href="/Django/1/"><li>Django<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Next.js/1/"><li>Next.js<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Project/1/"><li>Project<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/React/1/"><li>React<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/기타/1/"><li>기타<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/책/1/"><li>책<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/컨퍼런스/1/"><li>컨퍼런스<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/회고/1/"><li>회고<!-- --> (<!-- -->5<!-- -->)</li></a></ul></div></aside><main class="post-list-template-module--main--3e062"><h1>Latest</h1><ol class="post-list-template-module--ol--7083e"><li><a itemProp="url" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->Flutter</span></div><div><h2><span itemProp="headline">약 반년 간의 플러터 공부 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">프론트 개발자의 플러터 공부 회고</p></section></div></div><small>2024.10.05</small></article></a></li><li><a itemProp="url" href="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>기타</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>기타</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;136&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABTklEQVR42pVSu06EUBDlb+xtbK3t7Kz2C2ysrf0AO0us/QAbCgsrExMtlJAl2YawcFnksbLAhcvxzrC7EsW4O8nJnMzjzOTONTBiXdcxfsZ2MWOsKc9zzGYzOI4D13XZ27bNID6dTrFarcYF27ZFURSoqmq7mZQSWZbB9314nodosYAQEaIowkJzQtM0XKt0f6sUOg0dgEFNpmnCsiwkSbJtiuOYfZblWC4TLPOEY2maMoQQnKf6eRDgMw61uIKhtDJtRBOJE3jymuuxsF2JN6divolv6r6hfr/h0FSfx+NTh7NJjpPTd9w/fHCsVd1uRxmabPqmm9sUR8cvODi8w9X1a5+T7f6Cm18SJQrnl8+YXFjwRPHvF/pTkK5OX6OuS/2+tYaE0ijLkrGXIB2JrifCEP48QBiEPULB8UBfta7r3QWpmDYkP+RDTxgT/AJthk+9WRrr3gAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->AWS</span></div><div><h2><span itemProp="headline">AWS SAA-C03 취득한 후기</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">AWS SAA-C03 준비 과정 및 시험 후기</p></section></div></div><small>2024.08.18</small></article></a></li><li><a itemProp="url" href="/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->framer-motion</span><span class="post-list-item-module--badge--43d5b">#<!-- -->스터디</span><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">웹 애니메이션 스터디 결과물 및 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.</p></section></div></div><small>2024.08.17</small></article></a></li><li><a itemProp="url" href="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>컨퍼런스</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>컨퍼런스</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;341&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z" alt=""/><picture><source type="image/avif" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg" srcSet="/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->인프콘 2024</span></div><div><h2><span itemProp="headline">2년 연속 다녀온 인프콘 2024 후기</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">지난 2일에 다녀온 인프콘 후기</p></section></div></div><small>2024.08.10</small></article></a></li><li><a itemProp="url" href="/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>Next.js</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>Next.js</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->ssr</span><span class="post-list-item-module--badge--43d5b">#<!-- -->next.js</span></div><div><h2><span itemProp="headline">Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">Next.js 프로젝트에서 리디렉션 & tanstack-query 데이터 프리페칭을 서버사이드에서 처리한 경험을 공유한다.</p></section></div></div><small>2024.01.28</small></article></a></li><li><a itemProp="url" href="/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">2023년 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.</p></section></div></div><small>2024.01.10</small></article></a></li></ol><hr/><div class="pagination-module--wrapper--3ea89"><button class="pagination-module--btn--5d112 pagination-module--prev-btn--4436f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15L0.999998 8L8 1" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><ol class="pagination-module--pages--bbcaf"><span class="pagination-module--page--ead35 pagination-module--active--e84c6">1</span><span class="pagination-module--page--ead35">2</span><span class="pagination-module--page--ead35">3</span></ol><button class="pagination-module--btn--5d112 pagination-module--next-btn--4e11f"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8 8L0.999999 15" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></main></div></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/home/1/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
+          </script><title data-gatsby-head="true">All posts | Suu.Blog</title></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZHNKFDT" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><nav class="navigation-module--wrapper--a18e8"><ul class="navigation-module--inner--2f3f2"><li><a aria-current="page" class="" href="/home/1/"><div data-gatsby-image-wrapper="" style="width:35px;height:35px" class="gatsby-image-wrapper navigation-module--logo--50c65"><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADx0lEQVR42o2U+09TZxjH/U/2B+znJftt2f2XJYvTZEGXmemIrBalQFsgpBvBUS6lFMrtQAFhMAdULhsVsICFINimUm7CGMa4C5XWcStQoLT97D0Hx9Qh+iZvzptzTj7v83y/z/OciNfoOG7HJB3UZbBmScZTmMZ0kYa4Tce6KYmQWQU2PXHpv/9PHAurOYAFi1Xcbq5lNwbzM9M4M77C57Bzp62RgDlZgcZeD6iHag1jFVcJbO0SjMP09BSdN+zI669AkClTugDqiL4OMF6bQcR6GV9XM0s7Ue4ubxBaW+FhcBXv6i4PHyyyYLykZBGVXgE8SDeTbYsKZ00JURHRfjSmRPb39g5/hqOM/Whju1QtIsx4tYbU6olWahgpy2E5+IRgIADxODvhsAKd8LiZyU2E+kzFuGOBB9HpWSxQMz83pwAmJycPn2EBDa6s4TNniIu1h4a8FBhVItTiNqawsh5SQH6/H4/Ho5yj+xGEP4w3VbBrkUsn82hg7ClsXzpI2W9SM+u+q0ACgWV+W5jn37UZESZVfQ+VKcI8/UsiFB/kVONi05TNZnkatqwERsZvsr62QSQCu+E4G5vb9LXb+KNAdbSGsacmhCpSGc1Vc78oBXfWlzhOfUzvxXforX0X47dJdLRqGR3UM9Sjotr4AVPGC0olRCXtUUAtzpxkpOafaGpuodpqpSHHwA/Jl2g8fwbrZ+/TlPQ2rqz38H3zEb1XEvkl6xw0ZAqJ/geUOyKVnjwdjlsDDPT3cbO/ny7nII6BAezdP9PWcp16cznOL86wff4U/tSvuZMnukRKE6AXNIzJ2kkaurJFWj0O+m85kYqu8smbb5Cm1eMaGqKvr5cucZHq89N0fvgWYW0iQ4YrhCtSFLkOgXLLyL3oM6VRWmzihujTAQHo7e4g8+ynWCwWXC4Xba2ttIs9f3+Oa2YNs4knGc/RslX+AlAWdas4iRbxs+fB71SWldLY2Ijdbqeu+To1tjrl3N7ezsiwSymZprpCGs6dZNQgJk1N+vOFTX0WfmMiw4POgz4NBpi456WqWqKoy8ny1g7dnR3YBLgwP19EP4gh4TTqhLPctuYq2see1VBxWEpn0qzHOzrMkhhJT1ZWqLSWMfzosXJJZG8Pr9fL7PyvBFdXuWbvxvvIz0R1nihsjeLB84UtvxBuLRUksVCiZbEkndnvLuB2dBLai7AvoOuhTebueRizGBgr0jFZbmC97LIyaY7sZaV0RPry9JW7Re6Ax8VqvGIAuEuzmTGlspR/UblY1i1eJVKVx9YzNSgD/wHkNdJctueBeQAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" data-src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></picture><noscript><picture><source type="image/avif" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></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="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">S</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">.</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">B</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">l</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">o</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">g</div></div></div></a></li><li><div class="theme-btn-module--wrapper--ca215" style="background-color:#ffffff;color:var(--color-bg-surface)"><div class="theme-btn-module--inner--2895e" style="background-color:#d9d9d9"><button class="theme-btn-module--btn--fcce8" tabindex="0" style="background-color:#ff740f;color:var(--color-bg-surface);transform:none"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_125_122" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00066 0C9.2768 0 9.50066 0.223858 9.50066 0.5V2.20054C9.50066 2.47668 9.2768 2.70054 9.00066 2.70054C8.72452 2.70054 8.50066 2.47668 8.50066 2.20054V0.5C8.50066 0.223858 8.72452 0 9.00066 0ZM9.00066 15.3003C9.2768 15.3003 9.50066 15.5241 9.50066 15.8003V17.5008C9.50066 17.777 9.2768 18.0008 9.00066 18.0008C8.72452 18.0008 8.50066 17.777 8.50066 17.5008V15.8003C8.50066 15.5241 8.72452 15.3003 9.00066 15.3003ZM17.5008 9.50015C17.777 9.50015 18.0008 9.27629 18.0008 9.00015C18.0008 8.72401 17.777 8.50015 17.5008 8.50015H15.8003C15.5241 8.50015 15.3003 8.72401 15.3003 9.00015C15.3003 9.27629 15.5241 9.50015 15.8003 9.50015H17.5008ZM2.70054 9.00015C2.70054 9.27629 2.47668 9.50015 2.20054 9.50015H0.5C0.223858 9.50015 0 9.27629 0 9.00015C0 8.72401 0.223858 8.50015 0.5 8.50015H2.20054C2.47668 8.50015 2.70054 8.72401 2.70054 9.00015ZM15.6563 3.28095C15.8515 3.08569 15.8515 2.76911 15.6563 2.57385C15.461 2.37858 15.1444 2.37858 14.9492 2.57385L13.7467 3.77631C13.5514 3.97157 13.5514 4.28815 13.7467 4.48342C13.942 4.67868 14.2586 4.67868 14.4538 4.48342L15.6563 3.28095ZM4.14663 12.7917C4.34189 12.987 4.34189 13.3036 4.14663 13.4988L2.94416 14.7013C2.7489 14.8965 2.43232 14.8965 2.23706 14.7013C2.04179 14.506 2.04179 14.1894 2.23706 13.9942L3.43952 12.7917C3.63478 12.5965 3.95136 12.5965 4.14663 12.7917ZM14.9492 15.0014C15.1444 15.1967 15.461 15.1967 15.6563 15.0014C15.8515 14.8062 15.8515 14.4896 15.6563 14.2943L14.4538 13.0919C14.2586 12.8966 13.942 12.8966 13.7467 13.0919C13.5514 13.2871 13.5514 13.6037 13.7467 13.799L14.9492 15.0014ZM4.14663 4.78358C3.95136 4.97884 3.63478 4.97884 3.43952 4.78358L2.23706 3.58111C2.04179 3.38585 2.04179 3.06927 2.23706 2.87401C2.43232 2.67874 2.7489 2.67874 2.94416 2.87401L4.14663 4.07647C4.34189 4.27173 4.34189 4.58831 4.14663 4.78358ZM9.00066 14.1002C11.8174 14.1002 14.1007 11.8169 14.1007 9.00015C14.1007 6.18345 11.8174 3.90006 9.00066 3.90006C6.18396 3.90006 3.90057 6.18345 3.90057 9.00015C3.90057 11.8169 6.18396 14.1002 9.00066 14.1002Z"></path></mask><path d="M15.6563 2.57385L16.3634 1.86674L16.3634 1.86674L15.6563 2.57385ZM15.6563 3.28095L16.3634 3.98806L15.6563 3.28095ZM14.9492 2.57385L14.2421 1.86674L14.2421 1.86674L14.9492 2.57385ZM13.7467 3.77631L13.0396 3.0692L13.0396 3.0692L13.7467 3.77631ZM13.7467 4.48342L13.0396 5.19052L13.0396 5.19052L13.7467 4.48342ZM14.4538 4.48342L13.7467 3.77631L14.4538 4.48342ZM4.14663 13.4988L4.85373 14.2059L4.85373 14.2059L4.14663 13.4988ZM4.14663 12.7917L4.85373 12.0846L4.85373 12.0846L4.14663 12.7917ZM2.94416 14.7013L3.65127 15.4084L3.65127 15.4084L2.94416 14.7013ZM2.23706 13.9942L2.94416 14.7013L2.94416 14.7013L2.23706 13.9942ZM3.43952 12.7917L2.73241 12.0846L3.43952 12.7917ZM15.6563 15.0014L16.3634 15.7086L16.3634 15.7086L15.6563 15.0014ZM14.9492 15.0014L14.2421 15.7086L14.2421 15.7086L14.9492 15.0014ZM15.6563 14.2943L16.3634 13.5872L16.3634 13.5872L15.6563 14.2943ZM14.4538 13.0919L13.7467 13.799L13.7467 13.799L14.4538 13.0919ZM13.7467 13.0919L14.4538 13.799L14.4538 13.799L13.7467 13.0919ZM13.7467 13.799L14.4538 13.0919L13.7467 13.799ZM3.43952 4.78358L4.14663 4.07647L4.14663 4.07647L3.43952 4.78358ZM4.14663 4.78358L3.43952 4.07647L3.43952 4.07647L4.14663 4.78358ZM2.23706 2.87401L2.94416 3.58111L2.94416 3.58111L2.23706 2.87401ZM2.94416 2.87401L3.65127 2.1669L2.94416 2.87401ZM4.14663 4.07647L3.43952 4.78358L3.43952 4.78358L4.14663 4.07647ZM10.5007 0.5C10.5007 -0.328427 9.82909 -1 9.00066 -1V1C8.72452 1 8.50066 0.776143 8.50066 0.5H10.5007ZM10.5007 2.20054V0.5H8.50066V2.20054H10.5007ZM9.00066 3.70054C9.82909 3.70054 10.5007 3.02897 10.5007 2.20054H8.50066C8.50066 1.9244 8.72452 1.70054 9.00066 1.70054V3.70054ZM7.50066 2.20054C7.50066 3.02897 8.17223 3.70054 9.00066 3.70054V1.70054C9.2768 1.70054 9.50066 1.9244 9.50066 2.20054H7.50066ZM7.50066 0.5V2.20054H9.50066V0.5H7.50066ZM9.00066 -1C8.17223 -1 7.50066 -0.328427 7.50066 0.5H9.50066C9.50066 0.776143 9.2768 1 9.00066 1V-1ZM10.5007 15.8003C10.5007 14.9718 9.82909 14.3003 9.00066 14.3003V16.3003C8.72452 16.3003 8.50066 16.0764 8.50066 15.8003H10.5007ZM10.5007 17.5008V15.8003H8.50066V17.5008H10.5007ZM9.00066 19.0008C9.82909 19.0008 10.5007 18.3292 10.5007 17.5008H8.50066C8.50066 17.2247 8.72452 17.0008 9.00066 17.0008V19.0008ZM7.50066 17.5008C7.50066 18.3292 8.17223 19.0008 9.00066 19.0008V17.0008C9.2768 17.0008 9.50066 17.2247 9.50066 17.5008H7.50066ZM7.50066 15.8003V17.5008H9.50066V15.8003H7.50066ZM9.00066 14.3003C8.17223 14.3003 7.50066 14.9718 7.50066 15.8003H9.50066C9.50066 16.0764 9.2768 16.3003 9.00066 16.3003V14.3003ZM17.0008 9.00015C17.0008 8.72401 17.2247 8.50015 17.5008 8.50015V10.5001C18.3292 10.5001 19.0008 9.82858 19.0008 9.00015H17.0008ZM17.5008 9.50015C17.2247 9.50015 17.0008 9.27629 17.0008 9.00015H19.0008C19.0008 8.17172 18.3292 7.50015 17.5008 7.50015V9.50015ZM15.8003 9.50015H17.5008V7.50015H15.8003V9.50015ZM16.3003 9.00015C16.3003 9.27629 16.0764 9.50015 15.8003 9.50015V7.50015C14.9718 7.50015 14.3003 8.17172 14.3003 9.00015H16.3003ZM15.8003 8.50015C16.0764 8.50015 16.3003 8.72401 16.3003 9.00015H14.3003C14.3003 9.82858 14.9718 10.5001 15.8003 10.5001V8.50015ZM17.5008 8.50015H15.8003V10.5001H17.5008V8.50015ZM2.20054 10.5001C3.02897 10.5001 3.70054 9.82858 3.70054 9.00015H1.70054C1.70054 8.72401 1.9244 8.50015 2.20054 8.50015V10.5001ZM0.5 10.5001H2.20054V8.50015H0.5V10.5001ZM-1 9.00015C-1 9.82858 -0.328428 10.5001 0.5 10.5001V8.50015C0.776143 8.50015 1 8.72401 1 9.00015H-1ZM0.5 7.50015C-0.328428 7.50015 -1 8.17172 -1 9.00015H1C1 9.27629 0.776143 9.50015 0.5 9.50015V7.50015ZM2.20054 7.50015H0.5V9.50015H2.20054V7.50015ZM3.70054 9.00015C3.70054 8.17172 3.02897 7.50015 2.20054 7.50015V9.50015C1.9244 9.50015 1.70054 9.27629 1.70054 9.00015H3.70054ZM14.9492 3.28095C14.7539 3.08569 14.7539 2.76911 14.9492 2.57384L16.3634 3.98806C16.9492 3.40227 16.9492 2.45252 16.3634 1.86674L14.9492 3.28095ZM15.6563 3.28095C15.461 3.47621 15.1444 3.47621 14.9492 3.28095L16.3634 1.86674C15.7776 1.28095 14.8279 1.28095 14.2421 1.86674L15.6563 3.28095ZM14.4538 4.48342L15.6563 3.28095L14.2421 1.86674L13.0396 3.0692L14.4538 4.48342ZM14.4538 3.77631C14.6491 3.97157 14.6491 4.28815 14.4538 4.48342L13.0396 3.0692C12.4538 3.65499 12.4538 4.60474 13.0396 5.19052L14.4538 3.77631ZM13.7467 3.77631C13.942 3.58105 14.2586 3.58105 14.4538 3.77631L13.0396 5.19052C13.6254 5.77631 14.5751 5.77631 15.1609 5.19052L13.7467 3.77631ZM14.9492 2.57384L13.7467 3.77631L15.1609 5.19052L16.3634 3.98806L14.9492 2.57384ZM4.85373 14.2059C5.43952 13.6201 5.43952 12.6704 4.85373 12.0846L3.43952 13.4988C3.24426 13.3036 3.24426 12.987 3.43952 12.7917L4.85373 14.2059ZM3.65127 15.4084L4.85373 14.2059L3.43952 12.7917L2.23706 13.9942L3.65127 15.4084ZM1.52995 15.4084C2.11574 15.9942 3.06548 15.9942 3.65127 15.4084L2.23706 13.9942C2.43232 13.7989 2.7489 13.7989 2.94416 13.9942L1.52995 15.4084ZM1.52995 13.2871C0.944162 13.8729 0.944162 14.8226 1.52995 15.4084L2.94416 13.9942C3.13942 14.1894 3.13942 14.506 2.94416 14.7013L1.52995 13.2871ZM2.73241 12.0846L1.52995 13.2871L2.94416 14.7013L4.14663 13.4988L2.73241 12.0846ZM4.85373 12.0846C4.26795 11.4988 3.3182 11.4988 2.73241 12.0846L4.14663 13.4988C3.95136 13.6941 3.63478 13.6941 3.43952 13.4988L4.85373 12.0846ZM14.9492 14.2943C15.1444 14.0991 15.461 14.0991 15.6563 14.2943L14.2421 15.7086C14.8279 16.2943 15.7776 16.2943 16.3634 15.7086L14.9492 14.2943ZM14.9492 15.0014C14.7539 14.8062 14.7539 14.4896 14.9492 14.2943L16.3634 15.7086C16.9492 15.1228 16.9492 14.173 16.3634 13.5872L14.9492 15.0014ZM13.7467 13.799L14.9492 15.0014L16.3634 13.5872L15.1609 12.3848L13.7467 13.799ZM14.4538 13.799C14.2586 13.9942 13.942 13.9942 13.7467 13.799L15.1609 12.3848C14.5751 11.799 13.6254 11.799 13.0396 12.3848L14.4538 13.799ZM14.4538 13.0919C14.6491 13.2871 14.6491 13.6037 14.4538 13.799L13.0396 12.3848C12.4538 12.9706 12.4538 13.9203 13.0396 14.5061L14.4538 13.0919ZM15.6563 14.2943L14.4538 13.0919L13.0396 14.5061L14.2421 15.7086L15.6563 14.2943ZM2.73241 5.49068C3.3182 6.07647 4.26795 6.07647 4.85373 5.49068L3.43952 4.07647C3.63478 3.88121 3.95136 3.88121 4.14663 4.07647L2.73241 5.49068ZM1.52995 4.28822L2.73241 5.49068L4.14663 4.07647L2.94416 2.87401L1.52995 4.28822ZM1.52995 2.1669C0.944162 2.75268 0.944161 3.70243 1.52995 4.28822L2.94416 2.87401C3.13942 3.06927 3.13942 3.38585 2.94416 3.58111L1.52995 2.1669ZM3.65127 2.1669C3.06548 1.58111 2.11574 1.58111 1.52995 2.1669L2.94416 3.58111C2.7489 3.77637 2.43232 3.77637 2.23706 3.58111L3.65127 2.1669ZM4.85373 3.36936L3.65127 2.1669L2.23706 3.58111L3.43952 4.78358L4.85373 3.36936ZM4.85373 5.49068C5.43952 4.9049 5.43952 3.95515 4.85373 3.36936L3.43952 4.78358C3.24426 4.58831 3.24426 4.27173 3.43952 4.07647L4.85373 5.49068ZM13.1007 9.00015C13.1007 11.2646 11.2651 13.1002 9.00066 13.1002V15.1002C12.3696 15.1002 15.1007 12.3691 15.1007 9.00015H13.1007ZM9.00066 4.90006C11.2651 4.90006 13.1007 6.73573 13.1007 9.00015H15.1007C15.1007 5.63116 12.3696 2.90006 9.00066 2.90006V4.90006ZM4.90057 9.00015C4.90057 6.73573 6.73624 4.90006 9.00066 4.90006V2.90006C5.63167 2.90006 2.90057 5.63116 2.90057 9.00015H4.90057ZM9.00066 13.1002C6.73624 13.1002 4.90057 11.2646 4.90057 9.00015H2.90057C2.90057 12.3691 5.63167 15.1002 9.00066 15.1002V13.1002Z" fill="#2A2B31" mask="url(#path-1-inside-1_125_122)"></path></svg></button></div></div></li></ul></nav><div class="global-wrapper" data-is-root-path="false"><header class="global-header"></header><div class="post-list-template-module--main-wrapper--99ca4"><aside class="post-list-template-module--side-menu--484bf"><div class="bio-module--profile--8f90a"><header><img src="data:image/gif;base64,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" width="64" height="64" alt="profile image"/><div><span>@<!-- -->suu3</span><span>Developer</span></div></header><p>프론트엔드 개발자입니다.</p></div><div class="category-menu-module--wrapper--377cc"><header class="category-menu-module--header--862c6"><p>Category</p></header><ul><a aria-current="page" class="" href="/home/1/"><li class="category-menu-module--active--d3701">전체 보기 (<!-- -->16<!-- -->)</li></a><a href="/Django/1/"><li>Django<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Next.js/1/"><li>Next.js<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Project/1/"><li>Project<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/React/1/"><li>React<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/기타/1/"><li>기타<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/책/1/"><li>책<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/컨퍼런스/1/"><li>컨퍼런스<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/회고/1/"><li>회고<!-- --> (<!-- -->5<!-- -->)</li></a></ul></div></aside><main class="post-list-template-module--main--3e062"><h1>Latest</h1><ol class="post-list-template-module--ol--7083e"><li><a itemProp="url" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->Flutter</span></div><div><h2><span itemProp="headline">약 반년 간의 플러터 공부 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">프론트 개발자의 플러터 공부 회고</p></section></div></div><small>2024.10.05</small></article></a></li><li><a itemProp="url" href="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>기타</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>기타</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;136&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABTklEQVR42pVSu06EUBDlb+xtbK3t7Kz2C2ysrf0AO0us/QAbCgsrExMtlJAl2YawcFnksbLAhcvxzrC7EsW4O8nJnMzjzOTONTBiXdcxfsZ2MWOsKc9zzGYzOI4D13XZ27bNID6dTrFarcYF27ZFURSoqmq7mZQSWZbB9314nodosYAQEaIowkJzQtM0XKt0f6sUOg0dgEFNpmnCsiwkSbJtiuOYfZblWC4TLPOEY2maMoQQnKf6eRDgMw61uIKhtDJtRBOJE3jymuuxsF2JN6divolv6r6hfr/h0FSfx+NTh7NJjpPTd9w/fHCsVd1uRxmabPqmm9sUR8cvODi8w9X1a5+T7f6Cm18SJQrnl8+YXFjwRPHvF/pTkK5OX6OuS/2+tYaE0ijLkrGXIB2JrifCEP48QBiEPULB8UBfta7r3QWpmDYkP+RDTxgT/AJthk+9WRrr3gAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png" data-srcset="/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png" srcSet="/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->AWS</span></div><div><h2><span itemProp="headline">AWS SAA-C03 취득한 후기</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">AWS SAA-C03 준비 과정 및 시험 후기</p></section></div></div><small>2024.08.18</small></article></a></li><li><a itemProp="url" href="/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->framer-motion</span><span class="post-list-item-module--badge--43d5b">#<!-- -->스터디</span><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">웹 애니메이션 스터디 결과물 및 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.</p></section></div></div><small>2024.08.17</small></article></a></li><li><a itemProp="url" href="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>컨퍼런스</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>컨퍼런스</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;341&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z" alt=""/><picture><source type="image/avif" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg" data-srcset="/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg" srcSet="/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->인프콘 2024</span></div><div><h2><span itemProp="headline">2년 연속 다녀온 인프콘 2024 후기</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">지난 2일에 다녀온 인프콘 후기</p></section></div></div><small>2024.08.10</small></article></a></li><li><a itemProp="url" href="/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>Next.js</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>Next.js</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->ssr</span><span class="post-list-item-module--badge--43d5b">#<!-- -->next.js</span></div><div><h2><span itemProp="headline">Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">Next.js 프로젝트에서 리디렉션 & tanstack-query 데이터 프리페칭을 서버사이드에서 처리한 경험을 공유한다.</p></section></div></div><small>2024.01.28</small></article></a></li><li><a itemProp="url" href="/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">2023년 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.</p></section></div></div><small>2024.01.10</small></article></a></li></ol><hr/><div class="pagination-module--wrapper--3ea89"><button class="pagination-module--btn--5d112 pagination-module--prev-btn--4436f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15L0.999998 8L8 1" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><ol class="pagination-module--pages--bbcaf"><span class="pagination-module--page--ead35 pagination-module--active--e84c6">1</span><span class="pagination-module--page--ead35">2</span><span class="pagination-module--page--ead35">3</span></ol><button class="pagination-module--btn--5d112 pagination-module--next-btn--4e11f"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8 8L0.999999 15" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></main></div></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/home/1/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
           <script
             id="gatsby-chunk-mapping"
           >
diff --git a/page-data/home/1/page-data.json b/page-data/home/1/page-data.json
index 96170e5a..1adff9d6 100644
--- a/page-data/home/1/page-data.json
+++ b/page-data/home/1/page-data.json
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-home-tsx","path":"/home/1/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"allCategoriesInfo":{"totalCount":16,"group":[{"fieldValue":"Django","totalCount":1},{"fieldValue":"Next.js","totalCount":1},{"fieldValue":"Project","totalCount":3},{"fieldValue":"React","totalCount":1},{"fieldValue":"기타","totalCount":3},{"fieldValue":"책","totalCount":1},{"fieldValue":"컨퍼런스","totalCount":1},{"fieldValue":"회고","totalCount":5}]},"allTagsInfo":{"totalCount":16,"group":[{"fieldValue":"AWS","totalCount":1},{"fieldValue":"Flutter","totalCount":1},{"fieldValue":"django","totalCount":1},{"fieldValue":"framer-motion","totalCount":1},{"fieldValue":"next.js","totalCount":1},{"fieldValue":"project","totalCount":5},{"fieldValue":"pwa","totalCount":1},{"fieldValue":"react","totalCount":1},{"fieldValue":"react-hook-form","totalCount":1},{"fieldValue":"snippet","totalCount":1},{"fieldValue":"ssr","totalCount":1},{"fieldValue":"typescript","totalCount":1},{"fieldValue":"vsc","totalCount":1},{"fieldValue":"딥러닝","totalCount":2},{"fieldValue":"스터디","totalCount":1},{"fieldValue":"인프콘 2024","totalCount":1},{"fieldValue":"책","totalCount":1},{"fieldValue":"크롤링","totalCount":1},{"fieldValue":"회고록","totalCount":5}]},"allMarkdownRemark":{"nodes":[{"excerpt":"🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…","fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"date":"2024.10.05","title":"약 반년 간의 플러터 공부 회고","description":"프론트 개발자의 플러터 공부 회고","category":"회고","tag":["회고록","Flutter"],"thumbnail":null}},{"excerpt":"SAA 준비 계기 올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner…","fields":{"slug":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"},"frontmatter":{"date":"2024.08.18","title":"AWS SAA-C03 취득한 후기","description":"AWS SAA-C03 준비 과정 및 시험 후기","category":"기타","tag":["AWS"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABTklEQVR42pVSu06EUBDlb+xtbK3t7Kz2C2ysrf0AO0us/QAbCgsrExMtlJAl2YawcFnksbLAhcvxzrC7EsW4O8nJnMzjzOTONTBiXdcxfsZ2MWOsKc9zzGYzOI4D13XZ27bNID6dTrFarcYF27ZFURSoqmq7mZQSWZbB9314nodosYAQEaIowkJzQtM0XKt0f6sUOg0dgEFNpmnCsiwkSbJtiuOYfZblWC4TLPOEY2maMoQQnKf6eRDgMw61uIKhtDJtRBOJE3jymuuxsF2JN6divolv6r6hfr/h0FSfx+NTh7NJjpPTd9w/fHCsVd1uRxmabPqmm9sUR8cvODi8w9X1a5+T7f6Cm18SJQrnl8+YXFjwRPHvF/pTkK5OX6OuS/2+tYaE0ijLkrGXIB2JrifCEP48QBiEPULB8UBfta7r3QWpmDYkP+RDTxgT/AJthk+9WRrr3gAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png","srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":136}}}}},{"excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","fields":{"slug":"/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"date":"2024.08.17","title":"웹 애니메이션 스터디 결과물 및 회고","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"],"thumbnail":{"childImageSharp":null}}},{"excerpt":"인프콘 202…","fields":{"slug":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"},"frontmatter":{"date":"2024.08.10","title":"2년 연속 다녀온 인프콘 2024 후기","description":"지난 2일에 다녀온 인프콘 후기","category":"컨퍼런스","tag":["인프콘 2024"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z"},"images":{"fallback":{"src":"/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg","srcSet":"/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,\n/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,\n/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,\n/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,\n/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,\n/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,\n/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,\n/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,\n/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,\n/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":341}}}}},{"excerpt":"React.js 프로젝트를 Next.js 프로젝트로 마이그레이션 할 일이 있었고,\n마이그레이션과 함께 다시 프로젝트를 재구성하면서 Next.js의 장점을 살려보고자 클라이언트에서 처리하던 것들을 서버단으로 옮겼던 경험을 적어보고자 한다.…","fields":{"slug":"/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"},"frontmatter":{"date":"2024.01.28","title":"Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)","description":"Next.js 프로젝트에서 리디렉션 & tanstack-query 데이터 프리페칭을 서버사이드에서 처리한 경험을 공유한다.","category":"Next.js","tag":["ssr","next.js"],"thumbnail":null}},{"excerpt":"2023년은 프론트 개발자로서 1-…","fields":{"slug":"/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"},"frontmatter":{"date":"2024.01.10","title":"2023년 회고록","description":"2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.","category":"회고","tag":["회고록"],"thumbnail":null}}]}},"pageContext":{"limit":6,"skip":0,"numPages":3,"currentPage":1,"totalCount":16}},"staticQueryHashes":["2785349746","2841359383"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-home-tsx","path":"/home/1/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"allCategoriesInfo":{"totalCount":16,"group":[{"fieldValue":"Django","totalCount":1},{"fieldValue":"Next.js","totalCount":1},{"fieldValue":"Project","totalCount":3},{"fieldValue":"React","totalCount":1},{"fieldValue":"기타","totalCount":3},{"fieldValue":"책","totalCount":1},{"fieldValue":"컨퍼런스","totalCount":1},{"fieldValue":"회고","totalCount":5}]},"allTagsInfo":{"totalCount":16,"group":[{"fieldValue":"AWS","totalCount":1},{"fieldValue":"Flutter","totalCount":1},{"fieldValue":"django","totalCount":1},{"fieldValue":"framer-motion","totalCount":1},{"fieldValue":"next.js","totalCount":1},{"fieldValue":"project","totalCount":5},{"fieldValue":"pwa","totalCount":1},{"fieldValue":"react","totalCount":1},{"fieldValue":"react-hook-form","totalCount":1},{"fieldValue":"snippet","totalCount":1},{"fieldValue":"ssr","totalCount":1},{"fieldValue":"typescript","totalCount":1},{"fieldValue":"vsc","totalCount":1},{"fieldValue":"딥러닝","totalCount":2},{"fieldValue":"스터디","totalCount":1},{"fieldValue":"인프콘 2024","totalCount":1},{"fieldValue":"책","totalCount":1},{"fieldValue":"크롤링","totalCount":1},{"fieldValue":"회고록","totalCount":5}]},"allMarkdownRemark":{"nodes":[{"excerpt":"🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…","fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"date":"2024.10.05","title":"약 반년 간의 플러터 공부 회고","description":"프론트 개발자의 플러터 공부 회고","category":"회고","tag":["회고록","Flutter"],"thumbnail":null}},{"excerpt":"SAA 준비 계기 올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner…","fields":{"slug":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"},"frontmatter":{"date":"2024.08.18","title":"AWS SAA-C03 취득한 후기","description":"AWS SAA-C03 준비 과정 및 시험 후기","category":"기타","tag":["AWS"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABTklEQVR42pVSu06EUBDlb+xtbK3t7Kz2C2ysrf0AO0us/QAbCgsrExMtlJAl2YawcFnksbLAhcvxzrC7EsW4O8nJnMzjzOTONTBiXdcxfsZ2MWOsKc9zzGYzOI4D13XZ27bNID6dTrFarcYF27ZFURSoqmq7mZQSWZbB9314nodosYAQEaIowkJzQtM0XKt0f6sUOg0dgEFNpmnCsiwkSbJtiuOYfZblWC4TLPOEY2maMoQQnKf6eRDgMw61uIKhtDJtRBOJE3jymuuxsF2JN6divolv6r6hfr/h0FSfx+NTh7NJjpPTd9w/fHCsVd1uRxmabPqmm9sUR8cvODi8w9X1a5+T7f6Cm18SJQrnl8+YXFjwRPHvF/pTkK5OX6OuS/2+tYaE0ijLkrGXIB2JrifCEP48QBiEPULB8UBfta7r3QWpmDYkP+RDTxgT/AJthk+9WRrr3gAAAABJRU5ErkJggg=="},"images":{"fallback":{"src":"/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png","srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/444eb/1.png 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/2a1d0/1.png 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/5fdfd/1.png 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/268cd/1.png 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/85389/1.avif 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/2797c/1.avif 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/4a0db/1.avif 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/9fe22/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/4702b0fb7ba52f04df93de4bc999ca0e/16f3b/1.webp 64w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/37675/1.webp 128w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/d1f62/1.webp 256w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/a87c4/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":136}}}}},{"excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","fields":{"slug":"/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"date":"2024.08.17","title":"웹 애니메이션 스터디 결과물 및 회고","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"],"thumbnail":{"childImageSharp":null}}},{"excerpt":"인프콘 202…","fields":{"slug":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"},"frontmatter":{"date":"2024.08.10","title":"2년 연속 다녀온 인프콘 2024 후기","description":"지난 2일에 다녀온 인프콘 후기","category":"컨퍼런스","tag":["인프콘 2024"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z"},"images":{"fallback":{"src":"/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg","srcSet":"/static/88086c681ea60df193f9771ddc5c3677/99887/1.jpg 64w,\n/static/88086c681ea60df193f9771ddc5c3677/c09ea/1.jpg 128w,\n/static/88086c681ea60df193f9771ddc5c3677/76fd4/1.jpg 256w,\n/static/88086c681ea60df193f9771ddc5c3677/c0bdd/1.jpg 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/88086c681ea60df193f9771ddc5c3677/0159e/1.avif 64w,\n/static/88086c681ea60df193f9771ddc5c3677/b4cc0/1.avif 128w,\n/static/88086c681ea60df193f9771ddc5c3677/96132/1.avif 256w,\n/static/88086c681ea60df193f9771ddc5c3677/145b8/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/88086c681ea60df193f9771ddc5c3677/cbb78/1.webp 64w,\n/static/88086c681ea60df193f9771ddc5c3677/96250/1.webp 128w,\n/static/88086c681ea60df193f9771ddc5c3677/50511/1.webp 256w,\n/static/88086c681ea60df193f9771ddc5c3677/50ae0/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":341}}}}},{"excerpt":"React.js 프로젝트를 Next.js 프로젝트로 마이그레이션 할 일이 있었고,\n마이그레이션과 함께 다시 프로젝트를 재구성하면서 Next.js의 장점을 살려보고자 클라이언트에서 처리하던 것들을 서버단으로 옮겼던 경험을 적어보고자 한다.…","fields":{"slug":"/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"},"frontmatter":{"date":"2024.01.28","title":"Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)","description":"Next.js 프로젝트에서 리디렉션 & tanstack-query 데이터 프리페칭을 서버사이드에서 처리한 경험을 공유한다.","category":"Next.js","tag":["ssr","next.js"],"thumbnail":null}},{"excerpt":"2023년은 프론트 개발자로서 1-…","fields":{"slug":"/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"},"frontmatter":{"date":"2024.01.10","title":"2023년 회고록","description":"2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.","category":"회고","tag":["회고록"],"thumbnail":null}}]}},"pageContext":{"limit":6,"skip":0,"numPages":3,"currentPage":1,"totalCount":16}},"staticQueryHashes":["2785349746","2841359383"],"slicesMap":{}}
\ No newline at end of file
diff --git "a/page-data/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/page-data.json" "b/page-data/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/page-data.json"
index 5e25715e..e649244a 100644
--- "a/page-data/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/page-data.json"	
+++ "b/page-data/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/page-data.json"	
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-blog-post-js","path":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"a036c17f-5d46-5b3e-9638-f4e118ff47fa","excerpt":"SAA 준비 계기 올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner를 준비하는 주위 개발자 분들도 생겼고, 떠돌아 다닌 기술블로그들에서 솔루션 아키텍트 자격증을 딴 후기가 심심찮게 보였다. 마침 AWS…","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/71b12/1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.16455696202532%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABS0lEQVR42pWSv07DQAzG+zbsLKzMbGxMfQIWZmYegI2xzDwASwYGJiQkGCCKGqlLlCaXhvwpaZJLLh9nJylRoVJq6SdbPt9n63wT7FjTNMxubqxNdi+laYrFYgHLsmDbNnvTNBmK5/M5NpvNfsEsy1AUxXYyKSWSJIHrunAcB8FqBSECBEGAlY6Jqqq4VtU1aqXQaNANNJnNZjAMA1EUbS+FYcg+SVKs1xHWacS5OI4ZIQSfU/3S8/Ad+lpctYI0EXVUugvBnbtYt4VpS3xYBcd9vq/7Rf19w6Gp7vz5pcHFNMXZ+Scen744V6tm3FKGJqv20t19jJPTNxwdP+Dm9r09k/Xhgv0vCSKFy+tXTK8MOCIb9YX+FaSt09coy1y/b6mRUJo8z5mDBGlJtD3h+3CXHnzPb/EF5z291bIsxwtSMU1IfhgPPbFP8Afe+VAXsfskDwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"합격 뱃지\"\n        title=\"\"\n        src=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/f058b/1.png\"\n        srcset=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/c26ae/1.png 158w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/6bdcf/1.png 315w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/f058b/1.png 630w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/40601/1.png 945w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/78612/1.png 1260w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/71b12/1.png 1308w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2 id=\"saa-준비-계기\" style=\"position:relative;\"><a href=\"#saa-%EC%A4%80%EB%B9%84-%EA%B3%84%EA%B8%B0\" aria-label=\"saa 준비 계기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>SAA 준비 계기</h2>\n<p>올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner를 준비하는 주위 개발자 분들도 생겼고, 떠돌아 다닌 기술블로그들에서 솔루션 아키텍트 자격증을 딴 후기가 심심찮게 보였다.</p>\n<p>마침 AWS를 대체 어디서부터 공부해야할지 모르겠던 나에게 AWS 자격증은 솔깃한 이야기였다. (직접 해보면서 공부하는게 짱이지만, AWS를 연습하자니 뭐 하나 잘못해서 엄청난 요금이 과금될까봐 무섭고 뭐가 맞는지 모르는 채로 배포 경험만 늘어갔다..) 또, 나는 2020년부터 일년에 자격증 하나씩은 꼭 따자는 목표를 지켜오고 있었는데 올해는 AWS 자격증으로 하면 딱일 것 같았다. 문제 은행식 시험이라는 점도 회사다니면서 자투리 시간 활용하기 좋아보였다.</p>\n<p>Practitioner와 Architect 중에 고민했는데 대부분 첫시험으로 아키를 고르는 것 같아서 나도 아키를 선택했다.</p>\n<h2 id=\"준비-과정\" style=\"position:relative;\"><a href=\"#%EC%A4%80%EB%B9%84-%EA%B3%BC%EC%A0%95\" aria-label=\"준비 과정 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>준비 과정</h2>\n<p>찾아봤을 때 시험 준비기간을 짧게는 한달 안, 3개월 정도로 잡는 것 같았다. 나도 처음엔 3개월로 잡았다 중간중간 다른 새로운 스터디, 할일이 생겨서 결과적으로 첫 시작부터 자격증 취득까지 5개월 걸렸다 ㅎㅎ.. 다시 시험을 본다면 단기간에 빡집중해서 볼 것 같다.</p>\n<p>시험 후기들을 봤을 때 공부방법이 비슷해서 똑같이 나도 유데미 강의와 덤프문제를 공부했다.</p>\n<ul>\n<li>\n<p><strong>강의:</strong> <a href=\"https://www.udemy.com/course/aws-certified-solutions-architect-associate-saa-c03/?couponCode=SKILLS4SALEB\">https://www.udemy.com/course/aws-certified-solutions-architect-associate-saa-c03/?couponCode=SKILLS4SALEB</a></p>\n<ul>\n<li>할인할 때 사면 15000원밖에 안하니 저처럼 손해보지마시길..</li>\n</ul>\n</li>\n<li>\n<p><strong>덤프 900 문제:</strong> <a href=\"https://www.examtopics.com/exams/amazon/aws-certified-solutions-architect-associate-saa-c03/view/41/\">https://www.examtopics.com/exams/amazon/aws-certified-solutions-architect-associate-saa-c03/view/41/</a></p>\n<ul>\n<li>정답이랑 최다득표가 다른 경우가 많은데, 정답으로 되어있는 것들은 틀릴 가능성이 많다. 최다득표가 더 정답에 가깝다.</li>\n</ul>\n<p>공부는 3월에 시작했다. 회사 사람들에게 스터디를 제안했는데 참여의사를 밝힌 사람이 생각보다(?) 많았다. 세달 동안 일주일에 한 번씩 회사에 남아서 한시간 스터디를 했다. 첫 한달은 같이 강의를 듣는 시간을 갖고 (강의 양이 좀 많음) 두달은 다같이 문제 풀이를 했다. 각자 시험을 보기로 하고 스터디를 끝냈다.</p>\n</li>\n</ul>\n<p>스터디를 끝내고 6-7월에는 개인적인 스터디와 팀풀을 하느라 AWS 준비를 잠깐 멈췄다.</p>\n<p>8월엔 더 끌고가지말고 해치워야겠다는 생각이 들었다. 주말 두세시간씩 공부하다 시간이 비는 날에 신청했다. 시험전날에 우다다다 벼락치기를 했다.</p>\n<p>강의도 양이 많고 덤프문제도 굉장히 양이 많다.</p>\n<p><strong>둘다 끝까지 끝낸 내가 돌이켜보자면, 강의는 시험에 크게 도움은 안되는 것 같다.</strong> 단기간에 합격하는게 목표라면 과감하게 강의는 버리고 (혹은 모르는 개념 나올때만 보고) 덤프문제만 풀 것 같다. 하지만 강의에 실습 영상도 있고 개념 설명도 잘 해주시기 때문에 <strong>실무에서 도움이 되길 원한다면 강의를 추천한다.</strong></p>\n<p>덤프문제도 양이 굉장히 많은데, 나는 끝까지 다 풀었지만 다시 시험을 본다면 <strong>600번정도까지만 풀고 복습을 반복 할 것 같다</strong>. 양이 많아서 어차피 뒷 부분까지 복습못할 가능성이 많고, 뒤로갈수록 코멘트도 적어져서 직접 정답을 찾아봐야하고, 내 경우엔 4-5백번대까지 왔을 때부터 키워드만 보고 보기를 추측할 수 있게 되었기 때문이다.</p>\n<p>공부할 땐 키워드를 정리하면서 덤프문제 푸는 게 중요한 것 같다.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/162dfd66f92bbcd85e3a20df1764e438/e53e8/2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 103.16455696202532%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJElEQVR42l2U2XarMAxF+f9f7GpvMzCPxnjAJNE9R4Q07YMXIDRrW9m23WUaR/n++pKu68QtUebZSV1Vkl8uMrStzMaJd6uM0Dt9/ZO2rmWxXqwN0ve9fH1+qn3fjZLFmCSlJN57WZYFzrwEv4qZjZRFLmPXikWABcbDMEiDQMYY/bZzUNtpnKRtGwScJVvXTSooUZFOZwOHIckI46ooZHHuaey1EoPjIWMQBp/nWZqmkaosYWMku20PCGppcRiNDmPYs7bIJISgDo1ZNENrZ+mZ5TCjolW2LUmNFrB0a51k3kUIN0k467qqQ7cElW3bTdKatDRmkxJ04iorglCHuiqDDm2dC5L1ndEfZnIoaUHaFtmO+n3I+Bz6+fV+nKYeXjL64HvGl/ejPydM0AT5+29+k5lD949tdvTnwIA/OAAzLYqPtW8G0Jtx7GQVpX0oTmVqj+/M+4gJl1Jcz+KsfU1ZEcH0HCfKKcNgHAedpjXTjhKYpU0New6Lfc3svMj5dMY5SVycRqHD+/2uA+G0tQpkXMJZfr0CL6cZUb7hfw/4h76FQ5TMqVX5VfLzGXC2OlE6vN1u+0QxPQbhDSJ/PW4THTJjZkh2GYQ3ayLYKd3wwyKDSZx32hs6fDzuwGbnjEHUIf5P0yhxjVoeHcYY5Yxk9LYBQe2h8gaeeHYO45Ot9MpwL2/nknJ+cyiHHh06Ouza6ReHfBZ583o/nu/MHacqO3nneDw41Jvwh7kfWfgl2+XvMv9LllHAS03G9MKrIntllS+Dp33Khn7Sxu+6Xpreyama5FQOcqmNXJvntulwuTvdcQeHq64o8jm2tTpmXy02S4kNNGIwbvFSdMgOKy+/nKXHcvku+n3KM4w59kp3nUOTb7qWChgbQExZ8AlbKOhm4aJlNVWP4EDrcj7J2HeSt8iQG7vFjSjyXBXZ3Bg35aup9qxZHjc22eTNUUSATQmHDpR8fnxIgLwecVO2dNeVzpL9k0N1SIgRaF3jC2yySWdpI3NBSyYyA1rzALP1+NyHCX0kXyHE1z4kk+Ru1X24L44fNvcM8wZL16LfLum5dk7+A/TOSxwrChh6AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"노트 필기했던 것\"\n        title=\"\"\n        src=\"/static/162dfd66f92bbcd85e3a20df1764e438/f058b/2.png\"\n        srcset=\"/static/162dfd66f92bbcd85e3a20df1764e438/c26ae/2.png 158w,\n/static/162dfd66f92bbcd85e3a20df1764e438/6bdcf/2.png 315w,\n/static/162dfd66f92bbcd85e3a20df1764e438/f058b/2.png 630w,\n/static/162dfd66f92bbcd85e3a20df1764e438/40601/2.png 945w,\n/static/162dfd66f92bbcd85e3a20df1764e438/78612/2.png 1260w,\n/static/162dfd66f92bbcd85e3a20df1764e438/e53e8/2.png 1982w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>이렇게 DB / S3 / EC2 / ML / 보안 / 등등 카테고리를 나눠 놓고 정리했다.</p>\n<p>처음엔 ‘여기선 최소 운영오버헤드 정답이 A인데 다른데선 B네? ㅡㅡ;;’ 하고 어이없어 했는데 계속 풀다보니 키워드 매칭이 가능하게 됐다.</p>\n<ul>\n<li>풀다보면 예를들어 elastic cache는 ‘어플리케이션 코드 최소화’ 조건이 있으면 정답이 아니구나! 하고 감이왔다.</li>\n<li>문제 키워드 보고 보기에 뭐 있는지 유추 가능하게 됐을 때 시험을 보면 될 것 같다.</li>\n</ul>\n<h3 id=\"다시-공부한다면\" style=\"position:relative;\"><a href=\"#%EB%8B%A4%EC%8B%9C-%EA%B3%B5%EB%B6%80%ED%95%9C%EB%8B%A4%EB%A9%B4\" aria-label=\"다시 공부한다면 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>다시 공부한다면..</h3>\n<ul>\n<li>앞서 말했듯이 덤프문제는 600 문제까지만 풀어도 괜찮을 것 같다. 강의는 내 생각엔 자격증만이 목적이라면 선택.</li>\n<li>아무래도 문제은행식이라 단기간에 집중해서 따는게 좋을 것 같다. 좀 늘어졌더니 중복 문제를 봐도 중복 문젠지 모르고 또 풀고 같은 곳에서 틀리는 의미없는 짓을 하게 됐다..</li>\n</ul>\n<h2 id=\"접수\" style=\"position:relative;\"><a href=\"#%EC%A0%91%EC%88%98\" aria-label=\"접수 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>접수</h2>\n<p><a href=\"https://www.aws.training/certification/?ch=cta&#x26;cta=header&#x26;p=1\">AWS Certification 사이트</a>에서 가능하다.</p>\n<ul>\n<li>시험 하루 전까지만 스케줄 변경 및 취소 가능한 걸로 기억한다. 스케줄 변경은 두번까지 가능했던 것 같다. 취소는 어떤 시점부터 수수료가 생겼던 걸로 기억한다.</li>\n<li>접수비는 150달러이고, 약 20만원 들었다.</li>\n<li>이게 단기간에 끝낼 수 있는 시험인데 접수비 때문에 (비싸서 한번에 붙어야한다는 부담감) 망설이게 돼서 접수를 쉽게 못하는게 문제인것 같다. 그러니 일단 눈감고 접수해버리고 과거의 자신을 원망하며 빡공부하는 걸 추천한다. 나도 모든건 미래의 나에게 맡기고 접수해버렸다가 아 이거 안될거같은데.. 했지만 이미 접수 취소 기한 지나서 울며 겨자먹기로 빡공부 할 수밖에 없었다.</li>\n</ul>\n<h2 id=\"시험-후기\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98-%ED%9B%84%EA%B8%B0\" aria-label=\"시험 후기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험 후기</h2>\n<h3 id=\"시험장\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98%EC%9E%A5\" aria-label=\"시험장 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험장</h3>\n<ul>\n<li>온라인/오프라인 시험 선택 가능하다. 여러 후기들을 읽어본 결과, 온라인 시험을 선택하면 외국인 감독관과의 소통(?)이 힘들다고 후기를 많이 봐서 오프라인으로 봤다. 나도 오프라인을 추천한다.</li>\n<li>준비물은 신분증 &#x26; 신용카드(or 여권 등) 두 개면 끝이다. 나는 불안해서 민증, 여권, 카드 다 들고갔다.\n<ul>\n<li>신용카드에 영문 명이 접수명이랑 달라서(다르게 되어있는지 몰랐다.) 대신 여권을 내밀었다. 다 챙겨가길 잘했다고 생각했다. 접수할 때 작성한 영문명과 신분증 영문명이 일치하는지 잘 확인하시길..</li>\n</ul>\n</li>\n<li>적당히 소지품 검사하고 바로 컴퓨터 앞에 앉아서 시험을 보게 된다.</li>\n<li>감독관 있고 정해진 시간에 스타트 하는 게 아니라 신청한 사람들 각자 알아서 시험보는 가벼운 분위기였다. 내가 갔을 땐 칸막이 쳐진 공간에서 두명이 먼저 시험을 보고 있었다.</li>\n</ul>\n<h3 id=\"시험\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98\" aria-label=\"시험 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험</h3>\n<ul>\n<li>체감: 30%는 덤프 문제와 똑같이 나왔고, 30%는 키워드 알면 풀 수 있었고, 30% 정도는 처음보는 문제였던 것 같다.</li>\n<li>시험시간은 140분. 나는 그냥 한시간 일찍 제출해버렸다 ㅎㅎ..</li>\n<li>다풀면 검토할 수 있는 화면 생긴다. 65문제라 집중력이 금방 떨어지니, 일단 다 풀어버리고 검토하는걸 추천.</li>\n</ul>\n<h2 id=\"시험-결과\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98-%EA%B2%B0%EA%B3%BC\" aria-label=\"시험 결과 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험 결과</h2>\n<h3 id=\"결과-통지-방법\" style=\"position:relative;\"><a href=\"#%EA%B2%B0%EA%B3%BC-%ED%86%B5%EC%A7%80-%EB%B0%A9%EB%B2%95\" aria-label=\"결과 통지 방법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>결과 통지 방법</h3>\n<ul>\n<li>2시 23분에 봤는데 당일 7시쯤 메일로 대뜸 합격했다고 뱃지부터 날라온다.</li>\n<li>솔직히 접수비 20만원때문에 좀 긴장했다 ㅎㅎ; 또 시험 봐야 할까봐..</li>\n</ul>\n<h3 id=\"도움이-되었는가\" style=\"position:relative;\"><a href=\"#%EB%8F%84%EC%9B%80%EC%9D%B4-%EB%90%98%EC%97%88%EB%8A%94%EA%B0%80\" aria-label=\"도움이 되었는가 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>도움이 되었는가?</h3>\n<ul>\n<li>솔직히 실무에서는 못쓸 것 같다.\n<ul>\n<li>만약 회사에서 RDS DB를 쓰고 있다 하면, SAA 시험에서 Aurora가 운영 오버헤드가 적고 여러모로 짱이라고 배웠으니 Aurora고 바꾸자고 할수도 없는 노릇이니…</li>\n</ul>\n</li>\n<li>AWS 서비스를 전체적으로 훑을 수 있어서 좋았다. 시험 준비하기 전인 반년 전에 fargate, macie, aurora, global accelerator 들었으면 이것뭐에요 했을 것 같다..</li>\n<li>준비하는 중간에 AWS Summit 컨퍼런스 갔었는데, 그때 이거 공부로 좀 알아들었다. 공부 안으면 별로 못 알아 듣고 벌벌 떨었을 듯.</li>\n<li>묵힌과제 하나 끝낸 기분이라 기분이 좋다. 따길 잘한 듯!</li>\n</ul>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#saa-%EC%A4%80%EB%B9%84-%EA%B3%84%EA%B8%B0\">SAA 준비 계기</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%A4%80%EB%B9%84-%EA%B3%BC%EC%A0%95\">준비 과정</a></p>\n<ul>\n<li><a href=\"#%EB%8B%A4%EC%8B%9C-%EA%B3%B5%EB%B6%80%ED%95%9C%EB%8B%A4%EB%A9%B4\">다시 공부한다면..</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%EC%A0%91%EC%88%98\">접수</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%8B%9C%ED%97%98-%ED%9B%84%EA%B8%B0\">시험 후기</a></p>\n<ul>\n<li><a href=\"#%EC%8B%9C%ED%97%98%EC%9E%A5\">시험장</a></li>\n<li><a href=\"#%EC%8B%9C%ED%97%98\">시험</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%EC%8B%9C%ED%97%98-%EA%B2%B0%EA%B3%BC\">시험 결과</a></p>\n<ul>\n<li><a href=\"#%EA%B2%B0%EA%B3%BC-%ED%86%B5%EC%A7%80-%EB%B0%A9%EB%B2%95\">결과 통지 방법</a></li>\n<li><a href=\"#%EB%8F%84%EC%9B%80%EC%9D%B4-%EB%90%98%EC%97%88%EB%8A%94%EA%B0%80\">도움이 되었는가?</a></li>\n</ul>\n</li>\n</ul>","frontmatter":{"title":"AWS SAA-C03 취득한 후기","date":"2024.08.18","description":"AWS SAA-C03 준비 과정 및 시험 후기","category":"기타","tag":["AWS"]}},"previous":{"fields":{"slug":"/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고"}},"next":{"fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"title":"약 반년 간의 플러터 공부 회고"}}},"pageContext":{"id":"a036c17f-5d46-5b3e-9638-f4e118ff47fa","previousPostId":"eff73f98-4148-5b9d-b64a-1af53b19f591","nextPostId":"91003152-5ae3-5b83-9f46-e5c63efad021"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-blog-post-js","path":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"a036c17f-5d46-5b3e-9638-f4e118ff47fa","excerpt":"SAA 준비 계기 올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner를 준비하는 주위 개발자 분들도 생겼고, 떠돌아 다닌 기술블로그들에서 솔루션 아키텍트 자격증을 딴 후기가 심심찮게 보였다. 마침 AWS…","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/71b12/1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 53.16455696202532%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABS0lEQVR42pWSv07DQAzG+zbsLKzMbGxMfQIWZmYegI2xzDwASwYGJiQkGCCKGqlLlCaXhvwpaZJLLh9nJylRoVJq6SdbPt9n63wT7FjTNMxubqxNdi+laYrFYgHLsmDbNnvTNBmK5/M5NpvNfsEsy1AUxXYyKSWSJIHrunAcB8FqBSECBEGAlY6Jqqq4VtU1aqXQaNANNJnNZjAMA1EUbS+FYcg+SVKs1xHWacS5OI4ZIQSfU/3S8/Ad+lpctYI0EXVUugvBnbtYt4VpS3xYBcd9vq/7Rf19w6Gp7vz5pcHFNMXZ+Scen744V6tm3FKGJqv20t19jJPTNxwdP+Dm9r09k/Xhgv0vCSKFy+tXTK8MOCIb9YX+FaSt09coy1y/b6mRUJo8z5mDBGlJtD3h+3CXHnzPb/EF5z291bIsxwtSMU1IfhgPPbFP8Afe+VAXsfskDwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"합격 뱃지\"\n        title=\"\"\n        src=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/f058b/1.png\"\n        srcset=\"/static/4702b0fb7ba52f04df93de4bc999ca0e/c26ae/1.png 158w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/6bdcf/1.png 315w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/f058b/1.png 630w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/40601/1.png 945w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/78612/1.png 1260w,\n/static/4702b0fb7ba52f04df93de4bc999ca0e/71b12/1.png 1308w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2 id=\"saa-준비-계기\" style=\"position:relative;\"><a href=\"#saa-%EC%A4%80%EB%B9%84-%EA%B3%84%EA%B8%B0\" aria-label=\"saa 준비 계기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>SAA 준비 계기</h2>\n<p>올 초부터 주위에서 AWS 자격증 시험에 대한 이야기가 많이 들려왔다. AWS Practitioner를 준비하는 주위 개발자 분들도 생겼고, 떠돌아 다닌 기술블로그들에서 솔루션 아키텍트 자격증을 딴 후기가 심심찮게 보였다.</p>\n<p>마침 AWS를 대체 어디서부터 공부해야할지 모르겠던 나에게 AWS 자격증은 솔깃한 이야기였다. (직접 해보면서 공부하는게 짱이지만, AWS를 연습하자니 뭐 하나 잘못해서 엄청난 요금이 과금될까봐 무섭고 뭐가 맞는지 모르는 채로 배포 경험만 늘어갔다..) 또, 나는 2020년부터 일년에 자격증 하나씩은 꼭 따자는 목표를 지켜오고 있었는데 올해는 AWS 자격증으로 하면 딱일 것 같았다. 문제 은행식 시험이라는 점도 회사다니면서 자투리 시간 활용하기 좋아보였다.</p>\n<p>Practitioner와 Architect 중에 고민했는데 대부분 첫시험으로 아키를 고르는 것 같아서 나도 아키를 선택했다.</p>\n<h2 id=\"준비-과정\" style=\"position:relative;\"><a href=\"#%EC%A4%80%EB%B9%84-%EA%B3%BC%EC%A0%95\" aria-label=\"준비 과정 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>준비 과정</h2>\n<p>찾아봤을 때 시험 준비기간을 짧게는 한달 안, 3개월 정도로 잡는 것 같았다. 나도 처음엔 3개월로 잡았다 중간중간 다른 새로운 스터디, 할일이 생겨서 결과적으로 첫 시작부터 자격증 취득까지 5개월 걸렸다 ㅎㅎ.. 다시 시험을 본다면 단기간에 빡집중해서 볼 것 같다.</p>\n<p>시험 후기들을 봤을 때 공부방법이 비슷해서 똑같이 나도 유데미 강의와 덤프문제를 공부했다.</p>\n<ul>\n<li>\n<p><strong>강의:</strong> <a href=\"https://www.udemy.com/course/aws-certified-solutions-architect-associate-saa-c03/?couponCode=SKILLS4SALEB\">https://www.udemy.com/course/aws-certified-solutions-architect-associate-saa-c03/?couponCode=SKILLS4SALEB</a></p>\n<ul>\n<li>할인할 때 사면 15000원밖에 안하니 저처럼 손해보지마시길..</li>\n</ul>\n</li>\n<li>\n<p><strong>덤프 900 문제:</strong> <a href=\"https://www.examtopics.com/exams/amazon/aws-certified-solutions-architect-associate-saa-c03/view/41/\">https://www.examtopics.com/exams/amazon/aws-certified-solutions-architect-associate-saa-c03/view/41/</a></p>\n<ul>\n<li>정답이랑 최다득표가 다른 경우가 많은데, 정답으로 되어있는 것들은 틀릴 가능성이 많다. 최다득표가 더 정답에 가깝다.</li>\n</ul>\n<p>공부는 3월에 시작했다. 회사 사람들에게 스터디를 제안했는데 참여의사를 밝힌 사람이 생각보다(?) 많았다. 세달 동안 일주일에 한 번씩 회사에 남아서 한시간 스터디를 했다. 첫 한달은 같이 강의를 듣는 시간을 갖고 (강의 양이 좀 많음) 두달은 다같이 문제 풀이를 했다. 각자 시험을 보기로 하고 스터디를 끝냈다.</p>\n</li>\n</ul>\n<p>스터디를 끝내고 6-7월에는 개인적인 스터디와 팀풀을 하느라 AWS 준비를 잠깐 멈췄다.</p>\n<p>8월엔 더 끌고가지말고 해치워야겠다는 생각이 들었다. 주말 두세시간씩 공부하다 시간이 비는 날에 신청했다. 시험전날에 우다다다 벼락치기를 했다.</p>\n<p>강의도 양이 많고 덤프문제도 굉장히 양이 많다.</p>\n<p><strong>둘다 끝까지 끝낸 내가 돌이켜보자면, 강의는 시험에 크게 도움은 안되는 것 같다.</strong> 단기간에 합격하는게 목표라면 과감하게 강의는 버리고 (혹은 모르는 개념 나올때만 보고) 덤프문제만 풀 것 같다. 하지만 강의에 실습 영상도 있고 개념 설명도 잘 해주시기 때문에 <strong>실무에서 도움이 되길 원한다면 강의를 추천한다.</strong></p>\n<p>덤프문제도 양이 굉장히 많은데, 나는 끝까지 다 풀었지만 다시 시험을 본다면 <strong>600번정도까지만 풀고 복습을 반복 할 것 같다</strong>. 양이 많아서 어차피 뒷 부분까지 복습못할 가능성이 많고, 뒤로갈수록 코멘트도 적어져서 직접 정답을 찾아봐야하고, 내 경우엔 4-5백번대까지 왔을 때부터 키워드만 보고 보기를 추측할 수 있게 되었기 때문이다.</p>\n<p>공부할 땐 키워드를 정리하면서 덤프문제 푸는 게 중요한 것 같다.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/162dfd66f92bbcd85e3a20df1764e438/e53e8/2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 103.16455696202532%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJElEQVR42l2U2XarMAxF+f9f7GpvMzCPxnjAJNE9R4Q07YMXIDRrW9m23WUaR/n++pKu68QtUebZSV1Vkl8uMrStzMaJd6uM0Dt9/ZO2rmWxXqwN0ve9fH1+qn3fjZLFmCSlJN57WZYFzrwEv4qZjZRFLmPXikWABcbDMEiDQMYY/bZzUNtpnKRtGwScJVvXTSooUZFOZwOHIckI46ooZHHuaey1EoPjIWMQBp/nWZqmkaosYWMku20PCGppcRiNDmPYs7bIJISgDo1ZNENrZ+mZ5TCjolW2LUmNFrB0a51k3kUIN0k467qqQ7cElW3bTdKatDRmkxJ04iorglCHuiqDDm2dC5L1ndEfZnIoaUHaFtmO+n3I+Bz6+fV+nKYeXjL64HvGl/ejPydM0AT5+29+k5lD949tdvTnwIA/OAAzLYqPtW8G0Jtx7GQVpX0oTmVqj+/M+4gJl1Jcz+KsfU1ZEcH0HCfKKcNgHAedpjXTjhKYpU0New6Lfc3svMj5dMY5SVycRqHD+/2uA+G0tQpkXMJZfr0CL6cZUb7hfw/4h76FQ5TMqVX5VfLzGXC2OlE6vN1u+0QxPQbhDSJ/PW4THTJjZkh2GYQ3ayLYKd3wwyKDSZx32hs6fDzuwGbnjEHUIf5P0yhxjVoeHcYY5Yxk9LYBQe2h8gaeeHYO45Ot9MpwL2/nknJ+cyiHHh06Ouza6ReHfBZ583o/nu/MHacqO3nneDw41Jvwh7kfWfgl2+XvMv9LllHAS03G9MKrIntllS+Dp33Khn7Sxu+6Xpreyama5FQOcqmNXJvntulwuTvdcQeHq64o8jm2tTpmXy02S4kNNGIwbvFSdMgOKy+/nKXHcvku+n3KM4w59kp3nUOTb7qWChgbQExZ8AlbKOhm4aJlNVWP4EDrcj7J2HeSt8iQG7vFjSjyXBXZ3Bg35aup9qxZHjc22eTNUUSATQmHDpR8fnxIgLwecVO2dNeVzpL9k0N1SIgRaF3jC2yySWdpI3NBSyYyA1rzALP1+NyHCX0kXyHE1z4kk+Ru1X24L44fNvcM8wZL16LfLum5dk7+A/TOSxwrChh6AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"노트 필기했던 것\"\n        title=\"\"\n        src=\"/static/162dfd66f92bbcd85e3a20df1764e438/f058b/2.png\"\n        srcset=\"/static/162dfd66f92bbcd85e3a20df1764e438/c26ae/2.png 158w,\n/static/162dfd66f92bbcd85e3a20df1764e438/6bdcf/2.png 315w,\n/static/162dfd66f92bbcd85e3a20df1764e438/f058b/2.png 630w,\n/static/162dfd66f92bbcd85e3a20df1764e438/40601/2.png 945w,\n/static/162dfd66f92bbcd85e3a20df1764e438/78612/2.png 1260w,\n/static/162dfd66f92bbcd85e3a20df1764e438/e53e8/2.png 1982w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>이렇게 DB / S3 / EC2 / ML / 보안 / 등등 카테고리를 나눠 놓고 정리했다.</p>\n<p>처음엔 ‘여기선 최소 운영오버헤드 정답이 A인데 다른데선 B네? ㅡㅡ;;’ 하고 어이없어 했는데 계속 풀다보니 키워드 매칭이 가능하게 됐다.</p>\n<ul>\n<li>풀다보면 예를들어 elastic cache는 ‘어플리케이션 코드 최소화’ 조건이 있으면 정답이 아니구나! 하고 감이왔다.</li>\n<li>문제 키워드 보고 보기에 뭐 있는지 유추 가능하게 됐을 때 시험을 보면 될 것 같다.</li>\n</ul>\n<h3 id=\"다시-공부한다면\" style=\"position:relative;\"><a href=\"#%EB%8B%A4%EC%8B%9C-%EA%B3%B5%EB%B6%80%ED%95%9C%EB%8B%A4%EB%A9%B4\" aria-label=\"다시 공부한다면 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>다시 공부한다면..</h3>\n<ul>\n<li>앞서 말했듯이 덤프문제는 600 문제까지만 풀어도 괜찮을 것 같다. 강의는 내 생각엔 자격증만이 목적이라면 선택.</li>\n<li>아무래도 문제은행식이라 단기간에 집중해서 따는게 좋을 것 같다. 좀 늘어졌더니 중복 문제를 봐도 중복 문젠지 모르고 또 풀고 같은 곳에서 틀리는 의미없는 짓을 하게 됐다..</li>\n</ul>\n<h2 id=\"접수\" style=\"position:relative;\"><a href=\"#%EC%A0%91%EC%88%98\" aria-label=\"접수 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>접수</h2>\n<p><a href=\"https://www.aws.training/certification/?ch=cta&#x26;cta=header&#x26;p=1\">AWS Certification 사이트</a>에서 가능하다.</p>\n<ul>\n<li>시험 하루 전까지만 스케줄 변경 및 취소 가능한 걸로 기억한다. 스케줄 변경은 두번까지 가능했던 것 같다. 취소는 어떤 시점부터 수수료가 생겼던 걸로 기억한다.</li>\n<li>접수비는 150달러이고, 약 20만원 들었다.</li>\n<li>이게 단기간에 끝낼 수 있는 시험인데 접수비 때문에 (비싸서 한번에 붙어야한다는 부담감) 망설이게 돼서 접수를 쉽게 못하는게 문제인것 같다. 그러니 일단 눈감고 접수해버리고 과거의 자신을 원망하며 빡공부하는 걸 추천한다. 나도 모든건 미래의 나에게 맡기고 접수해버렸다가 아 이거 안될거같은데.. 했지만 이미 접수 취소 기한 지나서 울며 겨자먹기로 빡공부 할 수밖에 없었다.</li>\n</ul>\n<h2 id=\"시험-후기\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98-%ED%9B%84%EA%B8%B0\" aria-label=\"시험 후기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험 후기</h2>\n<h3 id=\"시험장\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98%EC%9E%A5\" aria-label=\"시험장 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험장</h3>\n<ul>\n<li>온라인/오프라인 시험 선택 가능하다. 여러 후기들을 읽어본 결과, 온라인 시험을 선택하면 외국인 감독관과의 소통(?)이 힘들다고 후기를 많이 봐서 오프라인으로 봤다. 나도 오프라인을 추천한다.</li>\n<li>준비물은 신분증 &#x26; 신용카드(or 여권 등) 두 개면 끝이다. 나는 불안해서 민증, 여권, 카드 다 들고갔다.\n<ul>\n<li>신용카드에 영문 명이 접수명이랑 달라서(다르게 되어있는지 몰랐다.) 대신 여권을 내밀었다. 다 챙겨가길 잘했다고 생각했다. 접수할 때 작성한 영문명과 신분증 영문명이 일치하는지 잘 확인하시길..</li>\n</ul>\n</li>\n<li>적당히 소지품 검사하고 바로 컴퓨터 앞에 앉아서 시험을 보게 된다.</li>\n<li>감독관 있고 정해진 시간에 스타트 하는 게 아니라 신청한 사람들 각자 알아서 시험보는 가벼운 분위기였다. 내가 갔을 땐 칸막이 쳐진 공간에서 두명이 먼저 시험을 보고 있었다.</li>\n</ul>\n<h3 id=\"시험\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98\" aria-label=\"시험 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험</h3>\n<ul>\n<li>체감: 30%는 덤프 문제와 똑같이 나왔고, 30%는 키워드 알면 풀 수 있었고, 30% 정도는 처음보는 문제였던 것 같다.</li>\n<li>시험시간은 140분. 나는 그냥 한시간 일찍 제출해버렸다 ㅎㅎ..</li>\n<li>다풀면 검토할 수 있는 화면 생긴다. 65문제라 집중력이 금방 떨어지니, 일단 다 풀어버리고 검토하는걸 추천.</li>\n</ul>\n<h2 id=\"시험-결과\" style=\"position:relative;\"><a href=\"#%EC%8B%9C%ED%97%98-%EA%B2%B0%EA%B3%BC\" aria-label=\"시험 결과 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>시험 결과</h2>\n<h3 id=\"결과-통지-방법\" style=\"position:relative;\"><a href=\"#%EA%B2%B0%EA%B3%BC-%ED%86%B5%EC%A7%80-%EB%B0%A9%EB%B2%95\" aria-label=\"결과 통지 방법 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>결과 통지 방법</h3>\n<ul>\n<li>2시 23분에 봤는데 당일 7시쯤 메일로 대뜸 합격했다고 뱃지부터 날라온다.</li>\n<li>솔직히 접수비 20만원때문에 좀 긴장했다 ㅎㅎ; 또 시험 봐야 할까봐..</li>\n</ul>\n<h3 id=\"도움이-되었는가\" style=\"position:relative;\"><a href=\"#%EB%8F%84%EC%9B%80%EC%9D%B4-%EB%90%98%EC%97%88%EB%8A%94%EA%B0%80\" aria-label=\"도움이 되었는가 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>도움이 되었는가?</h3>\n<ul>\n<li>솔직히 실무에서는 못쓸 것 같다.\n<ul>\n<li>만약 회사에서 RDS DB를 쓰고 있다 하면, SAA 시험에서 Aurora가 운영 오버헤드가 적고 여러모로 짱이라고 배웠으니 Aurora고 바꾸자고 할수도 없는 노릇이니…</li>\n</ul>\n</li>\n<li>AWS 서비스를 전체적으로 훑을 수 있어서 좋았다. 시험 준비하기 전인 반년 전에 fargate, macie, aurora, global accelerator 들었으면 이것뭐에요 했을 것 같다..</li>\n<li>준비하는 중간에 AWS Summit 컨퍼런스 갔었는데, 그때 이거 공부로 좀 알아들었다. 공부 안으면 별로 못 알아 듣고 벌벌 떨었을 듯.</li>\n<li>묵힌과제 하나 끝낸 기분이라 기분이 좋다. 따길 잘한 듯!</li>\n</ul>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#saa-%EC%A4%80%EB%B9%84-%EA%B3%84%EA%B8%B0\">SAA 준비 계기</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%A4%80%EB%B9%84-%EA%B3%BC%EC%A0%95\">준비 과정</a></p>\n<ul>\n<li><a href=\"#%EB%8B%A4%EC%8B%9C-%EA%B3%B5%EB%B6%80%ED%95%9C%EB%8B%A4%EB%A9%B4\">다시 공부한다면..</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%EC%A0%91%EC%88%98\">접수</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%8B%9C%ED%97%98-%ED%9B%84%EA%B8%B0\">시험 후기</a></p>\n<ul>\n<li><a href=\"#%EC%8B%9C%ED%97%98%EC%9E%A5\">시험장</a></li>\n<li><a href=\"#%EC%8B%9C%ED%97%98\">시험</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%EC%8B%9C%ED%97%98-%EA%B2%B0%EA%B3%BC\">시험 결과</a></p>\n<ul>\n<li><a href=\"#%EA%B2%B0%EA%B3%BC-%ED%86%B5%EC%A7%80-%EB%B0%A9%EB%B2%95\">결과 통지 방법</a></li>\n<li><a href=\"#%EB%8F%84%EC%9B%80%EC%9D%B4-%EB%90%98%EC%97%88%EB%8A%94%EA%B0%80\">도움이 되었는가?</a></li>\n</ul>\n</li>\n</ul>","frontmatter":{"title":"AWS SAA-C03 취득한 후기","date":"2024.08.18","description":"AWS SAA-C03 준비 과정 및 시험 후기","category":"기타","tag":["AWS"]}},"previous":{"fields":{"slug":"/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고"}},"next":{"fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"title":"약 반년 간의 플러터 공부 회고"}}},"pageContext":{"id":"a036c17f-5d46-5b3e-9638-f4e118ff47fa","previousPostId":"bfc419c3-e90e-5638-a161-5d14795d48d2","nextPostId":"91003152-5ae3-5b83-9f46-e5c63efad021"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
diff --git "a/page-data/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/page-data.json" "b/page-data/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/page-data.json"
index cd7537c6..801a1a8b 100644
--- "a/page-data/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/page-data.json"
+++ "b/page-data/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/page-data.json"
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-blog-post-js","path":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"45676a44-4845-5ec3-b10c-3623783d35fc","excerpt":"인프콘 2024 이맘 때 쯤이면 개발자 톡방이 컨퍼런스 티켓팅으로 술렁이는 것 같다. 인프콘은 컨퍼런스 중에서도 제일 인기많은 행사다. 내용이 다양해서 개발자가 아닌 사람들에게도 인기가 많다. 인기가 많아서 선결제 후 추첨 떨어지면 환불해주는 식으로 티켓을 판매한다. 내 주위에선 1…","html":"<h2 id=\"인프콘-2024\" style=\"position:relative;\"><a href=\"#%EC%9D%B8%ED%94%84%EC%BD%98-2024\" aria-label=\"인프콘 2024 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>인프콘 2024</h2>\n<p>이맘 때 쯤이면 개발자 톡방이 컨퍼런스 티켓팅으로 술렁이는 것 같다. 인프콘은 컨퍼런스 중에서도 제일 인기많은 행사다. 내용이 다양해서 개발자가 아닌 사람들에게도 인기가 많다. 인기가 많아서 선결제 후 추첨 떨어지면 환불해주는 식으로 티켓을 판매한다.</p>\n<p>내 주위에선 11명 정도가 신청했는데 그중 3명 정도 당첨된 것 같다. 그리고 그 중 한 명이 나다. 😆✌️ (작년에도 당첨됐었는데 이대로 내년에도 붙여주세요…!!)</p>\n<p>작년 인프콘은 나에게 정말 큰 영향을 주었었다. 컨퍼런스 끝나고 연사님과 커피챗을 하기도 했고 세션에서 들었던 내용을 공부해보는 넥스트 액션으로 이어지기도 했다.</p>\n<p>이번에도 같은 인사이트를 받을 수 있을까 기대를 안고 갔다. (모두의 부러움을 한 몸에 받으며…)</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/88086c681ea60df193f9771ddc5c3677/12609/1.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 133.54430379746836%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"사람이 정말 많다!\"\n        title=\"\"\n        src=\"/static/88086c681ea60df193f9771ddc5c3677/828fb/1.jpg\"\n        srcset=\"/static/88086c681ea60df193f9771ddc5c3677/ff44c/1.jpg 158w,\n/static/88086c681ea60df193f9771ddc5c3677/a6688/1.jpg 315w,\n/static/88086c681ea60df193f9771ddc5c3677/828fb/1.jpg 630w,\n/static/88086c681ea60df193f9771ddc5c3677/0ede0/1.jpg 945w,\n/static/88086c681ea60df193f9771ddc5c3677/3ac88/1.jpg 1260w,\n/static/88086c681ea60df193f9771ddc5c3677/12609/1.jpg 3000w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>참고로 커피는 회장 내부로는 반입 불가능하지만, 밖에 커피 둘 곳을 마련해주셔서 세션 사이사이에 마셨다. 충전하기도 쉽지 않으니 노트북 풀충으로 오길 바란다. 와이파이는 코엑스 무료 와이파이를 쓸 수 있다.</p>\n<h2 id=\"들은-세션들\" style=\"position:relative;\"><a href=\"#%EB%93%A4%EC%9D%80-%EC%84%B8%EC%85%98%EB%93%A4\" aria-label=\"들은 세션들 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>들은 세션들</h2>\n<p>세션은 총 6개를 들었고 세션 듣기도 바빠서 네트워킹 파티는 참석하지 못했다.</p>\n<p>평소 관심있는 기술과 성장 키워드가 들어간 세션들을 들었다.</p>\n<ol>\n<li><strong>컴퓨터 밑바닥에서 찾는 개발자 성장의 비밀</strong>\n<ol>\n<li>교수님이 설명해주시는 컴퓨터 구조… 컴퓨터 밑바닥=(CPU, OS)를 뜻한 것이었다. 재밌었다. 전공으로 들었던 것들 다 까먹었는데 대학시절 컴퓨터 구조 과목 듣던 때로 돌아간 기분도 들었다…</li>\n<li>세션을 ‘ARM 칩 기반 맥북은 어떻게 소모전력이 낮음에도 성능이 높을까?’ ‘안드앱 소스코드엔 main() 메소드가 왜 없을까?’ 등의 질문으로 시작헸는데, 이 세션을 다 들으면 정답을 알 수 있다. 궁금하면 직접 듣도록 하자.</li>\n<li>마지막에 책 두권을 추천해주셨다. 그 중 **‘컴퓨터 밑바닥의 비밀’**은 한 번 읽어보려고 생각 중이다.</li>\n</ol>\n</li>\n<li><strong>Next.js 블로그 모범 사례 탐구: Vercel 리더십 블로그 아키텍처 파헤치기</strong>\n<ol>\n<li>이것도 꽤 재밌는 세션. 일반적인 넥스트 블로그는 어떤식으로 만드는지, 또 vercel의 리더십 두분이 블로그를 어떻게 다르게 만들었는지 비교하고, 마지막으로 연사님은 블로그를 어떻게 만들었는지를 설명한 세션이다.</li>\n<li>vercel의 리더십 두분이 잘 만든 넥스트 예제를 만들자고 서로 짠 것처럼 다른 방식으로 블로그를 만들었다는 사실이 재밌었다. (진실은 아무도 모르지만)</li>\n<li>나도 연사님처럼 gatsby로 블로그를 만들었는데 이거 듣고 next로 갈아타고 싶은 마음이 들었다 ㅎㅎ.. (나중에 욕심생기면 db 붙이기도 좋을 것 같고, 갯츠비로 만들고 나서 그냥 익숙한 넥스트 할 걸 그랬나 후회하는 마음이 초큼 있었다.. next 블로그 영업이 됐다ㅎ)</li>\n<li>내가 블로그를 만든다면 나도 db없이(블로그는 프론트만 관리하고 싶다.), 또 글을 코드로 관리하는 Rouchg 방식으로 만들 것 같다.</li>\n</ol>\n</li>\n<li><strong>멀티패러다임 프로그래밍 언어의 시대: 객체지향과 함수형을 섞어야할 때!</strong>\n<ol>\n<li>이것도 재밌는 세션.. 라이브 코딩으로 tagged templates를 만들면서 함수형과 객체지향을 어떻게 적용해야할지 보여주신 세션이다.</li>\n<li>역시 라이브 코딩은 어렵구나 생각을. ㅎㅎ</li>\n<li>함수형은 정말 가독성이 좋구나 새삼 감탄.</li>\n<li>함수형과 객체지향을 어느 때 써야할지 헷갈렸는데 ‘<strong>구조의 문제는 객체지향으로, 로직의 문제는 함수형’</strong> 이라고 명쾌한 마무리를 지어주셔서 좋은 힌트를 얻어간 것 같다. 저자이신 ‘멀티 패러다임 프로그래밍’이라는 책을 홍보 하셨는데 읽어보고 싶다.</li>\n</ol>\n</li>\n<li><strong>난생처음 만드는 Vite 플러그인</strong>\n<ol>\n<li>비트 플러그인을 비트가 어떻게 읽고 어떤식으로 만들면 되는지 설명한 세션이다.</li>\n<li>라이브 코딩 대신 녹화해오시다니 현명하시다고 생각함.</li>\n<li>모든 걸 공부할 수 없으니 재밌는걸 공부하자라는 마무리에 공감했다.</li>\n</ol>\n</li>\n<li><strong>그래픽 엔진 포팅 사례로 배우는 웹어셈블리 웹 컴포넌트 개발부터 디버깅, 최적화까지</strong>\n<ol>\n<li>ThorVG의 WASM 웹 포팅 사례를 공유해주신 세션이다. 웹 포팅하면서 쓴 툴이나 장단점을 설명해주셔서 좋았다.</li>\n<li>와 이거 정말 신기하고 안쓸 이유가 없겠는데… 하면서 봤다. 이제 C++도 파야하나 생각하다가 이렇게 생각하면 끝도 없겠다 싶어서 생각을 말았음.</li>\n<li>기술들이 점점 어렵게 발전하는 것 같다 하하 (갈수록 쉬워져야하는거 아니냐고~~) GC없이 메모리 릭을 신경써야하는 부분만 봐도 (생각해보면 당연함) 개발자의 부담감이 더 늘어나는듯.</li>\n</ol>\n</li>\n<li><strong>개발자로 긴 커리어를 가지고 싶다면?</strong>\n<ol>\n<li>마지막으로 들었던 성장에 대한 좋은 이야기를 나눠주신 세션이다.</li>\n<li>나이는 정말 중요하지 않다, 생각보다 시간이 정말 많다… 를 강조하셨다.</li>\n<li>제일 기억에 남는 건 롱 텀은 잘할 거라 믿고, 숏 텀은 열심히 살아야한다는 것이다. 롱 텀 기간을 짧게 잡으면 당연히 성과가 날 수 없음에도 발전이 없다고 좌절하게 된다는 것이 공감이 갔다.</li>\n</ol>\n</li>\n</ol>\n<p>개인적으로 들었던 것 중에서는 Vercel 블로그 세션이 제일 좋았다. 제일 나의 다음 액션에 영향을 미칠 것 같은 세션이었기 때문이다. 블로그를 next로 바꾸는 거에 뽐뿌 온 듯.</p>\n<p>다른 세션들도 너무 좋았다. 인프콘은 세션을 무료로 공개하기 때문에 꼭 들어보기를 추천한다.</p>\n<h2 id=\"스탬프-투어\" style=\"position:relative;\"><a href=\"#%EC%8A%A4%ED%83%AC%ED%94%84-%ED%88%AC%EC%96%B4\" aria-label=\"스탬프 투어 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>스탬프 투어</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/633338b6514a4f4bc06acc72cf83412e/e2e58/2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 232.27848101265823%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,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'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"스탬프 다모음\"\n        title=\"\"\n        src=\"/static/633338b6514a4f4bc06acc72cf83412e/f058b/2.png\"\n        srcset=\"/static/633338b6514a4f4bc06acc72cf83412e/c26ae/2.png 158w,\n/static/633338b6514a4f4bc06acc72cf83412e/6bdcf/2.png 315w,\n/static/633338b6514a4f4bc06acc72cf83412e/f058b/2.png 630w,\n/static/633338b6514a4f4bc06acc72cf83412e/40601/2.png 945w,\n/static/633338b6514a4f4bc06acc72cf83412e/e2e58/2.png 1069w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>세션 사이사이 남는 시간에는 스탬프 투어를 다녔는데 역시 랜덤 뽑기를 하니까 도파민이 돌고 눈이 번쩍 떠지고 재밌었다.</p>\n<p>기업 부스 스탬프를 위해 데이터독 부스를 들렸는데, 유튜브 데이터독 RUM 웨비나에서 봤던 분이 계셔서 신기했다.</p>\n<p>데이터독 부스에서는 대면으로 데이터독 강의를 들을 수 있었다. 보통 부스들은 구글폼 제출하고 룰렛돌려서 회전율이 빠른데, 데이터독은 짧은 제품 데모를 준비해오셨다. 내용이 유익해서 호감이었다. 티셔츠 질도 좋았다.</p>\n<p>티셔츠를 한가득 받아와서 월화수목금 돌려입고 있다 ㅎㅎ</p>\n<h2 id=\"마치며\" style=\"position:relative;\"><a href=\"#%EB%A7%88%EC%B9%98%EB%A9%B0\" aria-label=\"마치며 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>마치며</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/a7ff50890070855512664bb6735ab982/204b5/3.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 66.45569620253164%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAECAwT/xAAVAQEBAAAAAAAAAAAAAAAAAAADAv/aAAwDAQACEAMQAAABl0hTI4RY/8QAGxABAQACAwEAAAAAAAAAAAAAAgEDEQASITH/2gAIAQEAAQUCx3QmlFlI4fqPjva//8QAFREBAQAAAAAAAAAAAAAAAAAAECH/2gAIAQMBAT8Bh//EABcRAAMBAAAAAAAAAAAAAAAAAAEQEkH/2gAIAQIBAT8BNYv/xAAaEAACAgMAAAAAAAAAAAAAAAAAEQEhEhNR/9oACAEBAAY/Aqi1Y8Ra4kQ+DP/EABkQAQADAQEAAAAAAAAAAAAAAAEAESFBMf/aAAgBAQABPyGqzQermhpy7pjAsfs5MQ9gWWnE1QaE/9oADAMBAAIAAwAAABAM3//EABgRAQEAAwAAAAAAAAAAAAAAAAEAESFR/9oACAEDAQE/EAZuw9v/xAAXEQADAQAAAAAAAAAAAAAAAAAAARFR/9oACAECAQE/EGrBVh//xAAdEAEBAAMAAgMAAAAAAAAAAAABEQAhMWGhQVHR/9oACAEBAAE/EGLZjKaU74mA4VYVBuySZqv1Goo89Zbboz7Hn9wyPRGvfxi7sgDgQ1n/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"점심 자랑\"\n        title=\"\"\n        src=\"/static/a7ff50890070855512664bb6735ab982/828fb/3.jpg\"\n        srcset=\"/static/a7ff50890070855512664bb6735ab982/ff44c/3.jpg 158w,\n/static/a7ff50890070855512664bb6735ab982/a6688/3.jpg 315w,\n/static/a7ff50890070855512664bb6735ab982/828fb/3.jpg 630w,\n/static/a7ff50890070855512664bb6735ab982/0ede0/3.jpg 945w,\n/static/a7ff50890070855512664bb6735ab982/3ac88/3.jpg 1260w,\n/static/a7ff50890070855512664bb6735ab982/204b5/3.jpg 3870w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/93719/4.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 75.31645569620254%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwAC/8QAFAEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABXJIFqeY//8QAGhABAAIDAQAAAAAAAAAAAAAAAQASAgMiIf/aAAgBAQABBQLUcj7kS1Uep//EABYRAQEBAAAAAAAAAAAAAAAAAAABIf/aAAgBAwEBPwGtf//EABYRAQEBAAAAAAAAAAAAAAAAAAABIf/aAAgBAgEBPwGMf//EABoQAAEFAQAAAAAAAAAAAAAAAAABAhARMmH/2gAIAQEABj8CKMqM7P8A/8QAGhABAAMBAQEAAAAAAAAAAAAAAQARITFxQf/aAAgBAQABPyEW/wBmFcdiLjeQq/DGtR3IXP/aAAwDAQACAAMAAAAQfx//xAAXEQEBAQEAAAAAAAAAAAAAAAABACFR/9oACAEDAQE/EBknV//EABcRAQEBAQAAAAAAAAAAAAAAAAEAMVH/2gAIAQIBAT8Q2w8X/8QAGxABAAMBAAMAAAAAAAAAAAAAAQARIXExgdH/2gAIAQEAAT8QEtq6dLZQiuCjWoBrA81CMEAJy057jkPSN78lJpvZ/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"돌아가는 길 한가득 짐..\"\n        title=\"\"\n        src=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/828fb/4.jpg\"\n        srcset=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/ff44c/4.jpg 158w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/a6688/4.jpg 315w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/828fb/4.jpg 630w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/0ede0/4.jpg 945w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/3ac88/4.jpg 1260w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/93719/4.jpg 4000w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h3 id=\"작년과의-비교\" style=\"position:relative;\"><a href=\"#%EC%9E%91%EB%85%84%EA%B3%BC%EC%9D%98-%EB%B9%84%EA%B5%90\" aria-label=\"작년과의 비교 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>작년과의 비교</h3>\n<p>작년엔 핸즈온 세션이 있었는데 올해엔 핸즈온 대신 ‘프로그램’이란 게 생겨있었다. (일반 세션과의 차이점은 모르겠다. 들었을 땐 차이 없었다.)</p>\n<p>핸즈온이 없어져서 아쉬웠다. 다같이 우당탕탕영차영차하는 맛이 있는데…! 그리고 작년 웹접근성에 대한 핸즈온 세션에서 많은 걸 배워갔던 게 기억에 남기 때문에, 이번엔 핸즈온이 없는 게 좀 아쉬웠다.</p>\n<p>작년엔 20분짜리 세션들이 많아서 인사이트를 얻기엔 너무 짧았었는데, 이번엔 40분 세션이 많아서 좋았다. 40분이 딱 깊게는 못 배우더라도 새로운 것을 얻어가기 적당한 시간인 것 같다.</p>\n<p>작년에 정말 얻어간게 많아서 비교하자면 작년이 더 좋긴 했지만, 올해 인프콘을 통해서도 새로 공부하고 싶은 분야들을 이것저것 찾게 되었으니 만족스러웠다.</p>\n<p>(제발 내년에도 저를 붙여주세요)</p>\n<h3 id=\"느낀-점\" style=\"position:relative;\"><a href=\"#%EB%8A%90%EB%82%80-%EC%A0%90\" aria-label=\"느낀 점 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>느낀 점</h3>\n<p>매일 하는 개발에 번아웃이 오려고 할 때 컨퍼런스에 가면 힘을 얻는 것 같다. 개인적으로는 컨퍼런스들 중에서도 정말 새로운 인사이트를 얻게 해주는 세션들이 많은 인프콘을 제일 좋아한다.</p>\n<p>세션들을 들으면서, 공통적으로 연사님들이 하셨던 이야기는 커뮤니케이션의 중요성이었다. 오래 개발자를 하려면 협업 &#x26; 커뮤니케이션 능력과 내가 아는 것을 설명할 수 있는 능력이 중요한 것 같다.</p>\n<p>그래서 이번 인프콘을 계기로 나의 새로운 다음 액션을 정해보았다.</p>\n<ol>\n<li>내가 안다고 생각하는 것들을 설명할 수 있을 정도로 파보기.</li>\n<li>블로그 넥스트로 바꾸기 (아마도)</li>\n<li>컴퓨터 밑바닥의 비밀 / 멀티 패러다임 프로그래밍 책 읽기</li>\n</ol>\n<p>몇 개나 해낼지는 모르겠지만, 세션에서 들었던 것처럼 롱텀은 잘할 수 있을 거라 믿고 숏텀은 오늘의 일을 해야겠다!</p>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#%EC%9D%B8%ED%94%84%EC%BD%98-2024\">인프콘 2024</a></p>\n</li>\n<li>\n<p><a href=\"#%EB%93%A4%EC%9D%80-%EC%84%B8%EC%85%98%EB%93%A4\">들은 세션들</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%8A%A4%ED%83%AC%ED%94%84-%ED%88%AC%EC%96%B4\">스탬프 투어</a></p>\n</li>\n<li>\n<p><a href=\"#%EB%A7%88%EC%B9%98%EB%A9%B0\">마치며</a></p>\n<ul>\n<li><a href=\"#%EC%9E%91%EB%85%84%EA%B3%BC%EC%9D%98-%EB%B9%84%EA%B5%90\">작년과의 비교</a></li>\n<li><a href=\"#%EB%8A%90%EB%82%80-%EC%A0%90\">느낀 점</a></li>\n</ul>\n</li>\n</ul>","frontmatter":{"title":"2년 연속 다녀온 인프콘 2024 후기","date":"2024.08.10","description":"지난 2일에 다녀온 인프콘 후기","category":"컨퍼런스","tag":["인프콘 2024"]}},"previous":{"fields":{"slug":"/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"},"frontmatter":{"title":"Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)"}},"next":{"fields":{"slug":"/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고"}}},"pageContext":{"id":"45676a44-4845-5ec3-b10c-3623783d35fc","previousPostId":"067b5b7f-8714-53de-9159-4db5fe6ac41b","nextPostId":"eff73f98-4148-5b9d-b64a-1af53b19f591"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-blog-post-js","path":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"45676a44-4845-5ec3-b10c-3623783d35fc","excerpt":"인프콘 2024 이맘 때 쯤이면 개발자 톡방이 컨퍼런스 티켓팅으로 술렁이는 것 같다. 인프콘은 컨퍼런스 중에서도 제일 인기많은 행사다. 내용이 다양해서 개발자가 아닌 사람들에게도 인기가 많다. 인기가 많아서 선결제 후 추첨 떨어지면 환불해주는 식으로 티켓을 판매한다. 내 주위에선 1…","html":"<h2 id=\"인프콘-2024\" style=\"position:relative;\"><a href=\"#%EC%9D%B8%ED%94%84%EC%BD%98-2024\" aria-label=\"인프콘 2024 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>인프콘 2024</h2>\n<p>이맘 때 쯤이면 개발자 톡방이 컨퍼런스 티켓팅으로 술렁이는 것 같다. 인프콘은 컨퍼런스 중에서도 제일 인기많은 행사다. 내용이 다양해서 개발자가 아닌 사람들에게도 인기가 많다. 인기가 많아서 선결제 후 추첨 떨어지면 환불해주는 식으로 티켓을 판매한다.</p>\n<p>내 주위에선 11명 정도가 신청했는데 그중 3명 정도 당첨된 것 같다. 그리고 그 중 한 명이 나다. 😆✌️ (작년에도 당첨됐었는데 이대로 내년에도 붙여주세요…!!)</p>\n<p>작년 인프콘은 나에게 정말 큰 영향을 주었었다. 컨퍼런스 끝나고 연사님과 커피챗을 하기도 했고 세션에서 들었던 내용을 공부해보는 넥스트 액션으로 이어지기도 했다.</p>\n<p>이번에도 같은 인사이트를 받을 수 있을까 기대를 안고 갔다. (모두의 부러움을 한 몸에 받으며…)</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/88086c681ea60df193f9771ddc5c3677/12609/1.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 133.54430379746836%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAbABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMCBP/EABYBAQEBAAAAAAAAAAAAAAAAAAEAAv/aAAwDAQACEAMQAAABajcLCeaUMaO1AP8A/8QAHBAAAgICAwAAAAAAAAAAAAAAAQIAESEiEDEy/9oACAEBAAEFAtHPXAAgxLWOAxYspu4PROiZT//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEP/aAAgBAwEBPwHQv//EABURAQEAAAAAAAAAAAAAAAAAABAR/9oACAECAQE/ASH/xAAeEAABAwQDAAAAAAAAAAAAAAAAASExAhAREiJhgf/aAAgBAQAGPwLi1XY83dyDaiTCpZUPRMn/xAAdEAEAAwACAwEAAAAAAAAAAAABABEhMUFRYXHR/9oACAEBAAE/IXYvRBar8oaS/T1zcPNUNLh5x8lSrXNdyxUndMGWs7iLV3M39M//2gAMAwEAAgADAAAAEJzrPf/EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQMBAT8QBLY00kzt/8QAGBEBAQEBAQAAAAAAAAAAAAAAAQARITH/2gAIAQIBAT8QbICbPvL/xAAfEAEBAAIBBAMAAAAAAAAAAAABEQAhQTFRYXGBofD/2gAIAQEAAT8QU8Y7QvjHFMM2aYYN+plMGuJBv1gLfUeH7tiTuOiQwl0JWkHOI6gUFLOHK4Cgx9YYwnQRLvFiI2+N6wnQAl+XP//Z'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"사람이 정말 많다!\"\n        title=\"\"\n        src=\"/static/88086c681ea60df193f9771ddc5c3677/828fb/1.jpg\"\n        srcset=\"/static/88086c681ea60df193f9771ddc5c3677/ff44c/1.jpg 158w,\n/static/88086c681ea60df193f9771ddc5c3677/a6688/1.jpg 315w,\n/static/88086c681ea60df193f9771ddc5c3677/828fb/1.jpg 630w,\n/static/88086c681ea60df193f9771ddc5c3677/0ede0/1.jpg 945w,\n/static/88086c681ea60df193f9771ddc5c3677/3ac88/1.jpg 1260w,\n/static/88086c681ea60df193f9771ddc5c3677/12609/1.jpg 3000w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>참고로 커피는 회장 내부로는 반입 불가능하지만, 밖에 커피 둘 곳을 마련해주셔서 세션 사이사이에 마셨다. 충전하기도 쉽지 않으니 노트북 풀충으로 오길 바란다. 와이파이는 코엑스 무료 와이파이를 쓸 수 있다.</p>\n<h2 id=\"들은-세션들\" style=\"position:relative;\"><a href=\"#%EB%93%A4%EC%9D%80-%EC%84%B8%EC%85%98%EB%93%A4\" aria-label=\"들은 세션들 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>들은 세션들</h2>\n<p>세션은 총 6개를 들었고 세션 듣기도 바빠서 네트워킹 파티는 참석하지 못했다.</p>\n<p>평소 관심있는 기술과 성장 키워드가 들어간 세션들을 들었다.</p>\n<ol>\n<li><strong>컴퓨터 밑바닥에서 찾는 개발자 성장의 비밀</strong>\n<ol>\n<li>교수님이 설명해주시는 컴퓨터 구조… 컴퓨터 밑바닥=(CPU, OS)를 뜻한 것이었다. 재밌었다. 전공으로 들었던 것들 다 까먹었는데 대학시절 컴퓨터 구조 과목 듣던 때로 돌아간 기분도 들었다…</li>\n<li>세션을 ‘ARM 칩 기반 맥북은 어떻게 소모전력이 낮음에도 성능이 높을까?’ ‘안드앱 소스코드엔 main() 메소드가 왜 없을까?’ 등의 질문으로 시작헸는데, 이 세션을 다 들으면 정답을 알 수 있다. 궁금하면 직접 듣도록 하자.</li>\n<li>마지막에 책 두권을 추천해주셨다. 그 중 **‘컴퓨터 밑바닥의 비밀’**은 한 번 읽어보려고 생각 중이다.</li>\n</ol>\n</li>\n<li><strong>Next.js 블로그 모범 사례 탐구: Vercel 리더십 블로그 아키텍처 파헤치기</strong>\n<ol>\n<li>이것도 꽤 재밌는 세션. 일반적인 넥스트 블로그는 어떤식으로 만드는지, 또 vercel의 리더십 두분이 블로그를 어떻게 다르게 만들었는지 비교하고, 마지막으로 연사님은 블로그를 어떻게 만들었는지를 설명한 세션이다.</li>\n<li>vercel의 리더십 두분이 잘 만든 넥스트 예제를 만들자고 서로 짠 것처럼 다른 방식으로 블로그를 만들었다는 사실이 재밌었다. (진실은 아무도 모르지만)</li>\n<li>나도 연사님처럼 gatsby로 블로그를 만들었는데 이거 듣고 next로 갈아타고 싶은 마음이 들었다 ㅎㅎ.. (나중에 욕심생기면 db 붙이기도 좋을 것 같고, 갯츠비로 만들고 나서 그냥 익숙한 넥스트 할 걸 그랬나 후회하는 마음이 초큼 있었다.. next 블로그 영업이 됐다ㅎ)</li>\n<li>내가 블로그를 만든다면 나도 db없이(블로그는 프론트만 관리하고 싶다.), 또 글을 코드로 관리하는 Rouchg 방식으로 만들 것 같다.</li>\n</ol>\n</li>\n<li><strong>멀티패러다임 프로그래밍 언어의 시대: 객체지향과 함수형을 섞어야할 때!</strong>\n<ol>\n<li>이것도 재밌는 세션.. 라이브 코딩으로 tagged templates를 만들면서 함수형과 객체지향을 어떻게 적용해야할지 보여주신 세션이다.</li>\n<li>역시 라이브 코딩은 어렵구나 생각을. ㅎㅎ</li>\n<li>함수형은 정말 가독성이 좋구나 새삼 감탄.</li>\n<li>함수형과 객체지향을 어느 때 써야할지 헷갈렸는데 ‘<strong>구조의 문제는 객체지향으로, 로직의 문제는 함수형’</strong> 이라고 명쾌한 마무리를 지어주셔서 좋은 힌트를 얻어간 것 같다. 저자이신 ‘멀티 패러다임 프로그래밍’이라는 책을 홍보 하셨는데 읽어보고 싶다.</li>\n</ol>\n</li>\n<li><strong>난생처음 만드는 Vite 플러그인</strong>\n<ol>\n<li>비트 플러그인을 비트가 어떻게 읽고 어떤식으로 만들면 되는지 설명한 세션이다.</li>\n<li>라이브 코딩 대신 녹화해오시다니 현명하시다고 생각함.</li>\n<li>모든 걸 공부할 수 없으니 재밌는걸 공부하자라는 마무리에 공감했다.</li>\n</ol>\n</li>\n<li><strong>그래픽 엔진 포팅 사례로 배우는 웹어셈블리 웹 컴포넌트 개발부터 디버깅, 최적화까지</strong>\n<ol>\n<li>ThorVG의 WASM 웹 포팅 사례를 공유해주신 세션이다. 웹 포팅하면서 쓴 툴이나 장단점을 설명해주셔서 좋았다.</li>\n<li>와 이거 정말 신기하고 안쓸 이유가 없겠는데… 하면서 봤다. 이제 C++도 파야하나 생각하다가 이렇게 생각하면 끝도 없겠다 싶어서 생각을 말았음.</li>\n<li>기술들이 점점 어렵게 발전하는 것 같다 하하 (갈수록 쉬워져야하는거 아니냐고~~) GC없이 메모리 릭을 신경써야하는 부분만 봐도 (생각해보면 당연함) 개발자의 부담감이 더 늘어나는듯.</li>\n</ol>\n</li>\n<li><strong>개발자로 긴 커리어를 가지고 싶다면?</strong>\n<ol>\n<li>마지막으로 들었던 성장에 대한 좋은 이야기를 나눠주신 세션이다.</li>\n<li>나이는 정말 중요하지 않다, 생각보다 시간이 정말 많다… 를 강조하셨다.</li>\n<li>제일 기억에 남는 건 롱 텀은 잘할 거라 믿고, 숏 텀은 열심히 살아야한다는 것이다. 롱 텀 기간을 짧게 잡으면 당연히 성과가 날 수 없음에도 발전이 없다고 좌절하게 된다는 것이 공감이 갔다.</li>\n</ol>\n</li>\n</ol>\n<p>개인적으로 들었던 것 중에서는 Vercel 블로그 세션이 제일 좋았다. 제일 나의 다음 액션에 영향을 미칠 것 같은 세션이었기 때문이다. 블로그를 next로 바꾸는 거에 뽐뿌 온 듯.</p>\n<p>다른 세션들도 너무 좋았다. 인프콘은 세션을 무료로 공개하기 때문에 꼭 들어보기를 추천한다.</p>\n<h2 id=\"스탬프-투어\" style=\"position:relative;\"><a href=\"#%EC%8A%A4%ED%83%AC%ED%94%84-%ED%88%AC%EC%96%B4\" aria-label=\"스탬프 투어 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>스탬프 투어</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/633338b6514a4f4bc06acc72cf83412e/e2e58/2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 232.27848101265823%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAuCAYAAAAoaDnGAAAACXBIWXMAAAsTAAALEwEAmpwYAAALJ0lEQVR42kWW2VuTZxrGo7InISsQtpCQkACBbEAIkARkBxERAUEUBFELgqLVutUioqBQrVr3KnrVwUqdsa1Wrahose5aq3PV9pqDTo+mczIH8xfcc3+fzszBc33Jt/ze+1nfV/Lq+T3cvH4JX1/6E86eOoajh8ZwYHQPdn64FZs3bsDuXTuwZVO/aL09KzF/XhVaW5owv6YSPr8feTRHVjZsrhwkGZIhefzDDVz75gLOnz2BU8cOYWxkN/YNDWJoYDuGPvwAh0eHcGD4IxzetxP7RwYwuH0TDuzdid0DW7FncAcX3ixaa3MDEhLiIbl+ZQJ/mTyLY0c+wdbBvVj1/g7Ud21EZXs/Ktr6UNO1HuUtK7Bo5To0d/Wifc0GLF3di46eNehZ24e1vT1Y1dUJq9VMhQSe++wTjJ86hONHD2HP8DC6Vvdg/qJmBCrrYPeVwZJbCoM7ALO/GkZvOeK91Uie2whDoB7GojpYSxtgsKYjKTEeBmMCJAf2DmBkaAdGRvbgo8FdeK93A3YODmF4ZB/6+jegp3ctVq7uRlNLC+oam7CwoREFhYUoLi9HtrcAGW4v45eNZJOBCuMgGdyxGf1ru7F33x6cPH0a+/YfxMFPj2NweBRDI6PYvW8/PtgxxP9jGNo7ht1jB9C7cQt27R1FZ886+Ctq4a9cAEuahQrp8rLWFixrXYKulauwqrsPq3v6sLRzJRY2t6NpaScalnWgbkkHOrrX4b0Nm9HZux6bBnZxkV3Y9OEgtg2NYGXfephSjFSZCElpSTlKi0vh8/lFy/PmwZ6ZCVt6OlJT0xlsC1KSjTAZjTAa9DCnpcJktcKanonUTDvSnW5kutwwmYxISTFA4nTmID3NjswMB82FDJsDFotVNKvZBCdrbNnAGNYcu4AyqnZmpHGRFJjNBloSkpkIwVWTSQ+rhXWYaXPypgVGWpI+hWYSzWhMgTEpCd1HJ7D/139j+Mc/MPziD5Q0LYWJ5WFhmaQQYKYqkwCmu2lpZkhcDjcsZisBZugTk5GYkMwroQlGuHJ92H77Fb54/iuuPv4JJ17/A60jx2FOikeaTfDCRChdtVBtShJsthQB6IQtzYZUq+BKGqVbqTgFJosFqfZMrLt4F0de/xOH77/BgZ//hfr+bUg36+HKcsDlzoTdzjinmt8BLZBkOV1wOhwEpjLoJsTGJSImOhaJpmQYuHpBVT16J+9hw3c/ofPgONyFpaw7J2NthdOZiZwcN9xuB2wZVqSnU6EtPYMuJiEmJg5RUXHQRulEi4qKRVxsAvTsz7q6Wixf0Q1HWhpcJVXICsyFnclxuRyEOQm2i1e32w5JHBXF8kONRgeVOgZKVRTUmhhEcwFtdAzW9/Xjya2HeDr1BKc+OYNcuurITOfHLmTRcnKykJVFL1122B0ZAjCBU0JPWLQIEq4arY5gLRxOJ6Yu38Sdaw9w7eu7eDr9DL3d3chk/eV6PMjOyYYn14McmjfPC5fT9n+gWhNF0Fug4K5CqaGCLPwwdQvXL8/g8oVp/PjoBdat7YHD5YI3Px/FJaXI9/n42wt/YQB5uS5IoqKi6XI81GotoqN1YlJU/C3EUa2JxpaN6/Hzywf45fUTTE58Dn8gIMIKfAHkF/hFE3578/Pgy3dDolar/wfUUmFcfCLVqemyhsWaQjfcWLRwAbo625CdnUsX8wkJiBARmu8nrADZDEFZca4A1EKnYwKo5v21a5gxB6RyBSIJzfPmY2TXAC6cG8fE+OfcAnqQ4/Gy5wPwBQppRSLUx3Hmzvagbl4RJBqNliUTK5o9IwNCTAWF8kgVy8KFmZs38OjWMzymzdyYwfwFC5CTV4C8PCoT3C0qQqCkBC5PHlobq98Co2N0otsymeKt24yjhopLiovw/P4Mvpm4i6mr9wh+gcXNbcjy+NE40I2aVS1UV4riinnIDRRjyeI6AagR1SXpDSzkOP5mUROqZgzjuMi5U5/ilxcv8XLmR1y9+A3KKmq4y+Wj6r02VCxtQdm8Rahc2Iz84mosbqoXyoYQFnC8kBiVWkyOoFqrjWJilDCbTKy9Vejv68OK9g7Mq6mFI8fH8V+Ckup6zK1djLKmdhTULMby5csg0eli2HqJiNPFUpkWQtbfAoUyioZcLqdFIjoqBklJZqRxZjoJ9BRVIFDTiKL6NhQ3diKnugUdHe2sQ34cGxMDHV2NjmJxK1XMuIbwKEQy21XlZczwSRw/eRQVZeWcfanIcHlh9wTgDpTDX9eKoqYuuKua0d7WQiCVKJVKQqhIcDNSAQ1dl0tlyEy3YfrWFCYePsbZZy8wfPEiR1UGNyROF3ceMj2F8FQugr+hE87KJrq8hHWoUkEhV0KpoKtMhIpAQV1EhBQLyitw5dETbLl8A1tu3cXId1MwOFyMK7eHjCxCfXDNrYWnppnABnR2MoYqpUIEqlh7MWw9tZpQgmWRSiSxaw6eHsdJqht69hxV728SQ2IwmmBJ5UbmyCWwBp7qJrgqGrGmuwMSIV4qQhQKFTTqKCZAIZqgODQsAsmclRWLW5BSUcHnrAJ6pGN56fVGWOl6OlVmldQiq7wB44e3CkAtIqlGJpNDGhYGeUQEQoLDkWpJExeJiJAhdNYcSIOC6YXgiQpSviOUVTwbwJLqEGOZVViNC8e2E8hVFQoCI9Xc0Fdj+OMT6GfPJtJdFWdiJJOj5vBVcpwpWD6RtNaWVpw4eQYbtw8j0+5GitUGZ7YXXxzZDIlQXxGhIXBWdODM1G84euUNxq7+HatXdSM8JARqbTxCVk1DXrwR4bMkqCivxINHrzF+/Q2++uF3tK0bQhT3IJvdhcmjH0ASQ2AQXVrSsxunrv0N649/j9Gv3mB0eARBc0LoohbSgh4oUudijkQidsuZO7+j/7OnOHTtN2zbc0LsexsPCl+d3AZJLDOrZDckWL0YPHUTp799hUt/voK8nByEhUYwpnIEERQeHILwsHAkxsXj8InzOH/zrxgZv83x74eacU3j8eT62Y8giWeHKDmqpKHh4kZfVlIGE08MocFhiAiTQh+vRy37N5tHXqFOdez7aLUKuV4ftDF6JjKUFcGeNybi9sQghwPbTi6V88VYqFgqYaFSBl7JTMpgYGl8fu487j58gpu376FtSRuPJ0bI+EwmlUIhk4mZl8siKSIO9yaHIdFz2gg3xC4hUM1sajhxZkuCsKSpBdOPnuHM5DVc+f4xPj5wmHGcLZaOMN6E9hQyLyxu4aHp+y9HCNTp+CBS7JZIDlgBqCUwnEVdwP1jeuYBph+/wtOffkY7z40hwaFcUCPGLZK1KwCF2NoseswIwERhRBEkqBOhwn5CxQJYiKGXG9O6Nb2oqqwWEyQNl4rvCSDBVIxfOO9l2824PzkKSQIrXgAKqwmxlPEjQalwDQkKRarJjIba+Sjl9plL+H89efu+7J3CCPhzMjAzOcayUQoJkBL6f6DwUfCcYOS4snD3zjSevXyJB89foGP5Ct4PeeeN4h1QjuCgEMz1OnD/EoExXEF4EM7YhAWFESi4q8ac2XPQ09WFG/cf4MjEJXx59yE2btvOZM0SYyjMTml4hKg0iItXF2UzKXQ5mqmPIEifngSDLRkylo0Ql7CQMDQtmI9bt69j6sF9fHvnFgL+QoTMCeVzleiNIESw2bOCUFfqxZ0LTIpWJmUnBCEuJR46UywiCJJzERnD4OGJqrzQh2X1HE88fAbNDhZDIpjoLtUJAzloVjAaK3347tweSByJ0Wgu8WBpsQeRhIWGhIovC5mO4HAICpVBYgggKJiesBWl4TJxAikJE0xNYAjj2lo7F9fODOI/UsRScjUNaikAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"스탬프 다모음\"\n        title=\"\"\n        src=\"/static/633338b6514a4f4bc06acc72cf83412e/f058b/2.png\"\n        srcset=\"/static/633338b6514a4f4bc06acc72cf83412e/c26ae/2.png 158w,\n/static/633338b6514a4f4bc06acc72cf83412e/6bdcf/2.png 315w,\n/static/633338b6514a4f4bc06acc72cf83412e/f058b/2.png 630w,\n/static/633338b6514a4f4bc06acc72cf83412e/40601/2.png 945w,\n/static/633338b6514a4f4bc06acc72cf83412e/e2e58/2.png 1069w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>세션 사이사이 남는 시간에는 스탬프 투어를 다녔는데 역시 랜덤 뽑기를 하니까 도파민이 돌고 눈이 번쩍 떠지고 재밌었다.</p>\n<p>기업 부스 스탬프를 위해 데이터독 부스를 들렸는데, 유튜브 데이터독 RUM 웨비나에서 봤던 분이 계셔서 신기했다.</p>\n<p>데이터독 부스에서는 대면으로 데이터독 강의를 들을 수 있었다. 보통 부스들은 구글폼 제출하고 룰렛돌려서 회전율이 빠른데, 데이터독은 짧은 제품 데모를 준비해오셨다. 내용이 유익해서 호감이었다. 티셔츠 질도 좋았다.</p>\n<p>티셔츠를 한가득 받아와서 월화수목금 돌려입고 있다 ㅎㅎ</p>\n<h2 id=\"마치며\" style=\"position:relative;\"><a href=\"#%EB%A7%88%EC%B9%98%EB%A9%B0\" aria-label=\"마치며 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>마치며</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/a7ff50890070855512664bb6735ab982/204b5/3.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 66.45569620253164%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAECAwT/xAAVAQEBAAAAAAAAAAAAAAAAAAADAv/aAAwDAQACEAMQAAABl0hTI4RY/8QAGxABAQACAwEAAAAAAAAAAAAAAgEDEQASITH/2gAIAQEAAQUCx3QmlFlI4fqPjva//8QAFREBAQAAAAAAAAAAAAAAAAAAECH/2gAIAQMBAT8Bh//EABcRAAMBAAAAAAAAAAAAAAAAAAEQEkH/2gAIAQIBAT8BNYv/xAAaEAACAgMAAAAAAAAAAAAAAAAAEQEhEhNR/9oACAEBAAY/Aqi1Y8Ra4kQ+DP/EABkQAQADAQEAAAAAAAAAAAAAAAEAESFBMf/aAAgBAQABPyGqzQermhpy7pjAsfs5MQ9gWWnE1QaE/9oADAMBAAIAAwAAABAM3//EABgRAQEAAwAAAAAAAAAAAAAAAAEAESFR/9oACAEDAQE/EAZuw9v/xAAXEQADAQAAAAAAAAAAAAAAAAAAARFR/9oACAECAQE/EGrBVh//xAAdEAEBAAMAAgMAAAAAAAAAAAABEQAhMWGhQVHR/9oACAEBAAE/EGLZjKaU74mA4VYVBuySZqv1Goo89Zbboz7Hn9wyPRGvfxi7sgDgQ1n/2Q=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"점심 자랑\"\n        title=\"\"\n        src=\"/static/a7ff50890070855512664bb6735ab982/828fb/3.jpg\"\n        srcset=\"/static/a7ff50890070855512664bb6735ab982/ff44c/3.jpg 158w,\n/static/a7ff50890070855512664bb6735ab982/a6688/3.jpg 315w,\n/static/a7ff50890070855512664bb6735ab982/828fb/3.jpg 630w,\n/static/a7ff50890070855512664bb6735ab982/0ede0/3.jpg 945w,\n/static/a7ff50890070855512664bb6735ab982/3ac88/3.jpg 1260w,\n/static/a7ff50890070855512664bb6735ab982/204b5/3.jpg 3870w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/93719/4.jpg\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 75.31645569620254%; position: relative; bottom: 0; left: 0; background-image: url('data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAPABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAwAC/8QAFAEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABXJIFqeY//8QAGhABAAIDAQAAAAAAAAAAAAAAAQASAgMiIf/aAAgBAQABBQLUcj7kS1Uep//EABYRAQEBAAAAAAAAAAAAAAAAAAABIf/aAAgBAwEBPwGtf//EABYRAQEBAAAAAAAAAAAAAAAAAAABIf/aAAgBAgEBPwGMf//EABoQAAEFAQAAAAAAAAAAAAAAAAABAhARMmH/2gAIAQEABj8CKMqM7P8A/8QAGhABAAMBAQEAAAAAAAAAAAAAAQARITFxQf/aAAgBAQABPyEW/wBmFcdiLjeQq/DGtR3IXP/aAAwDAQACAAMAAAAQfx//xAAXEQEBAQEAAAAAAAAAAAAAAAABACFR/9oACAEDAQE/EBknV//EABcRAQEBAQAAAAAAAAAAAAAAAAEAMVH/2gAIAQIBAT8Q2w8X/8QAGxABAAMBAAMAAAAAAAAAAAAAAQARIXExgdH/2gAIAQEAAT8QEtq6dLZQiuCjWoBrA81CMEAJy057jkPSN78lJpvZ/9k='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"돌아가는 길 한가득 짐..\"\n        title=\"\"\n        src=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/828fb/4.jpg\"\n        srcset=\"/static/babe9adb4f7e82cf1e33ddb0043107b3/ff44c/4.jpg 158w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/a6688/4.jpg 315w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/828fb/4.jpg 630w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/0ede0/4.jpg 945w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/3ac88/4.jpg 1260w,\n/static/babe9adb4f7e82cf1e33ddb0043107b3/93719/4.jpg 4000w\"\n        sizes=\"(max-width: 630px) 100vw, 630px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h3 id=\"작년과의-비교\" style=\"position:relative;\"><a href=\"#%EC%9E%91%EB%85%84%EA%B3%BC%EC%9D%98-%EB%B9%84%EA%B5%90\" aria-label=\"작년과의 비교 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>작년과의 비교</h3>\n<p>작년엔 핸즈온 세션이 있었는데 올해엔 핸즈온 대신 ‘프로그램’이란 게 생겨있었다. (일반 세션과의 차이점은 모르겠다. 들었을 땐 차이 없었다.)</p>\n<p>핸즈온이 없어져서 아쉬웠다. 다같이 우당탕탕영차영차하는 맛이 있는데…! 그리고 작년 웹접근성에 대한 핸즈온 세션에서 많은 걸 배워갔던 게 기억에 남기 때문에, 이번엔 핸즈온이 없는 게 좀 아쉬웠다.</p>\n<p>작년엔 20분짜리 세션들이 많아서 인사이트를 얻기엔 너무 짧았었는데, 이번엔 40분 세션이 많아서 좋았다. 40분이 딱 깊게는 못 배우더라도 새로운 것을 얻어가기 적당한 시간인 것 같다.</p>\n<p>작년에 정말 얻어간게 많아서 비교하자면 작년이 더 좋긴 했지만, 올해 인프콘을 통해서도 새로 공부하고 싶은 분야들을 이것저것 찾게 되었으니 만족스러웠다.</p>\n<p>(제발 내년에도 저를 붙여주세요)</p>\n<h3 id=\"느낀-점\" style=\"position:relative;\"><a href=\"#%EB%8A%90%EB%82%80-%EC%A0%90\" aria-label=\"느낀 점 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>느낀 점</h3>\n<p>매일 하는 개발에 번아웃이 오려고 할 때 컨퍼런스에 가면 힘을 얻는 것 같다. 개인적으로는 컨퍼런스들 중에서도 정말 새로운 인사이트를 얻게 해주는 세션들이 많은 인프콘을 제일 좋아한다.</p>\n<p>세션들을 들으면서, 공통적으로 연사님들이 하셨던 이야기는 커뮤니케이션의 중요성이었다. 오래 개발자를 하려면 협업 &#x26; 커뮤니케이션 능력과 내가 아는 것을 설명할 수 있는 능력이 중요한 것 같다.</p>\n<p>그래서 이번 인프콘을 계기로 나의 새로운 다음 액션을 정해보았다.</p>\n<ol>\n<li>내가 안다고 생각하는 것들을 설명할 수 있을 정도로 파보기.</li>\n<li>블로그 넥스트로 바꾸기 (아마도)</li>\n<li>컴퓨터 밑바닥의 비밀 / 멀티 패러다임 프로그래밍 책 읽기</li>\n</ol>\n<p>몇 개나 해낼지는 모르겠지만, 세션에서 들었던 것처럼 롱텀은 잘할 수 있을 거라 믿고 숏텀은 오늘의 일을 해야겠다!</p>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#%EC%9D%B8%ED%94%84%EC%BD%98-2024\">인프콘 2024</a></p>\n</li>\n<li>\n<p><a href=\"#%EB%93%A4%EC%9D%80-%EC%84%B8%EC%85%98%EB%93%A4\">들은 세션들</a></p>\n</li>\n<li>\n<p><a href=\"#%EC%8A%A4%ED%83%AC%ED%94%84-%ED%88%AC%EC%96%B4\">스탬프 투어</a></p>\n</li>\n<li>\n<p><a href=\"#%EB%A7%88%EC%B9%98%EB%A9%B0\">마치며</a></p>\n<ul>\n<li><a href=\"#%EC%9E%91%EB%85%84%EA%B3%BC%EC%9D%98-%EB%B9%84%EA%B5%90\">작년과의 비교</a></li>\n<li><a href=\"#%EB%8A%90%EB%82%80-%EC%A0%90\">느낀 점</a></li>\n</ul>\n</li>\n</ul>","frontmatter":{"title":"2년 연속 다녀온 인프콘 2024 후기","date":"2024.08.10","description":"지난 2일에 다녀온 인프콘 후기","category":"컨퍼런스","tag":["인프콘 2024"]}},"previous":{"fields":{"slug":"/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"},"frontmatter":{"title":"Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)"}},"next":{"fields":{"slug":"/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고"}}},"pageContext":{"id":"45676a44-4845-5ec3-b10c-3623783d35fc","previousPostId":"067b5b7f-8714-53de-9159-4db5fe6ac41b","nextPostId":"bfc419c3-e90e-5638-a161-5d14795d48d2"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
diff --git "a/page-data/\355\232\214\352\263\240/1/page-data.json" "b/page-data/\355\232\214\352\263\240/1/page-data.json"
index d0a0910b..17c9b6ce 100644
--- "a/page-data/\355\232\214\352\263\240/1/page-data.json"
+++ "b/page-data/\355\232\214\352\263\240/1/page-data.json"
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-category-posts-js","path":"/회고/1/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"allCategoriesInfo":{"totalCount":16,"group":[{"fieldValue":"Django","totalCount":1},{"fieldValue":"Next.js","totalCount":1},{"fieldValue":"Project","totalCount":3},{"fieldValue":"React","totalCount":1},{"fieldValue":"기타","totalCount":3},{"fieldValue":"책","totalCount":1},{"fieldValue":"컨퍼런스","totalCount":1},{"fieldValue":"회고","totalCount":5}]},"allTagsInfo":{"totalCount":5,"group":[{"fieldValue":"Flutter","totalCount":1},{"fieldValue":"framer-motion","totalCount":1},{"fieldValue":"project","totalCount":1},{"fieldValue":"스터디","totalCount":1},{"fieldValue":"회고록","totalCount":5}]},"allMarkdownRemark":{"nodes":[{"excerpt":"🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…","fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"date":"2024.10.05","title":"약 반년 간의 플러터 공부 회고","description":"프론트 개발자의 플러터 공부 회고","category":"회고","tag":["회고록","Flutter"],"thumbnail":null}},{"excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","fields":{"slug":"/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"date":"2024.08.17","title":"웹 애니메이션 스터디 결과물 및 회고","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"],"thumbnail":{"childImageSharp":null}}},{"excerpt":"2023년은 프론트 개발자로서 1-…","fields":{"slug":"/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"},"frontmatter":{"date":"2024.01.10","title":"2023년 회고록","description":"2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.","category":"회고","tag":["회고록"],"thumbnail":null}},{"excerpt":"🔍 Unit Project Fest? https://www.unit.center/upf Enhance Teamself, Debut the Product UPF(United Project Festa)는 IT…","fields":{"slug":"/회고/[2022-06-24]UPF_2022SS_회고록/[2022-06-24]UPF_2022SS_회고록/"},"frontmatter":{"date":"2022.06.24","title":"UPF 2022SS 회고록","description":"UPF 2022SS 활동 회고록","category":"회고","tag":["회고록"],"thumbnail":null}},{"excerpt":"✨ Introduction…","fields":{"slug":"/회고/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/"},"frontmatter":{"date":"2022.05.16","title":"[Numble] 모바일용 웹 서비스 만들기 챌린지 회고록","description":"[Numble] 모바일용 웹 서비스 만들기 챌린지 참가 프로젝트 회고록","category":"회고","tag":["회고록","project"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAIAAAAGkY33AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEFElEQVR42u1Va1MaVxg+6XTa6af+mPYXdPK1nYwXBFRAlovgaIxmLGkmmkxiYrRGES8QQMVLgkK8hYtgjQIGdK/YJtpEG42XCLuAKVg1crEHSW0zjemMX/ol7z4z+57nPM/u2Z33PQcwej+jo2gdxfwXAjoioCNpvZ/WkRkG0GqSbiNoJUa3YLQKfy+CKjykItZUXrxj1NVkCLa+5UH61obTaoLWkDRkTwCjxF71+Ec7DZ663kj7fLAVgySgm1FGQ4YnX4RtS3Q7XAKaXsK7CCrRiJqaHXAYWpuX9Z6Qkgi2pGUg/c1aiumcpzPJSdD5A/jSy+Unyxi+qcdCmvSfAvE/9g9ie2+xs38iYnvJN4lkMrm3t7u/s3sQheQeSKZShx+MFLwySKUSifju7m4ikYR8PJEA4TD9/Bm+uvLzy9UnASZIh8NMOBLajtChwNbWaoBeZ7bD27GdSDQWju6EorHXsd/X1p7ZJxzrmxvA4RjNzvnqQkXW5Su8QftDm496RC1OEuiYRTMyePPBwDW7s8fnx/AVmljfxlYi2K+LP1TLwOdneo33wKMpi1x+tuG28M4dWa9Jb7LZxqYdY8P14+ZLY/3fm7sqJoav2kxXXBTuXnzhXng++/QX+YUi8BnoNxmBy21RKL7Vqsu0mvN1daLrN3iaBs7gXaG2vcpqrJ0cbexWVxtaxeZeRXe/srOvxTysr1Qgn3z5hXHIBDwea0X52aYfea3NQp26pFst0TfkjdxXWIYanYPVTuMlx2jThKVx/EHNfcNlk/G23dklKy0En57pNw2AV5sLDkvthO3W5PitkZ5yU7vobj13sK8adalnbE0euwp3a32u7ilnx1BXuVkjHumt7Ggpyc79emr6IQgGlh579LPe7klbw4C6tE8p0jYW1VSx+vQ3rLYhq9X6k/Oe2aQ36G4OaMuHDRcNyuIpe73X3ba18RTM+h6XyiSKi+cry4qRAhafnY0U5HGzvuOw2BJxiVRcIpeXIUKJoIAj4rHFfC7C45SXSIuliMfjBt6ZGXFpfvW1qtqrNTJREVKYj/B5AjaLk5XFL0SERVJeIcLJyS3gcAX5HB4nr4DNKpNJREK+2zUN5ry+c4JvBJI8iYAv5udLBYVysVAItdnncrNZbLYgJ4vNZbEE+VzohOBz2YiAD+fdLhcIhULzpJ8iKQLH8Lk5CAJFYU4SOIqiGIajcxiBExRJkjieBklQlB8yDMMAWOuHpwpoBAlY7KeNtPnU8dH80fx/muOw7j9kjh9Nv7fuE8lUIpX6e/gvWbolYcCJdxNoPHzzemM/tAyT9PAfmuMAsDMzj8x0aeYNR2dUMuy+HrSXJfejR6PkwcFBRnOsB5m2Pt4SYJL66+jb+W0iumCCx1vafBTHmoz+T8AQCusQqXzlAAAAAElFTkSuQmCC"},"images":{"fallback":{"src":"/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png","srcSet":"/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,\n/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,\n/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,\n/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,\n/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,\n/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,\n/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,\n/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,\n/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,\n/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":455}}}}}]}},"pageContext":{"limit":6,"skip":0,"numPages":1,"currentPage":1,"category":"회고","totalCount":5}},"staticQueryHashes":["2785349746","2841359383"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-category-posts-js","path":"/회고/1/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"allCategoriesInfo":{"totalCount":16,"group":[{"fieldValue":"Django","totalCount":1},{"fieldValue":"Next.js","totalCount":1},{"fieldValue":"Project","totalCount":3},{"fieldValue":"React","totalCount":1},{"fieldValue":"기타","totalCount":3},{"fieldValue":"책","totalCount":1},{"fieldValue":"컨퍼런스","totalCount":1},{"fieldValue":"회고","totalCount":5}]},"allTagsInfo":{"totalCount":5,"group":[{"fieldValue":"Flutter","totalCount":1},{"fieldValue":"framer-motion","totalCount":1},{"fieldValue":"project","totalCount":1},{"fieldValue":"스터디","totalCount":1},{"fieldValue":"회고록","totalCount":5}]},"allMarkdownRemark":{"nodes":[{"excerpt":"🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…","fields":{"slug":"/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"},"frontmatter":{"date":"2024.10.05","title":"약 반년 간의 플러터 공부 회고","description":"프론트 개발자의 플러터 공부 회고","category":"회고","tag":["회고록","Flutter"],"thumbnail":null}},{"excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","fields":{"slug":"/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"},"frontmatter":{"date":"2024.08.17","title":"웹 애니메이션 스터디 결과물 및 회고","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"],"thumbnail":{"childImageSharp":null}}},{"excerpt":"2023년은 프론트 개발자로서 1-…","fields":{"slug":"/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"},"frontmatter":{"date":"2024.01.10","title":"2023년 회고록","description":"2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.","category":"회고","tag":["회고록"],"thumbnail":null}},{"excerpt":"🔍 Unit Project Fest? https://www.unit.center/upf Enhance Teamself, Debut the Product UPF(United Project Festa)는 IT…","fields":{"slug":"/회고/[2022-06-24]UPF_2022SS_회고록/[2022-06-24]UPF_2022SS_회고록/"},"frontmatter":{"date":"2022.06.24","title":"UPF 2022SS 회고록","description":"UPF 2022SS 활동 회고록","category":"회고","tag":["회고록"],"thumbnail":null}},{"excerpt":"✨ Introduction…","fields":{"slug":"/회고/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/"},"frontmatter":{"date":"2022.05.16","title":"[Numble] 모바일용 웹 서비스 만들기 챌린지 회고록","description":"[Numble] 모바일용 웹 서비스 만들기 챌린지 참가 프로젝트 회고록","category":"회고","tag":["회고록","project"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAIAAAAGkY33AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEFElEQVR42u1Va1MaVxg+6XTa6af+mPYXdPK1nYwXBFRAlovgaIxmLGkmmkxiYrRGES8QQMVLgkK8hYtgjQIGdK/YJtpEG42XCLuAKVg1crEHSW0zjemMX/ol7z4z+57nPM/u2Z33PQcwej+jo2gdxfwXAjoioCNpvZ/WkRkG0GqSbiNoJUa3YLQKfy+CKjykItZUXrxj1NVkCLa+5UH61obTaoLWkDRkTwCjxF71+Ec7DZ663kj7fLAVgySgm1FGQ4YnX4RtS3Q7XAKaXsK7CCrRiJqaHXAYWpuX9Z6Qkgi2pGUg/c1aiumcpzPJSdD5A/jSy+Unyxi+qcdCmvSfAvE/9g9ie2+xs38iYnvJN4lkMrm3t7u/s3sQheQeSKZShx+MFLwySKUSifju7m4ikYR8PJEA4TD9/Bm+uvLzy9UnASZIh8NMOBLajtChwNbWaoBeZ7bD27GdSDQWju6EorHXsd/X1p7ZJxzrmxvA4RjNzvnqQkXW5Su8QftDm496RC1OEuiYRTMyePPBwDW7s8fnx/AVmljfxlYi2K+LP1TLwOdneo33wKMpi1x+tuG28M4dWa9Jb7LZxqYdY8P14+ZLY/3fm7sqJoav2kxXXBTuXnzhXng++/QX+YUi8BnoNxmBy21RKL7Vqsu0mvN1daLrN3iaBs7gXaG2vcpqrJ0cbexWVxtaxeZeRXe/srOvxTysr1Qgn3z5hXHIBDwea0X52aYfea3NQp26pFst0TfkjdxXWIYanYPVTuMlx2jThKVx/EHNfcNlk/G23dklKy0En57pNw2AV5sLDkvthO3W5PitkZ5yU7vobj13sK8adalnbE0euwp3a32u7ilnx1BXuVkjHumt7Ggpyc79emr6IQgGlh579LPe7klbw4C6tE8p0jYW1VSx+vQ3rLYhq9X6k/Oe2aQ36G4OaMuHDRcNyuIpe73X3ba18RTM+h6XyiSKi+cry4qRAhafnY0U5HGzvuOw2BJxiVRcIpeXIUKJoIAj4rHFfC7C45SXSIuliMfjBt6ZGXFpfvW1qtqrNTJREVKYj/B5AjaLk5XFL0SERVJeIcLJyS3gcAX5HB4nr4DNKpNJREK+2zUN5ry+c4JvBJI8iYAv5udLBYVysVAItdnncrNZbLYgJ4vNZbEE+VzohOBz2YiAD+fdLhcIhULzpJ8iKQLH8Lk5CAJFYU4SOIqiGIajcxiBExRJkjieBklQlB8yDMMAWOuHpwpoBAlY7KeNtPnU8dH80fx/muOw7j9kjh9Nv7fuE8lUIpX6e/gvWbolYcCJdxNoPHzzemM/tAyT9PAfmuMAsDMzj8x0aeYNR2dUMuy+HrSXJfejR6PkwcFBRnOsB5m2Pt4SYJL66+jb+W0iumCCx1vafBTHmoz+T8AQCusQqXzlAAAAAElFTkSuQmCC"},"images":{"fallback":{"src":"/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png","srcSet":"/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,\n/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,\n/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,\n/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w","sizes":"(min-width: 256px) 256px, 100vw"},"sources":[{"srcSet":"/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,\n/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,\n/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,\n/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w","type":"image/avif","sizes":"(min-width: 256px) 256px, 100vw"},{"srcSet":"/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,\n/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,\n/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,\n/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w","type":"image/webp","sizes":"(min-width: 256px) 256px, 100vw"}]},"width":256,"height":455}}}}}]}},"pageContext":{"limit":6,"skip":0,"numPages":1,"currentPage":1,"category":"회고","totalCount":5}},"staticQueryHashes":["2785349746","2841359383"],"slicesMap":{}}
\ No newline at end of file
diff --git "a/page-data/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json" "b/page-data/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json"
similarity index 96%
rename from "page-data/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json"
rename to "page-data/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json"
index b95b7346..89c336e3 100644
--- "a/page-data/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json"
+++ "b/page-data/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/page-data.json"
@@ -1 +1 @@
-{"componentChunkName":"component---src-templates-blog-post-js","path":"/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"eff73f98-4148-5b9d-b64a-1af53b19f591","excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","html":"<h2 id=\"개요\" style=\"position:relative;\"><a href=\"#%EA%B0%9C%EC%9A%94\" aria-label=\"개요 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>개요</h2>\n<p>지난 6월부터 7월까지 두달 간 <strong>잇츠 스터디크루 2기</strong>로 진행된 <strong>‘애니메이션으로 화려한 웹 만들기’</strong> 스터디에 참여했었다.</p>\n<p>평소 <strong>크리에이티브 디벨로퍼</strong> 분야와 <strong>인터랙션 개발</strong>에 관심이 많았지만, 회사에서 직접 구현할 기회는 거의 없었다. 특히 랜딩 페이지나 이벤트 페이지와 같은 경우가 아니면 과도한 애니메이션은 오히려 사용자 경험에 부정적일 수 있다는 점을 최근에 느끼면서 욕심을 덜어내기도 했다.</p>\n<p>인터렉션에 대한 관심은 강의를 틈틈이 듣거나 간단히 실습해보는 정도에 그치고 있었다.</p>\n<p>그러던 중 잇츠 스터디 크루 스터디 목록에서 너무나 하고 싶었던 이 주제가 눈에 띄어 바로 신청했고 다행히 스터디원으로 선정될 수 있었다.</p>\n<p>스터디를 통해 배운 점과 결과물들을 남기고자 한다. 스터디는 초반에는 <strong>2D 애니메이션</strong>을, 후반에는 <strong>3D 애니메이션</strong>을 중심으로 진행되었다.</p>\n<h3 id=\"1주차-framer-motion을-사용한-스크롤-애니메이션\" style=\"position:relative;\"><a href=\"#1%EC%A3%BC%EC%B0%A8-framer-motion%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"1주차 framer motion을 사용한 스크롤 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1주차: framer-motion을 사용한 <strong>스크롤 애니메이션</strong></h3>\n<p>1주차는 디자인 에이전시 사이트의 스크롤 인터랙션을 참고해 framer-motion을 활용하여 **<em>클릭 시 트리거 되는 애니메이션과 스크롤에 따라 트리거되는 애니메이션</em>**을 구현했다.</p>\n<p>이전에 <code class=\"language-text\">interseptor observer</code>와 <code class=\"language-text\">css keyframes</code> 의 조합으로 스크롤 애니메이션을 구현해본 적은 있었지만, <code class=\"language-text\">framer-motion</code>으로 처음 구현해보니 더 간단히 구현할 수 있었다. 또한 스크롤의 진행 정도와 애니메이션 진행정도를 매핑하거나 순차적 애니메이션을 줄 때 <code class=\"language-text\">framer-motion</code>을 사용하면 쉽게 구현할 수 있다는 것을 알게 되었다.</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>기본 트랜지션 작성</strong>\n<ul>\n<li><code class=\"language-text\">motion</code> 엘리먼트를 이용한 간단한 트랜지션 작성 방법을 익혔다.</li>\n</ul>\n</li>\n<li><strong>스크롤 기반 애니메이션</strong>\n<ul>\n<li><code class=\"language-text\">useScroll</code> 훅으로 스크롤 위치를 가져와 애니메이션 트리거로 사용했다.</li>\n<li><code class=\"language-text\">useTransform</code> + <code class=\"language-text\">useScroll</code> 조합으로 특정 스크롤 위치 범위를 특정 범위 값으로 변환해 애니메이션에 활용할 수 있었다.</li>\n</ul>\n</li>\n<li><strong>이벤트 기반 상태 변화</strong>\n<ul>\n<li><code class=\"language-text\">useMotionValueEvent</code>: 스크롤 이벤트와 같이 특정 이벤트 트리거 시 값을 감지하여 상태 변화를 일으키는 방식으로 활용했다.</li>\n</ul>\n</li>\n<li><strong>자식 요소 간의 시간차 애니메이션</strong>\n<ul>\n<li>순차적으로 발동하는 애니메이션 구현 시 <code class=\"language-text\">staggerChildren</code>을 사용하면 쉽게 구현할 수 있었다.</li>\n</ul>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"2주차-framer-motion-라우트-전환-애니메이션\" style=\"position:relative;\"><a href=\"#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"2주차 framer motion 라우트 전환 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2주차: framer-motion <strong>라우트 전환 애니메이션</strong></h3>\n<p>2주차엔 똑같이 framer-motion을 사용하여 여러 레퍼런스들을 참고하여 **<em>라우트 전환 애니메이션</em>**을 구현하였다.</p>\n<p><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif\" alt=\"1.gif\"></p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><code class=\"language-text\">AnimationPresense</code>을 사용해 컴포넌트 언마운트/마운트 시 애니메이션을 제어했다.</li>\n<li><strong>라우트 전환 커튼 애니메이션</strong>\n<ol>\n<li>현재 라우트가 언마운트 될 때와 다음 라우트가 마운트 될 때 각각 애니메이션이 트리거 되도록 설정했다.</li>\n</ol>\n</li>\n<li><strong>Clip-Path 애니메이션</strong>\n<ol>\n<li>독특한 애니메이션을 써보고 싶어서 서치하다가 <code class=\"language-text\">clip-path</code>를 사용한 애니메이션을 보고 라우트 애니메이션에 적용해보았다.</li>\n<li>clip-path generator를 검색하면 원하는 도형의 clip-path 코드를 쉽게 딸 수 있었었다.</li>\n</ol>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"3주차-r3f를-사용한-스크롤-애니메이션\" style=\"position:relative;\"><a href=\"#3%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"3주차 r3f를 사용한 스크롤 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>3주차: R3F를 사용한 스크롤 애니메이션</h3>\n<p>3주차부터는 3D 애니메이션을 다루기 시작했다. 3주차에는 **<em>R3F를 사용해 스크롤 애니메이션</em>**을 구현했다.</p>\n<p>3d를 하면서부터는 에셋이 필요했기 때문에 무료 에셋 사이트들을 찾게 됐는데(나중에 여유가 있다면 모델링까지 직접 만들고 싶다.),\n<a href=\"https://sketchfab.com/\"><strong>sketchfab</strong></a>와 <a href=\"https://poly.pizza/\"><strong>poly.pizza</strong></a>를 알게 되었다.</p>\n<p>스케치팹은 유료가 대부분이지만 필터링 설정으로 무료 에셋을 찾을 수 있다. (몇 없긴 하다..)</p>\n<p>요즘은 유튜브에 인터렉션 관련 영상과 오픈소스가 많아져서 참고할 수 있는 코드가 많아 좋은 것 같다. 유튜브에서 여러 코드를 참고하며 구현했다.</p>\n<p><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif\" alt=\"2.gif\"></p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>마우스 애니메이션</strong>\n<ol>\n<li><code class=\"language-text\">useFrame</code>사용해 매 프레임마다 마우스 포인터 위치를 가져와 오브젝트를 회전시켰다.</li>\n<li>마우스 위치에 따라 카메라 위치를 바꿔서 꿀렁거리는 느낌을 주고 싶었는데, three 라이브러리<code class=\"language-text\">MathUtils.lerp</code> ****함수를 사용했다. 이때 처음 알았는데 선형보간법이 3d에서 자연스러운 움직임을 구현하는데 많이 쓰이는 것 같았다.</li>\n</ol>\n</li>\n<li><strong>텍스트 애니메이션</strong>\n<ol>\n<li><code class=\"language-text\">drei</code>에서 제공해주는 3d 텍스트 컴포넌트를 사용했다.</li>\n<li><code class=\"language-text\">framer-motion-3d</code>를 사용해 <code class=\"language-text\">motion.group</code>으로 텍스트를 감싸고, 스크롤 이벤트를 트리거로 설정해 구현했다.</li>\n</ol>\n</li>\n<li><strong>스크롤 애니메이션</strong>\n<ol>\n<li>스크롤 애니메이션은 gsap의 ScrollTrigger Timeline으로 구현하면 더 쉽겠지만, 패키지를 더 설치하고 싶지 않아서 <code class=\"language-text\">useFrame</code>으로 현재 섹션 번호를 계산해 모델의 위치를 동적으로 변경하는 방식으로 구현했다.</li>\n</ol>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"4주차-r3f를-사용한-키보드-애니메이션\" style=\"position:relative;\"><a href=\"#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"4주차 r3f를 사용한 키보드 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>4주차: R3F를 사용한 키보드 애니메이션</h3>\n<p><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif\" alt=\"3.gif\"></p>\n<p>4주차엔 **<em>키보드 입력과 물리 기반 애니메이션</em>**을 구현했다.</p>\n<p>이때부터 스터디 리더 분이 공유해주신 유데미 R3F 강의를 들었다. 좋은 강의를 공유해주셔서 너무 감사했다. 스터디를 진행하면서 완강했는데 많은 도움이 됐다.</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>키보드 입력 처리</strong>\n<ul>\n<li>R3F의 **<code class=\"language-text\">KeyboardControls</code>*를 사용해 키보드 입력과 오브젝트의 움직임을 매핑했다.</li>\n</ul>\n</li>\n<li><strong>물리 법칙 적용</strong>\n<ul>\n<li><code class=\"language-text\">Physics</code>로 물리 법칙을 적용할 수 있었다. 물리법칙을 구현을 위해 <code class=\"language-text\">@react-three/rapier</code> 를 사용했다.</li>\n<li>나무는 fixed로 바닥에 고정시키고, box는 오브젝트에 의해 충격을 받을 수 있게 했다.</li>\n</ul>\n</li>\n<li>충돌 영역 설정\n<ol>\n<li>이번에는 사용하지 않았지만, <code class=\"language-text\">colliders=\"hull\"</code>라는 충돌 영역을 메쉬 모양에 맞추는 옵션이 있었다. 해당 옵션을 넣고 바퀴 따로 몸체 따로 힘을 다르게 잘 주면 아마 진짜 자전거같은 움직임을 만들 수 있을 것 같다.</li>\n</ol>\n</li>\n<li><strong>이슈:</strong> 자전거가 일정 시간 후 움직이지 않는 이슈가 있었는데 알고보니 RigidBody는 일정 시간이 지나면 잠드는 것(sleep) 같았다. Rigidbody의 canSleep과 applyImpulse의 두번째 인자를 false로 넣어주면 계속 활성상태로 유지할 수가 있어서 해당 방법으로 해결했다.</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"5주차-토스페이스-클론코딩\" style=\"position:relative;\"><a href=\"#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9\" aria-label=\"5주차 토스페이스 클론코딩 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>5주차: 토스페이스 클론코딩</h3>\n<p><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif\" alt=\"4.gif\"></p>\n<p>5주차는 <a href=\"https://velog.io/@blcklamb/%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%A5%BC-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%95%B4%EB%B3%B4%EC%9E%90\">토스페이스 클론 코딩하는 아티클</a>을 클론코딩 해보는 시간을 가졌다. 로 시작되었다 (좋은 아티클 감사합니다)</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ul>\n<li>2d-3d 뷰 전환 기능을 추가 구현했다.\n<ul>\n<li>모델들을 같은 z축에 정렬시키고 카메라의 위치를 마주보게 하면 되지 않을까 싶어서 그렇게 구현했는데, 카메라도 2d 뷰로 전환시킬 방법을 찾아야 할 것 같다. 나중의 과제로 남았다.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h3 id=\"6-7주차-포트폴리오-사이트-만들기\" style=\"position:relative;\"><a href=\"#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0\" aria-label=\"6 7주차 포트폴리오 사이트 만들기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>6, 7주차: 포트폴리오 사이트 만들기</h3>\n<p><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif\" alt=\"5.gif\"></p>\n<p>마지막으로 각자 학습한 애니메이션을 응용하여 프토폴리오 사이트를 만들어보는 과제를 진행했다.</p>\n<p>(내 포트폴리오는 좋은 디자인 아이디어가 떠오르지 않아 미완성 상태로 남았다. 3d도 포기 못했고 좋아하는 네오 브루탈리즘 스타일 2D 디자인도 포기할 수 없었는데 둘을 잘 결합시킨 형태가 떠오르지 않았다 …)</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>마우스 커서 커스터마이징</strong>\n<ol>\n<li>마우스 커서를 숨기고, 마우스 포인터 움직임에 따라 원을 띄워서 구현했다.</li>\n</ol>\n</li>\n<li><strong>clip-path 애니메이션</strong>\n<ol>\n<li>화면 진입 시 2주차 스터디 때 구현했던 clip-path 애니메이션이 트리거되도록 했다.</li>\n</ol>\n</li>\n<li><strong>가로 스크롤 풀 페이지 화면</strong>\n<ol>\n<li>gsap을 사용했다.</li>\n</ol>\n</li>\n<li><strong>3D와 함께 움직이는 2D svg 요소</strong>\n<ol>\n<li><code class=\"language-text\">BBAnchor</code> 컴포넌트로 네오 브루탈리즘에 자주 보이는 도형 svg를 넣어보았다.</li>\n</ol>\n</li>\n<li><strong>이슈:</strong> Next.js의 App Router를 사용할 때 라우트 전환 애니메이션 구현에 문제가 있었다. 관련 <a href=\"https://github.com/vercel/next.js/discussions/42658\">Discussion</a>을 확인했지만 아직 시도해보진 못했다. 추후 과제로 남겨두었다.</li>\n</ol>\n</li>\n</ul>\n<h2 id=\"회고-및-느낀-점\" style=\"position:relative;\"><a href=\"#%ED%9A%8C%EA%B3%A0-%EB%B0%8F-%EB%8A%90%EB%82%80-%EC%A0%90\" aria-label=\"회고 및 느낀 점 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>회고 및 느낀 점</h2>\n<ul>\n<li>\n<p>같은 관심사를 가진 사람들끼리 모여서 서로 레퍼런스와 공부한 내용들을 공유하거나 잘 안되는 건 도우면서 개발하니까 재밌었다.</p>\n</li>\n<li>\n<p>다른 우선순위에 밀려 못하던 일을 단기간에 집중하여 공부할 수 있어서 좋았다. 스터디의 장점을 느낄 수 있었던 스터디였다.</p>\n</li>\n<li>\n<p>크리에이티브 코딩, 인터렉션 개발 분야가 너무 매력적인 분야라고 느껴졌다</p>\n</li>\n<li>\n<p><strong>그 후에 해본 것</strong></p>\n<ul>\n<li><img src=\"/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif\" alt=\"6.gif\"></li>\n</ul>\n</li>\n<li>\n<p>옛날에 재밌게 봤던 라온마라는 드라마에서 인상깊게 봤었던 연출 기법인 ‘버티고’를 구현해보고 싶었다. 카메라를 뒤로 빼면서 줌인을 당겼다.</p>\n</li>\n<li>\n<p><strong>앞으로는?</strong></p>\n<ul>\n<li>만화/영상의 연출 기법에 관심이 있는데 하나하나 웹에 구현해보면 재밌을 것 같다. 시간나면 해보고 싶다.</li>\n</ul>\n</li>\n</ul>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#%EA%B0%9C%EC%9A%94\">개요</a></p>\n<ul>\n<li><a href=\"#1%EC%A3%BC%EC%B0%A8-framer-motion%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">1주차: framer-motion을 사용한 <strong>스크롤 애니메이션</strong></a></li>\n<li><a href=\"#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">2주차: framer-motion <strong>라우트 전환 애니메이션</strong></a></li>\n<li><a href=\"#3%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">3주차: R3F를 사용한 스크롤 애니메이션</a></li>\n<li><a href=\"#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">4주차: R3F를 사용한 키보드 애니메이션</a></li>\n<li><a href=\"#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9\">5주차: 토스페이스 클론코딩</a></li>\n<li><a href=\"#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0\">6, 7주차: 포트폴리오 사이트 만들기</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%ED%9A%8C%EA%B3%A0-%EB%B0%8F-%EB%8A%90%EB%82%80-%EC%A0%90\">회고 및 느낀 점</a></p>\n</li>\n</ul>","frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고","date":"2024.08.17","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"]}},"previous":{"fields":{"slug":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"},"frontmatter":{"title":"2년 연속 다녀온 인프콘 2024 후기"}},"next":{"fields":{"slug":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"},"frontmatter":{"title":"AWS SAA-C03 취득한 후기"}}},"pageContext":{"id":"eff73f98-4148-5b9d-b64a-1af53b19f591","previousPostId":"45676a44-4845-5ec3-b10c-3623783d35fc","nextPostId":"a036c17f-5d46-5b3e-9638-f4e118ff47fa"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
+{"componentChunkName":"component---src-templates-blog-post-js","path":"/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/","result":{"data":{"site":{"siteMetadata":{"title":"Suu.Blog"}},"markdownRemark":{"id":"bfc419c3-e90e-5638-a161-5d14795d48d2","excerpt":"개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…","html":"<h2 id=\"개요\" style=\"position:relative;\"><a href=\"#%EA%B0%9C%EC%9A%94\" aria-label=\"개요 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>개요</h2>\n<p>지난 6월부터 7월까지 두달 간 <strong>잇츠 스터디크루 2기</strong>로 진행된 <strong>‘애니메이션으로 화려한 웹 만들기’</strong> 스터디에 참여했었다.</p>\n<p>평소 <strong>크리에이티브 디벨로퍼</strong> 분야와 <strong>인터랙션 개발</strong>에 관심이 많았지만, 회사에서 직접 구현할 기회는 거의 없었다. 특히 랜딩 페이지나 이벤트 페이지와 같은 경우가 아니면 과도한 애니메이션은 오히려 사용자 경험에 부정적일 수 있다는 점을 최근에 느끼면서 욕심을 덜어내기도 했다.</p>\n<p>인터렉션에 대한 관심은 강의를 틈틈이 듣거나 간단히 실습해보는 정도에 그치고 있었다.</p>\n<p>그러던 중 잇츠 스터디 크루 스터디 목록에서 너무나 하고 싶었던 이 주제가 눈에 띄어 바로 신청했고 다행히 스터디원으로 선정될 수 있었다.</p>\n<p>스터디를 통해 배운 점과 결과물들을 남기고자 한다. 스터디는 초반에는 <strong>2D 애니메이션</strong>을, 후반에는 <strong>3D 애니메이션</strong>을 중심으로 진행되었다.</p>\n<h3 id=\"1주차-framer-motion을-사용한-스크롤-애니메이션\" style=\"position:relative;\"><a href=\"#1%EC%A3%BC%EC%B0%A8-framer-motion%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"1주차 framer motion을 사용한 스크롤 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>1주차: framer-motion을 사용한 <strong>스크롤 애니메이션</strong></h3>\n<p>1주차는 디자인 에이전시 사이트의 스크롤 인터랙션을 참고해 framer-motion을 활용하여 **<em>클릭 시 트리거 되는 애니메이션과 스크롤에 따라 트리거되는 애니메이션</em>**을 구현했다.</p>\n<p>이전에 <code class=\"language-text\">interseptor observer</code>와 <code class=\"language-text\">css keyframes</code> 의 조합으로 스크롤 애니메이션을 구현해본 적은 있었지만, <code class=\"language-text\">framer-motion</code>으로 처음 구현해보니 더 간단히 구현할 수 있었다. 또한 스크롤의 진행 정도와 애니메이션 진행정도를 매핑하거나 순차적 애니메이션을 줄 때 <code class=\"language-text\">framer-motion</code>을 사용하면 쉽게 구현할 수 있다는 것을 알게 되었다.</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>기본 트랜지션 작성</strong>\n<ul>\n<li><code class=\"language-text\">motion</code> 엘리먼트를 이용한 간단한 트랜지션 작성 방법을 익혔다.</li>\n</ul>\n</li>\n<li><strong>스크롤 기반 애니메이션</strong>\n<ul>\n<li><code class=\"language-text\">useScroll</code> 훅으로 스크롤 위치를 가져와 애니메이션 트리거로 사용했다.</li>\n<li><code class=\"language-text\">useTransform</code> + <code class=\"language-text\">useScroll</code> 조합으로 특정 스크롤 위치 범위를 특정 범위 값으로 변환해 애니메이션에 활용할 수 있었다.</li>\n</ul>\n</li>\n<li><strong>이벤트 기반 상태 변화</strong>\n<ul>\n<li><code class=\"language-text\">useMotionValueEvent</code>: 스크롤 이벤트와 같이 특정 이벤트 트리거 시 값을 감지하여 상태 변화를 일으키는 방식으로 활용했다.</li>\n</ul>\n</li>\n<li><strong>자식 요소 간의 시간차 애니메이션</strong>\n<ul>\n<li>순차적으로 발동하는 애니메이션 구현 시 <code class=\"language-text\">staggerChildren</code>을 사용하면 쉽게 구현할 수 있었다.</li>\n</ul>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"2주차-framer-motion-라우트-전환-애니메이션\" style=\"position:relative;\"><a href=\"#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"2주차 framer motion 라우트 전환 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>2주차: framer-motion <strong>라우트 전환 애니메이션</strong></h3>\n<p>2주차엔 똑같이 framer-motion을 사용하여 여러 레퍼런스들을 참고하여 **<em>라우트 전환 애니메이션</em>**을 구현하였다.</p>\n<p><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif\" alt=\"1.gif\"></p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><code class=\"language-text\">AnimationPresense</code>을 사용해 컴포넌트 언마운트/마운트 시 애니메이션을 제어했다.</li>\n<li><strong>라우트 전환 커튼 애니메이션</strong>\n<ol>\n<li>현재 라우트가 언마운트 될 때와 다음 라우트가 마운트 될 때 각각 애니메이션이 트리거 되도록 설정했다.</li>\n</ol>\n</li>\n<li><strong>Clip-Path 애니메이션</strong>\n<ol>\n<li>독특한 애니메이션을 써보고 싶어서 서치하다가 <code class=\"language-text\">clip-path</code>를 사용한 애니메이션을 보고 라우트 애니메이션에 적용해보았다.</li>\n<li>clip-path generator를 검색하면 원하는 도형의 clip-path 코드를 쉽게 딸 수 있었었다.</li>\n</ol>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"3주차-r3f를-사용한-스크롤-애니메이션\" style=\"position:relative;\"><a href=\"#3%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"3주차 r3f를 사용한 스크롤 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>3주차: R3F를 사용한 스크롤 애니메이션</h3>\n<p>3주차부터는 3D 애니메이션을 다루기 시작했다. 3주차에는 **<em>R3F를 사용해 스크롤 애니메이션</em>**을 구현했다.</p>\n<p>3d를 하면서부터는 에셋이 필요했기 때문에 무료 에셋 사이트들을 찾게 됐는데(나중에 여유가 있다면 모델링까지 직접 만들고 싶다.),\n<a href=\"https://sketchfab.com/\"><strong>sketchfab</strong></a>와 <a href=\"https://poly.pizza/\"><strong>poly.pizza</strong></a>를 알게 되었다.</p>\n<p>스케치팹은 유료가 대부분이지만 필터링 설정으로 무료 에셋을 찾을 수 있다. (몇 없긴 하다..)</p>\n<p>요즘은 유튜브에 인터렉션 관련 영상과 오픈소스가 많아져서 참고할 수 있는 코드가 많아 좋은 것 같다. 유튜브에서 여러 코드를 참고하며 구현했다.</p>\n<p><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif\" alt=\"2.gif\"></p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>마우스 애니메이션</strong>\n<ol>\n<li><code class=\"language-text\">useFrame</code>사용해 매 프레임마다 마우스 포인터 위치를 가져와 오브젝트를 회전시켰다.</li>\n<li>마우스 위치에 따라 카메라 위치를 바꿔서 꿀렁거리는 느낌을 주고 싶었는데, three 라이브러리<code class=\"language-text\">MathUtils.lerp</code> ****함수를 사용했다. 이때 처음 알았는데 선형보간법이 3d에서 자연스러운 움직임을 구현하는데 많이 쓰이는 것 같았다.</li>\n</ol>\n</li>\n<li><strong>텍스트 애니메이션</strong>\n<ol>\n<li><code class=\"language-text\">drei</code>에서 제공해주는 3d 텍스트 컴포넌트를 사용했다.</li>\n<li><code class=\"language-text\">framer-motion-3d</code>를 사용해 <code class=\"language-text\">motion.group</code>으로 텍스트를 감싸고, 스크롤 이벤트를 트리거로 설정해 구현했다.</li>\n</ol>\n</li>\n<li><strong>스크롤 애니메이션</strong>\n<ol>\n<li>스크롤 애니메이션은 gsap의 ScrollTrigger Timeline으로 구현하면 더 쉽겠지만, 패키지를 더 설치하고 싶지 않아서 <code class=\"language-text\">useFrame</code>으로 현재 섹션 번호를 계산해 모델의 위치를 동적으로 변경하는 방식으로 구현했다.</li>\n</ol>\n</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"4주차-r3f를-사용한-키보드-애니메이션\" style=\"position:relative;\"><a href=\"#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\" aria-label=\"4주차 r3f를 사용한 키보드 애니메이션 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>4주차: R3F를 사용한 키보드 애니메이션</h3>\n<p><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif\" alt=\"3.gif\"></p>\n<p>4주차엔 **<em>키보드 입력과 물리 기반 애니메이션</em>**을 구현했다.</p>\n<p>이때부터 스터디 리더 분이 공유해주신 유데미 R3F 강의를 들었다. 좋은 강의를 공유해주셔서 너무 감사했다. 스터디를 진행하면서 완강했는데 많은 도움이 됐다.</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>키보드 입력 처리</strong>\n<ul>\n<li>R3F의 **<code class=\"language-text\">KeyboardControls</code>*를 사용해 키보드 입력과 오브젝트의 움직임을 매핑했다.</li>\n</ul>\n</li>\n<li><strong>물리 법칙 적용</strong>\n<ul>\n<li><code class=\"language-text\">Physics</code>로 물리 법칙을 적용할 수 있었다. 물리법칙을 구현을 위해 <code class=\"language-text\">@react-three/rapier</code> 를 사용했다.</li>\n<li>나무는 fixed로 바닥에 고정시키고, box는 오브젝트에 의해 충격을 받을 수 있게 했다.</li>\n</ul>\n</li>\n<li>충돌 영역 설정\n<ol>\n<li>이번에는 사용하지 않았지만, <code class=\"language-text\">colliders=\"hull\"</code>라는 충돌 영역을 메쉬 모양에 맞추는 옵션이 있었다. 해당 옵션을 넣고 바퀴 따로 몸체 따로 힘을 다르게 잘 주면 아마 진짜 자전거같은 움직임을 만들 수 있을 것 같다.</li>\n</ol>\n</li>\n<li><strong>이슈:</strong> 자전거가 일정 시간 후 움직이지 않는 이슈가 있었는데 알고보니 RigidBody는 일정 시간이 지나면 잠드는 것(sleep) 같았다. Rigidbody의 canSleep과 applyImpulse의 두번째 인자를 false로 넣어주면 계속 활성상태로 유지할 수가 있어서 해당 방법으로 해결했다.</li>\n</ol>\n</li>\n</ul>\n<h3 id=\"5주차-토스페이스-클론코딩\" style=\"position:relative;\"><a href=\"#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9\" aria-label=\"5주차 토스페이스 클론코딩 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>5주차: 토스페이스 클론코딩</h3>\n<p><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif\" alt=\"4.gif\"></p>\n<p>5주차는 <a href=\"https://velog.io/@blcklamb/%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%A5%BC-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%95%B4%EB%B3%B4%EC%9E%90\">토스페이스 클론 코딩하는 아티클</a>을 클론코딩 해보는 시간을 가졌다. 로 시작되었다 (좋은 아티클 감사합니다)</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ul>\n<li>2d-3d 뷰 전환 기능을 추가 구현했다.\n<ul>\n<li>모델들을 같은 z축에 정렬시키고 카메라의 위치를 마주보게 하면 되지 않을까 싶어서 그렇게 구현했는데, 카메라도 2d 뷰로 전환시킬 방법을 찾아야 할 것 같다. 나중의 과제로 남았다.</li>\n</ul>\n</li>\n</ul>\n</li>\n</ul>\n<h3 id=\"6-7주차-포트폴리오-사이트-만들기\" style=\"position:relative;\"><a href=\"#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0\" aria-label=\"6 7주차 포트폴리오 사이트 만들기 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>6, 7주차: 포트폴리오 사이트 만들기</h3>\n<p><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif\" alt=\"5.gif\"></p>\n<p>마지막으로 각자 학습한 애니메이션을 응용하여 프토폴리오 사이트를 만들어보는 과제를 진행했다.</p>\n<p>(내 포트폴리오는 좋은 디자인 아이디어가 떠오르지 않아 미완성 상태로 남았다. 3d도 포기 못했고 좋아하는 네오 브루탈리즘 스타일 2D 디자인도 포기할 수 없었는데 둘을 잘 결합시킨 형태가 떠오르지 않았다 …)</p>\n<ul>\n<li><strong>구현 및 학습 내용</strong>\n<ol>\n<li><strong>마우스 커서 커스터마이징</strong>\n<ol>\n<li>마우스 커서를 숨기고, 마우스 포인터 움직임에 따라 원을 띄워서 구현했다.</li>\n</ol>\n</li>\n<li><strong>clip-path 애니메이션</strong>\n<ol>\n<li>화면 진입 시 2주차 스터디 때 구현했던 clip-path 애니메이션이 트리거되도록 했다.</li>\n</ol>\n</li>\n<li><strong>가로 스크롤 풀 페이지 화면</strong>\n<ol>\n<li>gsap을 사용했다.</li>\n</ol>\n</li>\n<li><strong>3D와 함께 움직이는 2D svg 요소</strong>\n<ol>\n<li><code class=\"language-text\">BBAnchor</code> 컴포넌트로 네오 브루탈리즘에 자주 보이는 도형 svg를 넣어보았다.</li>\n</ol>\n</li>\n<li><strong>이슈:</strong> Next.js의 App Router를 사용할 때 라우트 전환 애니메이션 구현에 문제가 있었다. 관련 <a href=\"https://github.com/vercel/next.js/discussions/42658\">Discussion</a>을 확인했지만 아직 시도해보진 못했다. 추후 과제로 남겨두었다.</li>\n</ol>\n</li>\n</ul>\n<h2 id=\"회고-및-느낀-점\" style=\"position:relative;\"><a href=\"#%ED%9A%8C%EA%B3%A0-%EB%B0%8F-%EB%8A%90%EB%82%80-%EC%A0%90\" aria-label=\"회고 및 느낀 점 permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>회고 및 느낀 점</h2>\n<ul>\n<li>\n<p>같은 관심사를 가진 사람들끼리 모여서 서로 레퍼런스와 공부한 내용들을 공유하거나 잘 안되는 건 도우면서 개발하니까 재밌었다.</p>\n</li>\n<li>\n<p>다른 우선순위에 밀려 못하던 일을 단기간에 집중하여 공부할 수 있어서 좋았다. 스터디의 장점을 느낄 수 있었던 스터디였다.</p>\n</li>\n<li>\n<p>크리에이티브 코딩, 인터렉션 개발 분야가 너무 매력적인 분야라고 느껴졌다</p>\n</li>\n<li>\n<p><strong>그 후에 해본 것</strong></p>\n<ul>\n<li><img src=\"/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif\" alt=\"6.gif\"></li>\n</ul>\n</li>\n<li>\n<p>옛날에 재밌게 봤던 라온마라는 드라마에서 인상깊게 봤었던 연출 기법인 ‘버티고’를 구현해보고 싶었다. 카메라를 뒤로 빼면서 줌인을 당겼다.</p>\n</li>\n<li>\n<p><strong>앞으로는?</strong></p>\n<ul>\n<li>만화/영상의 연출 기법에 관심이 있는데 하나하나 웹에 구현해보면 재밌을 것 같다. 시간나면 해보고 싶다.</li>\n</ul>\n</li>\n</ul>","tableOfContents":"<ul>\n<li>\n<p><a href=\"#%EA%B0%9C%EC%9A%94\">개요</a></p>\n<ul>\n<li><a href=\"#1%EC%A3%BC%EC%B0%A8-framer-motion%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">1주차: framer-motion을 사용한 <strong>스크롤 애니메이션</strong></a></li>\n<li><a href=\"#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">2주차: framer-motion <strong>라우트 전환 애니메이션</strong></a></li>\n<li><a href=\"#3%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">3주차: R3F를 사용한 스크롤 애니메이션</a></li>\n<li><a href=\"#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98\">4주차: R3F를 사용한 키보드 애니메이션</a></li>\n<li><a href=\"#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9\">5주차: 토스페이스 클론코딩</a></li>\n<li><a href=\"#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0\">6, 7주차: 포트폴리오 사이트 만들기</a></li>\n</ul>\n</li>\n<li>\n<p><a href=\"#%ED%9A%8C%EA%B3%A0-%EB%B0%8F-%EB%8A%90%EB%82%80-%EC%A0%90\">회고 및 느낀 점</a></p>\n</li>\n</ul>","frontmatter":{"title":"웹 애니메이션 스터디 결과물 및 회고","date":"2024.08.17","description":"약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.","category":"회고","tag":["framer-motion","스터디","회고록"]}},"previous":{"fields":{"slug":"/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"},"frontmatter":{"title":"2년 연속 다녀온 인프콘 2024 후기"}},"next":{"fields":{"slug":"/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"},"frontmatter":{"title":"AWS SAA-C03 취득한 후기"}}},"pageContext":{"id":"bfc419c3-e90e-5638-a161-5d14795d48d2","previousPostId":"45676a44-4845-5ec3-b10c-3623783d35fc","nextPostId":"a036c17f-5d46-5b3e-9638-f4e118ff47fa"}},"staticQueryHashes":["2841359383"],"slicesMap":{}}
\ No newline at end of file
diff --git a/rss.xml b/rss.xml
index 05309970..b923220c 100644
--- a/rss.xml
+++ b/rss.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Gatsby Starter Blog RSS Feed]]></title><description><![CDATA[@suu3의 기술 블로그]]></description><link>https://suu3.github.io/home/1</link><generator>GatsbyJS</generator><lastBuildDate>Sun, 08 Dec 2024 12:34:17 GMT</lastBuildDate><item><title><![CDATA[약 반년 간의 플러터 공부 회고]]></title><description><![CDATA[🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…]]></description><link>https://suu3.github.io/home/1/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/</link><guid isPermaLink="false">https://suu3.github.io/home/1/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/</guid><pubDate>Sat, 05 Oct 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2 id=&quot;시작-동기&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#%EC%8B%9C%EC%9E%91-%EB%8F%99%EA%B8%B0&quot; aria-label=&quot;시작 동기 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;🔸 시작 동기&lt;/h2&gt;
+<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Gatsby Starter Blog RSS Feed]]></title><description><![CDATA[@suu3의 기술 블로그]]></description><link>https://suu3.github.io/home/1</link><generator>GatsbyJS</generator><lastBuildDate>Sun, 08 Dec 2024 12:39:10 GMT</lastBuildDate><item><title><![CDATA[약 반년 간의 플러터 공부 회고]]></title><description><![CDATA[🔸 시작 동기 플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다. 첫째, 스터디를 통해 주…]]></description><link>https://suu3.github.io/home/1/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/</link><guid isPermaLink="false">https://suu3.github.io/home/1/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/</guid><pubDate>Sat, 05 Oct 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2 id=&quot;시작-동기&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#%EC%8B%9C%EC%9E%91-%EB%8F%99%EA%B8%B0&quot; aria-label=&quot;시작 동기 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;🔸 시작 동기&lt;/h2&gt;
 &lt;p&gt;플러터를 시작한 건 5월이었다. 평소 최소 스터디 하나는 유지하는데, 마침 하나가 끝나고 새로 참여할 스터디를 찾던 중 플러터 스터디가 눈에 띄었다. 시작하게 된 이유는 크게 세 가지였다.&lt;/p&gt;
 &lt;p&gt;첫째, 스터디를 통해 주 1회 학습 리듬을 유지하고 싶었다. 둘째, 앱 개발자와 이야기하다 보면 같은 개발얘기여도 다른 이야기를 하는 듯한 차이가 느껴졌는데 왜 그런 차이가 생기는지 궁금했고 이해하고 싶었다.&lt;/p&gt;
 &lt;p&gt;마지막으로, 올해 초에 정했던 2024년의 목표 중 하나가 안 해본 개발 도전 해보기였기 때문에 앱 개발을 해고 싶었다. 그 중에서도 크로스플랫폼 도구를 다뤄보고 싶었고, RN은 예전에 경험해봤을 때 리액트와 거의 비슷했기 때문에 안해본 언어(Dart)를 사용하는 플러터에 도전했다.&lt;/p&gt;
@@ -316,7 +316,7 @@
 &lt;li&gt;AWS 서비스를 전체적으로 훑을 수 있어서 좋았다. 시험 준비하기 전인 반년 전에 fargate, macie, aurora, global accelerator 들었으면 이것뭐에요 했을 것 같다..&lt;/li&gt;
 &lt;li&gt;준비하는 중간에 AWS Summit 컨퍼런스 갔었는데, 그때 이거 공부로 좀 알아들었다. 공부 안으면 별로 못 알아 듣고 벌벌 떨었을 듯.&lt;/li&gt;
 &lt;li&gt;묵힌과제 하나 끝낸 기분이라 기분이 좋다. 따길 잘한 듯!&lt;/li&gt;
-&lt;/ul&gt;</content:encoded></item><item><title><![CDATA[웹 애니메이션 스터디 결과물 및 회고]]></title><description><![CDATA[개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…]]></description><link>https://suu3.github.io/home/1/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/</link><guid isPermaLink="false">https://suu3.github.io/home/1/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/</guid><pubDate>Sat, 17 Aug 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2 id=&quot;개요&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#%EA%B0%9C%EC%9A%94&quot; aria-label=&quot;개요 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;개요&lt;/h2&gt;
+&lt;/ul&gt;</content:encoded></item><item><title><![CDATA[웹 애니메이션 스터디 결과물 및 회고]]></title><description><![CDATA[개요 지난 6월부터 7월까지 두달 간 잇츠 스터디크루…]]></description><link>https://suu3.github.io/home/1/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/</link><guid isPermaLink="false">https://suu3.github.io/home/1/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/</guid><pubDate>Sat, 17 Aug 2024 00:00:00 GMT</pubDate><content:encoded>&lt;h2 id=&quot;개요&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#%EA%B0%9C%EC%9A%94&quot; aria-label=&quot;개요 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;개요&lt;/h2&gt;
 &lt;p&gt;지난 6월부터 7월까지 두달 간 &lt;strong&gt;잇츠 스터디크루 2기&lt;/strong&gt;로 진행된 &lt;strong&gt;‘애니메이션으로 화려한 웹 만들기’&lt;/strong&gt; 스터디에 참여했었다.&lt;/p&gt;
 &lt;p&gt;평소 &lt;strong&gt;크리에이티브 디벨로퍼&lt;/strong&gt; 분야와 &lt;strong&gt;인터랙션 개발&lt;/strong&gt;에 관심이 많았지만, 회사에서 직접 구현할 기회는 거의 없었다. 특히 랜딩 페이지나 이벤트 페이지와 같은 경우가 아니면 과도한 애니메이션은 오히려 사용자 경험에 부정적일 수 있다는 점을 최근에 느끼면서 욕심을 덜어내기도 했다.&lt;/p&gt;
 &lt;p&gt;인터렉션에 대한 관심은 강의를 틈틈이 듣거나 간단히 실습해보는 정도에 그치고 있었다.&lt;/p&gt;
@@ -354,7 +354,7 @@
 &lt;/ul&gt;
 &lt;h3 id=&quot;2주차-framer-motion-라우트-전환-애니메이션&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98&quot; aria-label=&quot;2주차 framer motion 라우트 전환 애니메이션 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;2주차: framer-motion &lt;strong&gt;라우트 전환 애니메이션&lt;/strong&gt;&lt;/h3&gt;
 &lt;p&gt;2주차엔 똑같이 framer-motion을 사용하여 여러 레퍼런스들을 참고하여 **&lt;em&gt;라우트 전환 애니메이션&lt;/em&gt;**을 구현하였다.&lt;/p&gt;
-&lt;p&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif&quot; alt=&quot;1.gif&quot;&gt;&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif&quot; alt=&quot;1.gif&quot;&gt;&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;strong&gt;구현 및 학습 내용&lt;/strong&gt;
 &lt;ol&gt;
@@ -379,7 +379,7 @@
 &lt;a href=&quot;https://sketchfab.com/&quot;&gt;&lt;strong&gt;sketchfab&lt;/strong&gt;&lt;/a&gt;와 &lt;a href=&quot;https://poly.pizza/&quot;&gt;&lt;strong&gt;poly.pizza&lt;/strong&gt;&lt;/a&gt;를 알게 되었다.&lt;/p&gt;
 &lt;p&gt;스케치팹은 유료가 대부분이지만 필터링 설정으로 무료 에셋을 찾을 수 있다. (몇 없긴 하다..)&lt;/p&gt;
 &lt;p&gt;요즘은 유튜브에 인터렉션 관련 영상과 오픈소스가 많아져서 참고할 수 있는 코드가 많아 좋은 것 같다. 유튜브에서 여러 코드를 참고하며 구현했다.&lt;/p&gt;
-&lt;p&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif&quot; alt=&quot;2.gif&quot;&gt;&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif&quot; alt=&quot;2.gif&quot;&gt;&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;strong&gt;구현 및 학습 내용&lt;/strong&gt;
 &lt;ol&gt;
@@ -404,7 +404,7 @@
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;h3 id=&quot;4주차-r3f를-사용한-키보드-애니메이션&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98&quot; aria-label=&quot;4주차 r3f를 사용한 키보드 애니메이션 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;4주차: R3F를 사용한 키보드 애니메이션&lt;/h3&gt;
-&lt;p&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif&quot; alt=&quot;3.gif&quot;&gt;&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif&quot; alt=&quot;3.gif&quot;&gt;&lt;/p&gt;
 &lt;p&gt;4주차엔 **&lt;em&gt;키보드 입력과 물리 기반 애니메이션&lt;/em&gt;**을 구현했다.&lt;/p&gt;
 &lt;p&gt;이때부터 스터디 리더 분이 공유해주신 유데미 R3F 강의를 들었다. 좋은 강의를 공유해주셔서 너무 감사했다. 스터디를 진행하면서 완강했는데 많은 도움이 됐다.&lt;/p&gt;
 &lt;ul&gt;
@@ -431,7 +431,7 @@
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;h3 id=&quot;5주차-토스페이스-클론코딩&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9&quot; aria-label=&quot;5주차 토스페이스 클론코딩 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;5주차: 토스페이스 클론코딩&lt;/h3&gt;
-&lt;p&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif&quot; alt=&quot;4.gif&quot;&gt;&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif&quot; alt=&quot;4.gif&quot;&gt;&lt;/p&gt;
 &lt;p&gt;5주차는 &lt;a href=&quot;https://velog.io/@blcklamb/%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%A5%BC-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%95%B4%EB%B3%B4%EC%9E%90&quot;&gt;토스페이스 클론 코딩하는 아티클&lt;/a&gt;을 클론코딩 해보는 시간을 가졌다. 로 시작되었다 (좋은 아티클 감사합니다)&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;strong&gt;구현 및 학습 내용&lt;/strong&gt;
@@ -445,7 +445,7 @@
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;h3 id=&quot;6-7주차-포트폴리오-사이트-만들기&quot; style=&quot;position:relative;&quot;&gt;&lt;a href=&quot;#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0&quot; aria-label=&quot;6 7주차 포트폴리오 사이트 만들기 permalink&quot; class=&quot;anchor before&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; focusable=&quot;false&quot; height=&quot;16&quot; version=&quot;1.1&quot; viewBox=&quot;0 0 16 16&quot; width=&quot;16&quot;&gt;&lt;path fill-rule=&quot;evenodd&quot; d=&quot;M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/a&gt;6, 7주차: 포트폴리오 사이트 만들기&lt;/h3&gt;
-&lt;p&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif&quot; alt=&quot;5.gif&quot;&gt;&lt;/p&gt;
+&lt;p&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif&quot; alt=&quot;5.gif&quot;&gt;&lt;/p&gt;
 &lt;p&gt;마지막으로 각자 학습한 애니메이션을 응용하여 프토폴리오 사이트를 만들어보는 과제를 진행했다.&lt;/p&gt;
 &lt;p&gt;(내 포트폴리오는 좋은 디자인 아이디어가 떠오르지 않아 미완성 상태로 남았다. 3d도 포기 못했고 좋아하는 네오 브루탈리즘 스타일 2D 디자인도 포기할 수 없었는데 둘을 잘 결합시킨 형태가 떠오르지 않았다 …)&lt;/p&gt;
 &lt;ul&gt;
@@ -489,7 +489,7 @@
 &lt;li&gt;
 &lt;p&gt;&lt;strong&gt;그 후에 해본 것&lt;/strong&gt;&lt;/p&gt;
 &lt;ul&gt;
-&lt;li&gt;&lt;img src=&quot;/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif&quot; alt=&quot;6.gif&quot;&gt;&lt;/li&gt;
+&lt;li&gt;&lt;img src=&quot;/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif&quot; alt=&quot;6.gif&quot;&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/li&gt;
 &lt;li&gt;
diff --git "a/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/index.html" "b/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/index.html"
index 26e98079..a0d73b6c 100644
--- "a/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/index.html"	
+++ "b/\352\270\260\355\203\200/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/[2024-08-18] AWS SAA-C03 \354\267\250\353\223\235\355\225\234 \355\233\204\352\270\260/index.html"	
@@ -227,7 +227,7 @@ <h3 id="도움이-되었는가" style="position:relative;"><a href="#%EB%8F%84%E
 <li>AWS 서비스를 전체적으로 훑을 수 있어서 좋았다. 시험 준비하기 전인 반년 전에 fargate, macie, aurora, global accelerator 들었으면 이것뭐에요 했을 것 같다..</li>
 <li>준비하는 중간에 AWS Summit 컨퍼런스 갔었는데, 그때 이거 공부로 좀 알아들었다. 공부 안으면 별로 못 알아 듣고 벌벌 떨었을 듯.</li>
 <li>묵힌과제 하나 끝낸 기분이라 기분이 좋다. 따길 잘한 듯!</li>
-</ul></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><span>이전 글</span><p>웹 애니메이션 스터디 결과물 및 회고</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><span>다음 글</span><p>약 반년 간의 플러터 공부 회고</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
+</ul></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><span>이전 글</span><p>웹 애니메이션 스터디 결과물 및 회고</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><span>다음 글</span><p>약 반년 간의 플러터 공부 회고</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
           <script
             id="gatsby-chunk-mapping"
           >
diff --git "a/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/index.html" "b/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/index.html"
index 1b06f13f..d5994ad6 100644
--- "a/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/index.html"
+++ "b/\354\273\250\355\215\274\353\237\260\354\212\244/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/[2024-08-10]2\353\205\204_\354\227\260\354\206\215_\353\213\244\353\205\200\354\230\250_\354\235\270\355\224\204\354\275\230_2024_\355\233\204\352\270\260/index.html"
@@ -280,7 +280,7 @@ <h3 id="느낀-점" style="position:relative;"><a href="#%EB%8A%90%EB%82%80-%EC%
 <li>블로그 넥스트로 바꾸기 (아마도)</li>
 <li>컴퓨터 밑바닥의 비밀 / 멀티 패러다임 프로그래밍 책 읽기</li>
 </ol>
-<p>몇 개나 해낼지는 모르겠지만, 세션에서 들었던 것처럼 롱텀은 잘할 수 있을 거라 믿고 숏텀은 오늘의 일을 해야겠다!</p></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"><span>이전 글</span><p>Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><span>다음 글</span><p>웹 애니메이션 스터디 결과물 및 회고</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
+<p>몇 개나 해낼지는 모르겠지만, 세션에서 들었던 것처럼 롱텀은 잘할 수 있을 거라 믿고 숏텀은 오늘의 일을 해야겠다!</p></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/Next.js/[24-01-28]Next.js_프로젝트에서_서버사이드_처리하기/"><span>이전 글</span><p>Next.js 프로젝트에서 서버사이드 처리하기 (리디렉션, 데이터 프리페칭)</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><span>다음 글</span><p>웹 애니메이션 스터디 결과물 및 회고</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
           <script
             id="gatsby-chunk-mapping"
           >
diff --git "a/\355\232\214\352\263\240/1/index.html" "b/\355\232\214\352\263\240/1/index.html"
index 6da622b8..cf724e24 100644
--- "a/\355\232\214\352\263\240/1/index.html"
+++ "b/\355\232\214\352\263\240/1/index.html"
@@ -54,7 +54,7 @@
                 google_ad_client: "ca-pub-3886701004172830",
                 enable_page_level_ads: true
               });
-          </script><title data-gatsby-head="true">All posts | Suu.Blog</title></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZHNKFDT" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><nav class="navigation-module--wrapper--a18e8"><ul class="navigation-module--inner--2f3f2"><li><a href="/home/1/"><div data-gatsby-image-wrapper="" style="width:35px;height:35px" class="gatsby-image-wrapper navigation-module--logo--50c65"><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADx0lEQVR42o2U+09TZxjH/U/2B+znJftt2f2XJYvTZEGXmemIrBalQFsgpBvBUS6lFMrtQAFhMAdULhsVsICFINimUm7CGMa4C5XWcStQoLT97D0Hx9Qh+iZvzptzTj7v83y/z/OciNfoOG7HJB3UZbBmScZTmMZ0kYa4Tce6KYmQWQU2PXHpv/9PHAurOYAFi1Xcbq5lNwbzM9M4M77C57Bzp62RgDlZgcZeD6iHag1jFVcJbO0SjMP09BSdN+zI669AkClTugDqiL4OMF6bQcR6GV9XM0s7Ue4ubxBaW+FhcBXv6i4PHyyyYLykZBGVXgE8SDeTbYsKZ00JURHRfjSmRPb39g5/hqOM/Whju1QtIsx4tYbU6olWahgpy2E5+IRgIADxODvhsAKd8LiZyU2E+kzFuGOBB9HpWSxQMz83pwAmJycPn2EBDa6s4TNniIu1h4a8FBhVItTiNqawsh5SQH6/H4/Ho5yj+xGEP4w3VbBrkUsn82hg7ClsXzpI2W9SM+u+q0ACgWV+W5jn37UZESZVfQ+VKcI8/UsiFB/kVONi05TNZnkatqwERsZvsr62QSQCu+E4G5vb9LXb+KNAdbSGsacmhCpSGc1Vc78oBXfWlzhOfUzvxXforX0X47dJdLRqGR3UM9Sjotr4AVPGC0olRCXtUUAtzpxkpOafaGpuodpqpSHHwA/Jl2g8fwbrZ+/TlPQ2rqz38H3zEb1XEvkl6xw0ZAqJ/geUOyKVnjwdjlsDDPT3cbO/ny7nII6BAezdP9PWcp16cznOL86wff4U/tSvuZMnukRKE6AXNIzJ2kkaurJFWj0O+m85kYqu8smbb5Cm1eMaGqKvr5cucZHq89N0fvgWYW0iQ4YrhCtSFLkOgXLLyL3oM6VRWmzihujTAQHo7e4g8+ynWCwWXC4Xba2ttIs9f3+Oa2YNs4knGc/RslX+AlAWdas4iRbxs+fB71SWldLY2Ijdbqeu+To1tjrl3N7ezsiwSymZprpCGs6dZNQgJk1N+vOFTX0WfmMiw4POgz4NBpi456WqWqKoy8ny1g7dnR3YBLgwP19EP4gh4TTqhLPctuYq2see1VBxWEpn0qzHOzrMkhhJT1ZWqLSWMfzosXJJZG8Pr9fL7PyvBFdXuWbvxvvIz0R1nihsjeLB84UtvxBuLRUksVCiZbEkndnvLuB2dBLai7AvoOuhTebueRizGBgr0jFZbmC97LIyaY7sZaV0RPry9JW7Re6Ax8VqvGIAuEuzmTGlspR/UblY1i1eJVKVx9YzNSgD/wHkNdJctueBeQAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" data-src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></picture><noscript><picture><source type="image/avif" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></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="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">S</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">.</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">B</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">l</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">o</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">g</div></div></div></a></li><li><div class="theme-btn-module--wrapper--ca215" style="background-color:#ffffff;color:var(--color-bg-surface)"><div class="theme-btn-module--inner--2895e" style="background-color:#d9d9d9"><button class="theme-btn-module--btn--fcce8" tabindex="0" style="background-color:#ff740f;color:var(--color-bg-surface);transform:none"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_125_122" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00066 0C9.2768 0 9.50066 0.223858 9.50066 0.5V2.20054C9.50066 2.47668 9.2768 2.70054 9.00066 2.70054C8.72452 2.70054 8.50066 2.47668 8.50066 2.20054V0.5C8.50066 0.223858 8.72452 0 9.00066 0ZM9.00066 15.3003C9.2768 15.3003 9.50066 15.5241 9.50066 15.8003V17.5008C9.50066 17.777 9.2768 18.0008 9.00066 18.0008C8.72452 18.0008 8.50066 17.777 8.50066 17.5008V15.8003C8.50066 15.5241 8.72452 15.3003 9.00066 15.3003ZM17.5008 9.50015C17.777 9.50015 18.0008 9.27629 18.0008 9.00015C18.0008 8.72401 17.777 8.50015 17.5008 8.50015H15.8003C15.5241 8.50015 15.3003 8.72401 15.3003 9.00015C15.3003 9.27629 15.5241 9.50015 15.8003 9.50015H17.5008ZM2.70054 9.00015C2.70054 9.27629 2.47668 9.50015 2.20054 9.50015H0.5C0.223858 9.50015 0 9.27629 0 9.00015C0 8.72401 0.223858 8.50015 0.5 8.50015H2.20054C2.47668 8.50015 2.70054 8.72401 2.70054 9.00015ZM15.6563 3.28095C15.8515 3.08569 15.8515 2.76911 15.6563 2.57385C15.461 2.37858 15.1444 2.37858 14.9492 2.57385L13.7467 3.77631C13.5514 3.97157 13.5514 4.28815 13.7467 4.48342C13.942 4.67868 14.2586 4.67868 14.4538 4.48342L15.6563 3.28095ZM4.14663 12.7917C4.34189 12.987 4.34189 13.3036 4.14663 13.4988L2.94416 14.7013C2.7489 14.8965 2.43232 14.8965 2.23706 14.7013C2.04179 14.506 2.04179 14.1894 2.23706 13.9942L3.43952 12.7917C3.63478 12.5965 3.95136 12.5965 4.14663 12.7917ZM14.9492 15.0014C15.1444 15.1967 15.461 15.1967 15.6563 15.0014C15.8515 14.8062 15.8515 14.4896 15.6563 14.2943L14.4538 13.0919C14.2586 12.8966 13.942 12.8966 13.7467 13.0919C13.5514 13.2871 13.5514 13.6037 13.7467 13.799L14.9492 15.0014ZM4.14663 4.78358C3.95136 4.97884 3.63478 4.97884 3.43952 4.78358L2.23706 3.58111C2.04179 3.38585 2.04179 3.06927 2.23706 2.87401C2.43232 2.67874 2.7489 2.67874 2.94416 2.87401L4.14663 4.07647C4.34189 4.27173 4.34189 4.58831 4.14663 4.78358ZM9.00066 14.1002C11.8174 14.1002 14.1007 11.8169 14.1007 9.00015C14.1007 6.18345 11.8174 3.90006 9.00066 3.90006C6.18396 3.90006 3.90057 6.18345 3.90057 9.00015C3.90057 11.8169 6.18396 14.1002 9.00066 14.1002Z"></path></mask><path d="M15.6563 2.57385L16.3634 1.86674L16.3634 1.86674L15.6563 2.57385ZM15.6563 3.28095L16.3634 3.98806L15.6563 3.28095ZM14.9492 2.57385L14.2421 1.86674L14.2421 1.86674L14.9492 2.57385ZM13.7467 3.77631L13.0396 3.0692L13.0396 3.0692L13.7467 3.77631ZM13.7467 4.48342L13.0396 5.19052L13.0396 5.19052L13.7467 4.48342ZM14.4538 4.48342L13.7467 3.77631L14.4538 4.48342ZM4.14663 13.4988L4.85373 14.2059L4.85373 14.2059L4.14663 13.4988ZM4.14663 12.7917L4.85373 12.0846L4.85373 12.0846L4.14663 12.7917ZM2.94416 14.7013L3.65127 15.4084L3.65127 15.4084L2.94416 14.7013ZM2.23706 13.9942L2.94416 14.7013L2.94416 14.7013L2.23706 13.9942ZM3.43952 12.7917L2.73241 12.0846L3.43952 12.7917ZM15.6563 15.0014L16.3634 15.7086L16.3634 15.7086L15.6563 15.0014ZM14.9492 15.0014L14.2421 15.7086L14.2421 15.7086L14.9492 15.0014ZM15.6563 14.2943L16.3634 13.5872L16.3634 13.5872L15.6563 14.2943ZM14.4538 13.0919L13.7467 13.799L13.7467 13.799L14.4538 13.0919ZM13.7467 13.0919L14.4538 13.799L14.4538 13.799L13.7467 13.0919ZM13.7467 13.799L14.4538 13.0919L13.7467 13.799ZM3.43952 4.78358L4.14663 4.07647L4.14663 4.07647L3.43952 4.78358ZM4.14663 4.78358L3.43952 4.07647L3.43952 4.07647L4.14663 4.78358ZM2.23706 2.87401L2.94416 3.58111L2.94416 3.58111L2.23706 2.87401ZM2.94416 2.87401L3.65127 2.1669L2.94416 2.87401ZM4.14663 4.07647L3.43952 4.78358L3.43952 4.78358L4.14663 4.07647ZM10.5007 0.5C10.5007 -0.328427 9.82909 -1 9.00066 -1V1C8.72452 1 8.50066 0.776143 8.50066 0.5H10.5007ZM10.5007 2.20054V0.5H8.50066V2.20054H10.5007ZM9.00066 3.70054C9.82909 3.70054 10.5007 3.02897 10.5007 2.20054H8.50066C8.50066 1.9244 8.72452 1.70054 9.00066 1.70054V3.70054ZM7.50066 2.20054C7.50066 3.02897 8.17223 3.70054 9.00066 3.70054V1.70054C9.2768 1.70054 9.50066 1.9244 9.50066 2.20054H7.50066ZM7.50066 0.5V2.20054H9.50066V0.5H7.50066ZM9.00066 -1C8.17223 -1 7.50066 -0.328427 7.50066 0.5H9.50066C9.50066 0.776143 9.2768 1 9.00066 1V-1ZM10.5007 15.8003C10.5007 14.9718 9.82909 14.3003 9.00066 14.3003V16.3003C8.72452 16.3003 8.50066 16.0764 8.50066 15.8003H10.5007ZM10.5007 17.5008V15.8003H8.50066V17.5008H10.5007ZM9.00066 19.0008C9.82909 19.0008 10.5007 18.3292 10.5007 17.5008H8.50066C8.50066 17.2247 8.72452 17.0008 9.00066 17.0008V19.0008ZM7.50066 17.5008C7.50066 18.3292 8.17223 19.0008 9.00066 19.0008V17.0008C9.2768 17.0008 9.50066 17.2247 9.50066 17.5008H7.50066ZM7.50066 15.8003V17.5008H9.50066V15.8003H7.50066ZM9.00066 14.3003C8.17223 14.3003 7.50066 14.9718 7.50066 15.8003H9.50066C9.50066 16.0764 9.2768 16.3003 9.00066 16.3003V14.3003ZM17.0008 9.00015C17.0008 8.72401 17.2247 8.50015 17.5008 8.50015V10.5001C18.3292 10.5001 19.0008 9.82858 19.0008 9.00015H17.0008ZM17.5008 9.50015C17.2247 9.50015 17.0008 9.27629 17.0008 9.00015H19.0008C19.0008 8.17172 18.3292 7.50015 17.5008 7.50015V9.50015ZM15.8003 9.50015H17.5008V7.50015H15.8003V9.50015ZM16.3003 9.00015C16.3003 9.27629 16.0764 9.50015 15.8003 9.50015V7.50015C14.9718 7.50015 14.3003 8.17172 14.3003 9.00015H16.3003ZM15.8003 8.50015C16.0764 8.50015 16.3003 8.72401 16.3003 9.00015H14.3003C14.3003 9.82858 14.9718 10.5001 15.8003 10.5001V8.50015ZM17.5008 8.50015H15.8003V10.5001H17.5008V8.50015ZM2.20054 10.5001C3.02897 10.5001 3.70054 9.82858 3.70054 9.00015H1.70054C1.70054 8.72401 1.9244 8.50015 2.20054 8.50015V10.5001ZM0.5 10.5001H2.20054V8.50015H0.5V10.5001ZM-1 9.00015C-1 9.82858 -0.328428 10.5001 0.5 10.5001V8.50015C0.776143 8.50015 1 8.72401 1 9.00015H-1ZM0.5 7.50015C-0.328428 7.50015 -1 8.17172 -1 9.00015H1C1 9.27629 0.776143 9.50015 0.5 9.50015V7.50015ZM2.20054 7.50015H0.5V9.50015H2.20054V7.50015ZM3.70054 9.00015C3.70054 8.17172 3.02897 7.50015 2.20054 7.50015V9.50015C1.9244 9.50015 1.70054 9.27629 1.70054 9.00015H3.70054ZM14.9492 3.28095C14.7539 3.08569 14.7539 2.76911 14.9492 2.57384L16.3634 3.98806C16.9492 3.40227 16.9492 2.45252 16.3634 1.86674L14.9492 3.28095ZM15.6563 3.28095C15.461 3.47621 15.1444 3.47621 14.9492 3.28095L16.3634 1.86674C15.7776 1.28095 14.8279 1.28095 14.2421 1.86674L15.6563 3.28095ZM14.4538 4.48342L15.6563 3.28095L14.2421 1.86674L13.0396 3.0692L14.4538 4.48342ZM14.4538 3.77631C14.6491 3.97157 14.6491 4.28815 14.4538 4.48342L13.0396 3.0692C12.4538 3.65499 12.4538 4.60474 13.0396 5.19052L14.4538 3.77631ZM13.7467 3.77631C13.942 3.58105 14.2586 3.58105 14.4538 3.77631L13.0396 5.19052C13.6254 5.77631 14.5751 5.77631 15.1609 5.19052L13.7467 3.77631ZM14.9492 2.57384L13.7467 3.77631L15.1609 5.19052L16.3634 3.98806L14.9492 2.57384ZM4.85373 14.2059C5.43952 13.6201 5.43952 12.6704 4.85373 12.0846L3.43952 13.4988C3.24426 13.3036 3.24426 12.987 3.43952 12.7917L4.85373 14.2059ZM3.65127 15.4084L4.85373 14.2059L3.43952 12.7917L2.23706 13.9942L3.65127 15.4084ZM1.52995 15.4084C2.11574 15.9942 3.06548 15.9942 3.65127 15.4084L2.23706 13.9942C2.43232 13.7989 2.7489 13.7989 2.94416 13.9942L1.52995 15.4084ZM1.52995 13.2871C0.944162 13.8729 0.944162 14.8226 1.52995 15.4084L2.94416 13.9942C3.13942 14.1894 3.13942 14.506 2.94416 14.7013L1.52995 13.2871ZM2.73241 12.0846L1.52995 13.2871L2.94416 14.7013L4.14663 13.4988L2.73241 12.0846ZM4.85373 12.0846C4.26795 11.4988 3.3182 11.4988 2.73241 12.0846L4.14663 13.4988C3.95136 13.6941 3.63478 13.6941 3.43952 13.4988L4.85373 12.0846ZM14.9492 14.2943C15.1444 14.0991 15.461 14.0991 15.6563 14.2943L14.2421 15.7086C14.8279 16.2943 15.7776 16.2943 16.3634 15.7086L14.9492 14.2943ZM14.9492 15.0014C14.7539 14.8062 14.7539 14.4896 14.9492 14.2943L16.3634 15.7086C16.9492 15.1228 16.9492 14.173 16.3634 13.5872L14.9492 15.0014ZM13.7467 13.799L14.9492 15.0014L16.3634 13.5872L15.1609 12.3848L13.7467 13.799ZM14.4538 13.799C14.2586 13.9942 13.942 13.9942 13.7467 13.799L15.1609 12.3848C14.5751 11.799 13.6254 11.799 13.0396 12.3848L14.4538 13.799ZM14.4538 13.0919C14.6491 13.2871 14.6491 13.6037 14.4538 13.799L13.0396 12.3848C12.4538 12.9706 12.4538 13.9203 13.0396 14.5061L14.4538 13.0919ZM15.6563 14.2943L14.4538 13.0919L13.0396 14.5061L14.2421 15.7086L15.6563 14.2943ZM2.73241 5.49068C3.3182 6.07647 4.26795 6.07647 4.85373 5.49068L3.43952 4.07647C3.63478 3.88121 3.95136 3.88121 4.14663 4.07647L2.73241 5.49068ZM1.52995 4.28822L2.73241 5.49068L4.14663 4.07647L2.94416 2.87401L1.52995 4.28822ZM1.52995 2.1669C0.944162 2.75268 0.944161 3.70243 1.52995 4.28822L2.94416 2.87401C3.13942 3.06927 3.13942 3.38585 2.94416 3.58111L1.52995 2.1669ZM3.65127 2.1669C3.06548 1.58111 2.11574 1.58111 1.52995 2.1669L2.94416 3.58111C2.7489 3.77637 2.43232 3.77637 2.23706 3.58111L3.65127 2.1669ZM4.85373 3.36936L3.65127 2.1669L2.23706 3.58111L3.43952 4.78358L4.85373 3.36936ZM4.85373 5.49068C5.43952 4.9049 5.43952 3.95515 4.85373 3.36936L3.43952 4.78358C3.24426 4.58831 3.24426 4.27173 3.43952 4.07647L4.85373 5.49068ZM13.1007 9.00015C13.1007 11.2646 11.2651 13.1002 9.00066 13.1002V15.1002C12.3696 15.1002 15.1007 12.3691 15.1007 9.00015H13.1007ZM9.00066 4.90006C11.2651 4.90006 13.1007 6.73573 13.1007 9.00015H15.1007C15.1007 5.63116 12.3696 2.90006 9.00066 2.90006V4.90006ZM4.90057 9.00015C4.90057 6.73573 6.73624 4.90006 9.00066 4.90006V2.90006C5.63167 2.90006 2.90057 5.63116 2.90057 9.00015H4.90057ZM9.00066 13.1002C6.73624 13.1002 4.90057 11.2646 4.90057 9.00015H2.90057C2.90057 12.3691 5.63167 15.1002 9.00066 15.1002V13.1002Z" fill="#2A2B31" mask="url(#path-1-inside-1_125_122)"></path></svg></button></div></div></li></ul></nav><div class="global-wrapper" data-is-root-path="false"><header class="global-header"></header><div class="post-list-template-module--main-wrapper--99ca4"><aside class="post-list-template-module--side-menu--484bf"><div class="bio-module--profile--8f90a"><header><img src="data:image/gif;base64,R0lGODdhQABAAHcAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQEFAAAACwAAAAAQABAAIQAAABpampzbnbaJibmUSH/ZzeJLmXBoFTavXuEfoebrbfTurL/46OYqc3Q2uDL2/z///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF/+AijmRpnmiqrmzrvnAsz3Rt33heAzyv/yUAZAjxLXpG4ExIHAKOzOJTKYsSHYBA00mFRRsNolXcfTEfj7CTCB5iy60zWq2FoNOQN3wlx0Pqd2pTeyl9dEOBXISFiH5/jX6DiyZfao92aYKTKGNbQ215kpsjnZ5NDgqimwAOpq5DqaMkpa+wsbJHTXW1ebejY7u6W6iqhGMKpsG9xXu0W8invqOtvJ4K0qumzhDYq9BiRa6pzIvbwwoBAeTNAN+vDgEH8uq4RwgIAe6n8QcM/gjrugC4dy9dvmvo4vlbSDAgEAD9/iGQR1HewoUGMgJcVaDAxXvy7l3EOKBkSYc4AP8Y6BiRAUiRI+UZGECgJgGUN1R2NBDx5UgGMmnarImThkokPF0qXVjxwMyhROH0SEBVgMqkFiuaNDC0480yQrBQTWA1owEGJdGahFqzY4GoVMICGFt2JoOad9lCdfs1bii6KtPi3fuW600eb4t6+VtVZVcGbiMPmNnuGoC+SuQCNkygI+TIHSe3c0Aai2IzrOY2Ngy69YDKTZLEVU1WZ+vbrLbIjlu17O3fuZ20a9bb9m/QSHYLLJ7xOOiMlU8vIWu1R8njZg1EX8XDDRaT4F8nH/fr3LjkV87LGoPqVidiuN5bFiFfek5P7Z8Ej2bfBvv8ueDXjTHUeOeegAMacwUegAFGk6AxyQ3CQ4EM1sNChP1ZqOGGHHbo4YcgwhACACH5BAUUAAAALBAABQAhADQAhAAAAAAAAGlqanNudtomJuZRIf9nN4kuZcGgVNq9e4R+h5utt9O6sv/jo5ipzdDa4Mvb/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAX/ICCOJGOaZKquKRO8AcCIJ8reLhnLAMzfQJ1r1wvMgqMcIBIRPQACpDTiYDFFRqnK0eyJqFytOPUcm88ASBV9g0DabJFjDRW5AdVuPDUfZYNKWmVSg2J/WnpAC0iBN4lsUXs3iyqRYwGPK5QjhTedX0ELRI4pEZhWm0ABqV6jI00vR0FXsw8LAgKHN6u0KkwPAgjClixKAgtMycnAwiINPbItAQnUULgL2LfBJA3VxQEIIwkA4eTC5SMNB+sJujI7zynh49zxBAQH7iQI8ST06c8OjCBgRJaLAwYMHOAnIgGCfw0iAjhAoICQIzPywVjYDUCCZxLNUSRRoECWISzCpjU7h+CeQJImbdwQeA/AvZopEgKIGU3FSxYldwJIaIAnkHvPLJYMWuDAUqIWZQKxqALfix4JjWYi6SwFQWxYihZ88Wkn1RWrwD54EICgDSIKtARYm6wHARk9L9GtK8nPg7quSMQdMHGdAVVXY4hKEUDBgAEwYhgmmhDfunVpA2NxFYDizXuRFXtRcYpF4quMNfcdU5ZNWdViAj1hFWdI6LxoapyIEwIAIfkEBRQAAAAsEAAFAB8ANACEAAAAAAAAaWpqc2522iYm5lEh/2c3iS5lwaBU2r17hH6Hm62307qy/+OjmKnN0Nrgy9v8////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABf8gII5kYJpkqq5jEL0REIgnyq4uGcsAzN9A0SMg2PUis6Bs53CIYkYlCwJhNYVJqQjiBAi21K523CObyY7oORURq9zk12jXLj/WK7lokcXdx2osgUp8Wl9Kfyw5QYd4C3hAg49jDIk3apM3fS1BAQxAmTRILIVADJtQK3cCApsqAaEsDwIIta1ACQkCsSOztQ3ACZrCALqsC8gLrAjADSLCCa4BzMDFtde/ziMH3AevBgYjzsS51STeBOkpAd4ACCrC2ucF9AUENwfvKfIi3PQjBUocqJFPRIME8q4d+IdDhoKHA9gVrOVO38J/4GicimDpHAB16Qj4Cwggo4xPQO6V/avXbkQ4AAU8pWThrcbLmChZ1CtZMtzAZIViylTyssWDCAse3DEg9JMrEi+LBjgKI0DAgQyyPjW5juoLE9yG5hygxERViQB4aeEmQyJbtVpYdku7guwME+pUEKj379FQAKfMcrwTsjCBGib4/J2DCbFgjn4Bpzh1I+uRQJYhQRp0RhKkqXMAdFzj4oVSZE/JOE4dJAQAIfkEBRQAAAAsEAAFAB8ANQCEAAAAAAAAaWpqc2522iYm5lEh/2c3iS5lwaBU2r17hH6Hm62307qy/+OjmKnN0Nrgy9v8////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABf8gII4kY5pkqq4jE7wBwIgnyq4uGcsAzN9AUcC16w2DtF0kInoABMhgxMFaCmfRkYPZE0232fDIKS6HIVQzCwK5tdWO9FPEBlC56lR8dLzlwmRBgWF9SHhAC0B/QIdmUHk3iSqPWQGNK5JjgiuXKQtFnCkRllWZLAGmXaAjTC9YN1ZSDwsCAoUrqLEqSw8CCL+UKn8CC0vGxr2/Ig09ry0BCdFPtQvVtL4kDdEJwgEII9zfAL/K2QAHB9wlO8wp3+rZBwTzBzcI7STwyw3oIwTrBwwYOHBPRAIE8BooRCCPxYwDMAIQ1AYgATOFIn41LFBARIEhL1h8U0YOAT2PHQGefAxSbx6AeS5JpDSw8ka9FR056hRBc1WKecxy5qR5YKfAmkFSjhBIAGKMAEdjdBqREh9TVNYA9HwxiKpSEgKxLnhANgCBHUUUIAlL9tjLPAIBtDXWBYiBG2zp+gSgdsC5gHdVCHT6FMAnPgoGDIj4T6Bjpimw+gwptwfMmJVJJNp7g/IpzpAgTQ2tYhbp07gCmb4lxkREGM7U1DixIgQAOw==" width="64" height="64" alt="profile image"/><div><span>@<!-- -->suu3</span><span>Developer</span></div></header><p>프론트엔드 개발자입니다.</p></div><div class="category-menu-module--wrapper--377cc"><header class="category-menu-module--header--862c6"><p>Category</p></header><ul><a href="/home/1/"><li>전체 보기 (<!-- -->16<!-- -->)</li></a><a href="/Django/1/"><li>Django<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Next.js/1/"><li>Next.js<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Project/1/"><li>Project<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/React/1/"><li>React<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/기타/1/"><li>기타<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/책/1/"><li>책<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/컨퍼런스/1/"><li>컨퍼런스<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/회고/1/"><li class="category-menu-module--active--d3701">회고<!-- --> (<!-- -->5<!-- -->)</li></a></ul></div></aside><main class="post-list-template-module--main--3e062"><h1>Latest</h1><ol class="post-list-template-module--ol--7083e"><li><a itemProp="url" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->Flutter</span></div><div><h2><span itemProp="headline">약 반년 간의 플러터 공부 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">프론트 개발자의 플러터 공부 회고</p></section></div></div><small>2024.10.05</small></article></a></li><li><a itemProp="url" href="/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->framer-motion</span><span class="post-list-item-module--badge--43d5b">#<!-- -->스터디</span><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">웹 애니메이션 스터디 결과물 및 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.</p></section></div></div><small>2024.08.17</small></article></a></li><li><a itemProp="url" href="/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">2023년 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.</p></section></div></div><small>2024.01.10</small></article></a></li><li><a itemProp="url" href="/회고/[2022-06-24]UPF_2022SS_회고록/[2022-06-24]UPF_2022SS_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">UPF 2022SS 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">UPF 2022SS 활동 회고록</p></section></div></div><small>2022.06.24</small></article></a></li><li><a itemProp="url" href="/회고/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;455&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAIAAAAGkY33AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEFElEQVR42u1Va1MaVxg+6XTa6af+mPYXdPK1nYwXBFRAlovgaIxmLGkmmkxiYrRGES8QQMVLgkK8hYtgjQIGdK/YJtpEG42XCLuAKVg1crEHSW0zjemMX/ol7z4z+57nPM/u2Z33PQcwej+jo2gdxfwXAjoioCNpvZ/WkRkG0GqSbiNoJUa3YLQKfy+CKjykItZUXrxj1NVkCLa+5UH61obTaoLWkDRkTwCjxF71+Ec7DZ663kj7fLAVgySgm1FGQ4YnX4RtS3Q7XAKaXsK7CCrRiJqaHXAYWpuX9Z6Qkgi2pGUg/c1aiumcpzPJSdD5A/jSy+Unyxi+qcdCmvSfAvE/9g9ie2+xs38iYnvJN4lkMrm3t7u/s3sQheQeSKZShx+MFLwySKUSifju7m4ikYR8PJEA4TD9/Bm+uvLzy9UnASZIh8NMOBLajtChwNbWaoBeZ7bD27GdSDQWju6EorHXsd/X1p7ZJxzrmxvA4RjNzvnqQkXW5Su8QftDm496RC1OEuiYRTMyePPBwDW7s8fnx/AVmljfxlYi2K+LP1TLwOdneo33wKMpi1x+tuG28M4dWa9Jb7LZxqYdY8P14+ZLY/3fm7sqJoav2kxXXBTuXnzhXng++/QX+YUi8BnoNxmBy21RKL7Vqsu0mvN1daLrN3iaBs7gXaG2vcpqrJ0cbexWVxtaxeZeRXe/srOvxTysr1Qgn3z5hXHIBDwea0X52aYfea3NQp26pFst0TfkjdxXWIYanYPVTuMlx2jThKVx/EHNfcNlk/G23dklKy0En57pNw2AV5sLDkvthO3W5PitkZ5yU7vobj13sK8adalnbE0euwp3a32u7ilnx1BXuVkjHumt7Ggpyc79emr6IQgGlh579LPe7klbw4C6tE8p0jYW1VSx+vQ3rLYhq9X6k/Oe2aQ36G4OaMuHDRcNyuIpe73X3ba18RTM+h6XyiSKi+cry4qRAhafnY0U5HGzvuOw2BJxiVRcIpeXIUKJoIAj4rHFfC7C45SXSIuliMfjBt6ZGXFpfvW1qtqrNTJREVKYj/B5AjaLk5XFL0SERVJeIcLJyS3gcAX5HB4nr4DNKpNJREK+2zUN5ry+c4JvBJI8iYAv5udLBYVysVAItdnncrNZbLYgJ4vNZbEE+VzohOBz2YiAD+fdLhcIhULzpJ8iKQLH8Lk5CAJFYU4SOIqiGIajcxiBExRJkjieBklQlB8yDMMAWOuHpwpoBAlY7KeNtPnU8dH80fx/muOw7j9kjh9Nv7fuE8lUIpX6e/gvWbolYcCJdxNoPHzzemM/tAyT9PAfmuMAsDMzj8x0aeYNR2dUMuy+HrSXJfejR6PkwcFBRnOsB5m2Pt4SYJL66+jb+W0iumCCx1vafBTHmoz+T8AQCusQqXzlAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/avif" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png" srcSet="/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->project</span></div><div><h2><span itemProp="headline">[Numble] 모바일용 웹 서비스 만들기 챌린지 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">[Numble] 모바일용 웹 서비스 만들기 챌린지 참가 프로젝트 회고록</p></section></div></div><small>2022.05.16</small></article></a></li></ol><hr/><div class="pagination-module--wrapper--3ea89"><button class="pagination-module--btn--5d112 pagination-module--prev-btn--4436f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15L0.999998 8L8 1" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><ol class="pagination-module--pages--bbcaf"><span class="pagination-module--page--ead35 pagination-module--active--e84c6">1</span></ol><button class="pagination-module--btn--5d112 pagination-module--next-btn--4e11f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8 8L0.999999 15" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></main></div></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/회고/1/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
+          </script><title data-gatsby-head="true">All posts | Suu.Blog</title></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZHNKFDT" height="0" width="0" style="display: none; visibility: hidden" aria-hidden="true"></iframe></noscript><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><nav class="navigation-module--wrapper--a18e8"><ul class="navigation-module--inner--2f3f2"><li><a href="/home/1/"><div data-gatsby-image-wrapper="" style="width:35px;height:35px" class="gatsby-image-wrapper navigation-module--logo--50c65"><img aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADx0lEQVR42o2U+09TZxjH/U/2B+znJftt2f2XJYvTZEGXmemIrBalQFsgpBvBUS6lFMrtQAFhMAdULhsVsICFINimUm7CGMa4C5XWcStQoLT97D0Hx9Qh+iZvzptzTj7v83y/z/OciNfoOG7HJB3UZbBmScZTmMZ0kYa4Tce6KYmQWQU2PXHpv/9PHAurOYAFi1Xcbq5lNwbzM9M4M77C57Bzp62RgDlZgcZeD6iHag1jFVcJbO0SjMP09BSdN+zI669AkClTugDqiL4OMF6bQcR6GV9XM0s7Ue4ubxBaW+FhcBXv6i4PHyyyYLykZBGVXgE8SDeTbYsKZ00JURHRfjSmRPb39g5/hqOM/Whju1QtIsx4tYbU6olWahgpy2E5+IRgIADxODvhsAKd8LiZyU2E+kzFuGOBB9HpWSxQMz83pwAmJycPn2EBDa6s4TNniIu1h4a8FBhVItTiNqawsh5SQH6/H4/Ho5yj+xGEP4w3VbBrkUsn82hg7ClsXzpI2W9SM+u+q0ACgWV+W5jn37UZESZVfQ+VKcI8/UsiFB/kVONi05TNZnkatqwERsZvsr62QSQCu+E4G5vb9LXb+KNAdbSGsacmhCpSGc1Vc78oBXfWlzhOfUzvxXforX0X47dJdLRqGR3UM9Sjotr4AVPGC0olRCXtUUAtzpxkpOafaGpuodpqpSHHwA/Jl2g8fwbrZ+/TlPQ2rqz38H3zEb1XEvkl6xw0ZAqJ/geUOyKVnjwdjlsDDPT3cbO/ny7nII6BAezdP9PWcp16cznOL86wff4U/tSvuZMnukRKE6AXNIzJ2kkaurJFWj0O+m85kYqu8smbb5Cm1eMaGqKvr5cucZHq89N0fvgWYW0iQ4YrhCtSFLkOgXLLyL3oM6VRWmzihujTAQHo7e4g8+ynWCwWXC4Xba2ttIs9f3+Oa2YNs4knGc/RslX+AlAWdas4iRbxs+fB71SWldLY2Ijdbqeu+To1tjrl3N7ezsiwSymZprpCGs6dZNQgJk1N+vOFTX0WfmMiw4POgz4NBpi456WqWqKoy8ny1g7dnR3YBLgwP19EP4gh4TTqhLPctuYq2see1VBxWEpn0qzHOzrMkhhJT1ZWqLSWMfzosXJJZG8Pr9fL7PyvBFdXuWbvxvvIz0R1nihsjeLB84UtvxBuLRUksVCiZbEkndnvLuB2dBLai7AvoOuhTebueRizGBgr0jFZbmC97LIyaY7sZaV0RPry9JW7Re6Ax8VqvGIAuEuzmTGlspR/UblY1i1eJVKVx9YzNSgD/wHkNdJctueBeQAAAABJRU5ErkJggg==" alt=""/><picture><source type="image/avif" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" data-src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" data-srcset="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></picture><noscript><picture><source type="image/avif" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/f721d/icon.avif 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/821ec/icon.avif 70w" sizes="35px"/><source type="image/webp" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/991ad/icon.webp 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/55c64/icon.webp 70w" sizes="35px"/><img data-gatsby-image-ssr="" layout="fixed" data-main-image="" style="opacity:0" sizes="35px" decoding="async" loading="lazy" src="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png" srcSet="/static/6e2b60ec9474fec3ed6cee7f282cb18e/cf150/icon.png 35w,/static/6e2b60ec9474fec3ed6cee7f282cb18e/145fc/icon.png 70w" alt="logo"/></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="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">S</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">u</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">.</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">B</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">l</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">o</div></div></div><div class="split-text-module--container--38c69" style="opacity:1"><div class="split-text-module--wrapper--636e1"><div class="split-text-module--motion-div--9a9fd" style="transform:translateY(100%) translateZ(0)">g</div></div></div></a></li><li><div class="theme-btn-module--wrapper--ca215" style="background-color:#ffffff;color:var(--color-bg-surface)"><div class="theme-btn-module--inner--2895e" style="background-color:#d9d9d9"><button class="theme-btn-module--btn--fcce8" tabindex="0" style="background-color:#ff740f;color:var(--color-bg-surface);transform:none"><svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_125_122" fill="white"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.00066 0C9.2768 0 9.50066 0.223858 9.50066 0.5V2.20054C9.50066 2.47668 9.2768 2.70054 9.00066 2.70054C8.72452 2.70054 8.50066 2.47668 8.50066 2.20054V0.5C8.50066 0.223858 8.72452 0 9.00066 0ZM9.00066 15.3003C9.2768 15.3003 9.50066 15.5241 9.50066 15.8003V17.5008C9.50066 17.777 9.2768 18.0008 9.00066 18.0008C8.72452 18.0008 8.50066 17.777 8.50066 17.5008V15.8003C8.50066 15.5241 8.72452 15.3003 9.00066 15.3003ZM17.5008 9.50015C17.777 9.50015 18.0008 9.27629 18.0008 9.00015C18.0008 8.72401 17.777 8.50015 17.5008 8.50015H15.8003C15.5241 8.50015 15.3003 8.72401 15.3003 9.00015C15.3003 9.27629 15.5241 9.50015 15.8003 9.50015H17.5008ZM2.70054 9.00015C2.70054 9.27629 2.47668 9.50015 2.20054 9.50015H0.5C0.223858 9.50015 0 9.27629 0 9.00015C0 8.72401 0.223858 8.50015 0.5 8.50015H2.20054C2.47668 8.50015 2.70054 8.72401 2.70054 9.00015ZM15.6563 3.28095C15.8515 3.08569 15.8515 2.76911 15.6563 2.57385C15.461 2.37858 15.1444 2.37858 14.9492 2.57385L13.7467 3.77631C13.5514 3.97157 13.5514 4.28815 13.7467 4.48342C13.942 4.67868 14.2586 4.67868 14.4538 4.48342L15.6563 3.28095ZM4.14663 12.7917C4.34189 12.987 4.34189 13.3036 4.14663 13.4988L2.94416 14.7013C2.7489 14.8965 2.43232 14.8965 2.23706 14.7013C2.04179 14.506 2.04179 14.1894 2.23706 13.9942L3.43952 12.7917C3.63478 12.5965 3.95136 12.5965 4.14663 12.7917ZM14.9492 15.0014C15.1444 15.1967 15.461 15.1967 15.6563 15.0014C15.8515 14.8062 15.8515 14.4896 15.6563 14.2943L14.4538 13.0919C14.2586 12.8966 13.942 12.8966 13.7467 13.0919C13.5514 13.2871 13.5514 13.6037 13.7467 13.799L14.9492 15.0014ZM4.14663 4.78358C3.95136 4.97884 3.63478 4.97884 3.43952 4.78358L2.23706 3.58111C2.04179 3.38585 2.04179 3.06927 2.23706 2.87401C2.43232 2.67874 2.7489 2.67874 2.94416 2.87401L4.14663 4.07647C4.34189 4.27173 4.34189 4.58831 4.14663 4.78358ZM9.00066 14.1002C11.8174 14.1002 14.1007 11.8169 14.1007 9.00015C14.1007 6.18345 11.8174 3.90006 9.00066 3.90006C6.18396 3.90006 3.90057 6.18345 3.90057 9.00015C3.90057 11.8169 6.18396 14.1002 9.00066 14.1002Z"></path></mask><path d="M15.6563 2.57385L16.3634 1.86674L16.3634 1.86674L15.6563 2.57385ZM15.6563 3.28095L16.3634 3.98806L15.6563 3.28095ZM14.9492 2.57385L14.2421 1.86674L14.2421 1.86674L14.9492 2.57385ZM13.7467 3.77631L13.0396 3.0692L13.0396 3.0692L13.7467 3.77631ZM13.7467 4.48342L13.0396 5.19052L13.0396 5.19052L13.7467 4.48342ZM14.4538 4.48342L13.7467 3.77631L14.4538 4.48342ZM4.14663 13.4988L4.85373 14.2059L4.85373 14.2059L4.14663 13.4988ZM4.14663 12.7917L4.85373 12.0846L4.85373 12.0846L4.14663 12.7917ZM2.94416 14.7013L3.65127 15.4084L3.65127 15.4084L2.94416 14.7013ZM2.23706 13.9942L2.94416 14.7013L2.94416 14.7013L2.23706 13.9942ZM3.43952 12.7917L2.73241 12.0846L3.43952 12.7917ZM15.6563 15.0014L16.3634 15.7086L16.3634 15.7086L15.6563 15.0014ZM14.9492 15.0014L14.2421 15.7086L14.2421 15.7086L14.9492 15.0014ZM15.6563 14.2943L16.3634 13.5872L16.3634 13.5872L15.6563 14.2943ZM14.4538 13.0919L13.7467 13.799L13.7467 13.799L14.4538 13.0919ZM13.7467 13.0919L14.4538 13.799L14.4538 13.799L13.7467 13.0919ZM13.7467 13.799L14.4538 13.0919L13.7467 13.799ZM3.43952 4.78358L4.14663 4.07647L4.14663 4.07647L3.43952 4.78358ZM4.14663 4.78358L3.43952 4.07647L3.43952 4.07647L4.14663 4.78358ZM2.23706 2.87401L2.94416 3.58111L2.94416 3.58111L2.23706 2.87401ZM2.94416 2.87401L3.65127 2.1669L2.94416 2.87401ZM4.14663 4.07647L3.43952 4.78358L3.43952 4.78358L4.14663 4.07647ZM10.5007 0.5C10.5007 -0.328427 9.82909 -1 9.00066 -1V1C8.72452 1 8.50066 0.776143 8.50066 0.5H10.5007ZM10.5007 2.20054V0.5H8.50066V2.20054H10.5007ZM9.00066 3.70054C9.82909 3.70054 10.5007 3.02897 10.5007 2.20054H8.50066C8.50066 1.9244 8.72452 1.70054 9.00066 1.70054V3.70054ZM7.50066 2.20054C7.50066 3.02897 8.17223 3.70054 9.00066 3.70054V1.70054C9.2768 1.70054 9.50066 1.9244 9.50066 2.20054H7.50066ZM7.50066 0.5V2.20054H9.50066V0.5H7.50066ZM9.00066 -1C8.17223 -1 7.50066 -0.328427 7.50066 0.5H9.50066C9.50066 0.776143 9.2768 1 9.00066 1V-1ZM10.5007 15.8003C10.5007 14.9718 9.82909 14.3003 9.00066 14.3003V16.3003C8.72452 16.3003 8.50066 16.0764 8.50066 15.8003H10.5007ZM10.5007 17.5008V15.8003H8.50066V17.5008H10.5007ZM9.00066 19.0008C9.82909 19.0008 10.5007 18.3292 10.5007 17.5008H8.50066C8.50066 17.2247 8.72452 17.0008 9.00066 17.0008V19.0008ZM7.50066 17.5008C7.50066 18.3292 8.17223 19.0008 9.00066 19.0008V17.0008C9.2768 17.0008 9.50066 17.2247 9.50066 17.5008H7.50066ZM7.50066 15.8003V17.5008H9.50066V15.8003H7.50066ZM9.00066 14.3003C8.17223 14.3003 7.50066 14.9718 7.50066 15.8003H9.50066C9.50066 16.0764 9.2768 16.3003 9.00066 16.3003V14.3003ZM17.0008 9.00015C17.0008 8.72401 17.2247 8.50015 17.5008 8.50015V10.5001C18.3292 10.5001 19.0008 9.82858 19.0008 9.00015H17.0008ZM17.5008 9.50015C17.2247 9.50015 17.0008 9.27629 17.0008 9.00015H19.0008C19.0008 8.17172 18.3292 7.50015 17.5008 7.50015V9.50015ZM15.8003 9.50015H17.5008V7.50015H15.8003V9.50015ZM16.3003 9.00015C16.3003 9.27629 16.0764 9.50015 15.8003 9.50015V7.50015C14.9718 7.50015 14.3003 8.17172 14.3003 9.00015H16.3003ZM15.8003 8.50015C16.0764 8.50015 16.3003 8.72401 16.3003 9.00015H14.3003C14.3003 9.82858 14.9718 10.5001 15.8003 10.5001V8.50015ZM17.5008 8.50015H15.8003V10.5001H17.5008V8.50015ZM2.20054 10.5001C3.02897 10.5001 3.70054 9.82858 3.70054 9.00015H1.70054C1.70054 8.72401 1.9244 8.50015 2.20054 8.50015V10.5001ZM0.5 10.5001H2.20054V8.50015H0.5V10.5001ZM-1 9.00015C-1 9.82858 -0.328428 10.5001 0.5 10.5001V8.50015C0.776143 8.50015 1 8.72401 1 9.00015H-1ZM0.5 7.50015C-0.328428 7.50015 -1 8.17172 -1 9.00015H1C1 9.27629 0.776143 9.50015 0.5 9.50015V7.50015ZM2.20054 7.50015H0.5V9.50015H2.20054V7.50015ZM3.70054 9.00015C3.70054 8.17172 3.02897 7.50015 2.20054 7.50015V9.50015C1.9244 9.50015 1.70054 9.27629 1.70054 9.00015H3.70054ZM14.9492 3.28095C14.7539 3.08569 14.7539 2.76911 14.9492 2.57384L16.3634 3.98806C16.9492 3.40227 16.9492 2.45252 16.3634 1.86674L14.9492 3.28095ZM15.6563 3.28095C15.461 3.47621 15.1444 3.47621 14.9492 3.28095L16.3634 1.86674C15.7776 1.28095 14.8279 1.28095 14.2421 1.86674L15.6563 3.28095ZM14.4538 4.48342L15.6563 3.28095L14.2421 1.86674L13.0396 3.0692L14.4538 4.48342ZM14.4538 3.77631C14.6491 3.97157 14.6491 4.28815 14.4538 4.48342L13.0396 3.0692C12.4538 3.65499 12.4538 4.60474 13.0396 5.19052L14.4538 3.77631ZM13.7467 3.77631C13.942 3.58105 14.2586 3.58105 14.4538 3.77631L13.0396 5.19052C13.6254 5.77631 14.5751 5.77631 15.1609 5.19052L13.7467 3.77631ZM14.9492 2.57384L13.7467 3.77631L15.1609 5.19052L16.3634 3.98806L14.9492 2.57384ZM4.85373 14.2059C5.43952 13.6201 5.43952 12.6704 4.85373 12.0846L3.43952 13.4988C3.24426 13.3036 3.24426 12.987 3.43952 12.7917L4.85373 14.2059ZM3.65127 15.4084L4.85373 14.2059L3.43952 12.7917L2.23706 13.9942L3.65127 15.4084ZM1.52995 15.4084C2.11574 15.9942 3.06548 15.9942 3.65127 15.4084L2.23706 13.9942C2.43232 13.7989 2.7489 13.7989 2.94416 13.9942L1.52995 15.4084ZM1.52995 13.2871C0.944162 13.8729 0.944162 14.8226 1.52995 15.4084L2.94416 13.9942C3.13942 14.1894 3.13942 14.506 2.94416 14.7013L1.52995 13.2871ZM2.73241 12.0846L1.52995 13.2871L2.94416 14.7013L4.14663 13.4988L2.73241 12.0846ZM4.85373 12.0846C4.26795 11.4988 3.3182 11.4988 2.73241 12.0846L4.14663 13.4988C3.95136 13.6941 3.63478 13.6941 3.43952 13.4988L4.85373 12.0846ZM14.9492 14.2943C15.1444 14.0991 15.461 14.0991 15.6563 14.2943L14.2421 15.7086C14.8279 16.2943 15.7776 16.2943 16.3634 15.7086L14.9492 14.2943ZM14.9492 15.0014C14.7539 14.8062 14.7539 14.4896 14.9492 14.2943L16.3634 15.7086C16.9492 15.1228 16.9492 14.173 16.3634 13.5872L14.9492 15.0014ZM13.7467 13.799L14.9492 15.0014L16.3634 13.5872L15.1609 12.3848L13.7467 13.799ZM14.4538 13.799C14.2586 13.9942 13.942 13.9942 13.7467 13.799L15.1609 12.3848C14.5751 11.799 13.6254 11.799 13.0396 12.3848L14.4538 13.799ZM14.4538 13.0919C14.6491 13.2871 14.6491 13.6037 14.4538 13.799L13.0396 12.3848C12.4538 12.9706 12.4538 13.9203 13.0396 14.5061L14.4538 13.0919ZM15.6563 14.2943L14.4538 13.0919L13.0396 14.5061L14.2421 15.7086L15.6563 14.2943ZM2.73241 5.49068C3.3182 6.07647 4.26795 6.07647 4.85373 5.49068L3.43952 4.07647C3.63478 3.88121 3.95136 3.88121 4.14663 4.07647L2.73241 5.49068ZM1.52995 4.28822L2.73241 5.49068L4.14663 4.07647L2.94416 2.87401L1.52995 4.28822ZM1.52995 2.1669C0.944162 2.75268 0.944161 3.70243 1.52995 4.28822L2.94416 2.87401C3.13942 3.06927 3.13942 3.38585 2.94416 3.58111L1.52995 2.1669ZM3.65127 2.1669C3.06548 1.58111 2.11574 1.58111 1.52995 2.1669L2.94416 3.58111C2.7489 3.77637 2.43232 3.77637 2.23706 3.58111L3.65127 2.1669ZM4.85373 3.36936L3.65127 2.1669L2.23706 3.58111L3.43952 4.78358L4.85373 3.36936ZM4.85373 5.49068C5.43952 4.9049 5.43952 3.95515 4.85373 3.36936L3.43952 4.78358C3.24426 4.58831 3.24426 4.27173 3.43952 4.07647L4.85373 5.49068ZM13.1007 9.00015C13.1007 11.2646 11.2651 13.1002 9.00066 13.1002V15.1002C12.3696 15.1002 15.1007 12.3691 15.1007 9.00015H13.1007ZM9.00066 4.90006C11.2651 4.90006 13.1007 6.73573 13.1007 9.00015H15.1007C15.1007 5.63116 12.3696 2.90006 9.00066 2.90006V4.90006ZM4.90057 9.00015C4.90057 6.73573 6.73624 4.90006 9.00066 4.90006V2.90006C5.63167 2.90006 2.90057 5.63116 2.90057 9.00015H4.90057ZM9.00066 13.1002C6.73624 13.1002 4.90057 11.2646 4.90057 9.00015H2.90057C2.90057 12.3691 5.63167 15.1002 9.00066 15.1002V13.1002Z" fill="#2A2B31" mask="url(#path-1-inside-1_125_122)"></path></svg></button></div></div></li></ul></nav><div class="global-wrapper" data-is-root-path="false"><header class="global-header"></header><div class="post-list-template-module--main-wrapper--99ca4"><aside class="post-list-template-module--side-menu--484bf"><div class="bio-module--profile--8f90a"><header><img src="data:image/gif;base64,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" width="64" height="64" alt="profile image"/><div><span>@<!-- -->suu3</span><span>Developer</span></div></header><p>프론트엔드 개발자입니다.</p></div><div class="category-menu-module--wrapper--377cc"><header class="category-menu-module--header--862c6"><p>Category</p></header><ul><a href="/home/1/"><li>전체 보기 (<!-- -->16<!-- -->)</li></a><a href="/Django/1/"><li>Django<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Next.js/1/"><li>Next.js<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/Project/1/"><li>Project<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/React/1/"><li>React<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/기타/1/"><li>기타<!-- --> (<!-- -->3<!-- -->)</li></a><a href="/책/1/"><li>책<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/컨퍼런스/1/"><li>컨퍼런스<!-- --> (<!-- -->1<!-- -->)</li></a><a href="/회고/1/"><li class="category-menu-module--active--d3701">회고<!-- --> (<!-- -->5<!-- -->)</li></a></ul></div></aside><main class="post-list-template-module--main--3e062"><h1>Latest</h1><ol class="post-list-template-module--ol--7083e"><li><a itemProp="url" href="/회고/[2024-10-05]약_반년_간의_플러터_공부_회고/[2024-10-05]약_반년_간의_플러터_공부_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->Flutter</span></div><div><h2><span itemProp="headline">약 반년 간의 플러터 공부 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">프론트 개발자의 플러터 공부 회고</p></section></div></div><small>2024.10.05</small></article></a></li><li><a itemProp="url" href="/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->framer-motion</span><span class="post-list-item-module--badge--43d5b">#<!-- -->스터디</span><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">웹 애니메이션 스터디 결과물 및 회고</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">약 두달 간 진행한 웹 애니메이션 스터디를 통해 배운 점 등을 정리한다.</p></section></div></div><small>2024.08.17</small></article></a></li><li><a itemProp="url" href="/회고/[2024-01-10]2023년_회고록/[2024-01-10]2023년_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">2023년 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">2023년 한 해 동안 개발자로서 어떤 성장을 했는지 돌아본다.</p></section></div></div><small>2024.01.10</small></article></a></li><li><a itemProp="url" href="/회고/[2022-06-24]UPF_2022SS_회고록/[2022-06-24]UPF_2022SS_회고록/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;157&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAMABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAUGBwj/xAAVAQEBAAAAAAAAAAAAAAAAAAACBP/aAAwDAQACEAMQAAAB6MimrdjJiiJ6P//EABsQAAICAwEAAAAAAAAAAAAAAAMEBQYBAhUW/9oACAEBAAEFAg1qWZWNX/ByZLQvnfHQkFJCoQsUI6Cu5f/EABcRAAMBAAAAAAAAAAAAAAAAAAABEgL/2gAIAQMBAT8BWnRDP//EABoRAAICAwAAAAAAAAAAAAAAAAABAgMRE0H/2gAIAQIBAT8BdalVnhtZ/8QAKBAAAQMDAgMJAAAAAAAAAAAAAQIDBAAFEhEUEyFBIiUyUVJhhJHh/9oACAEBAAY/Ag1Nv7CNR4W/2n7m3DuEzcRceK0gKxOXPy6Ue7pg+EqpyHrzIG20wLaWwTqevZoCMh7NQyL24UF8/caUS6lTh9TjhUfs1//EAB0QAAIDAAIDAAAAAAAAAAAAAAERACExQWGBkaH/2gAIAQEAAT8hIEFUE/YiUajc3ACg6NuIhI4TL05mAqBQFh34UtgoyhtrGYMk6+Qmf//aAAwDAQACAAMAAAAQhw//xAAcEQABAwUAAAAAAAAAAAAAAAABABEhMXGh4fH/2gAIAQMBAT8QBaTNuIN1xtf/xAAbEQADAAIDAAAAAAAAAAAAAAABESEAMVFxof/aAAgBAgEBPxAzAVNoxd84qL3P/8QAHRABAQADAAIDAAAAAAAAAAAAAREAITFBUWGRof/aAAgBAQABPxBdUwyZpB476w5HHqmrcSBSrwNrhylx8Kx+3GFmdEXWFiwQIRvSyjIeNX2vcEZGDw5Vn3n/2Q==" alt=""/><picture><source type="image/avif" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" data-srcset="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/b156b/dummy.avif 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/5e22d/dummy.avif 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/3fe20/dummy.avif 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/79417/dummy.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/798f6/dummy.webp 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/4a95e/dummy.webp 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/18a0c/dummy.webp 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/d2a69/dummy.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg" srcSet="/static/c3a5be17b5aa4afde022abfe24daa4d6/f4c5a/dummy.jpg 64w,/static/c3a5be17b5aa4afde022abfe24daa4d6/232cf/dummy.jpg 128w,/static/c3a5be17b5aa4afde022abfe24daa4d6/89358/dummy.jpg 256w,/static/c3a5be17b5aa4afde022abfe24daa4d6/8225e/dummy.jpg 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span></div><div><h2><span itemProp="headline">UPF 2022SS 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">UPF 2022SS 활동 회고록</p></section></div></div><small>2022.06.24</small></article></a></li><li><a itemProp="url" href="/회고/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/[2022-05-16][Numble]_모바일용_웹_서비스_만들기_챌린지/"><article class="post-list-item-module--box--87286" itemscope="" itemType="http://schema.org/Article"><header>회고</header><div class="post-list-item-module--inner--aea56"><div class="post-list-item-module--thumbnail-cls--c3027"><span>회고</span><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained post-list-item-module--img--09dcb"><div style="max-width:256px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=&#x27;455&#x27;%20width=&#x27;256&#x27;%20xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%20version=&#x27;1.1&#x27;%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;object-fit:cover" decoding="async" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAIAAAAGkY33AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEFElEQVR42u1Va1MaVxg+6XTa6af+mPYXdPK1nYwXBFRAlovgaIxmLGkmmkxiYrRGES8QQMVLgkK8hYtgjQIGdK/YJtpEG42XCLuAKVg1crEHSW0zjemMX/ol7z4z+57nPM/u2Z33PQcwej+jo2gdxfwXAjoioCNpvZ/WkRkG0GqSbiNoJUa3YLQKfy+CKjykItZUXrxj1NVkCLa+5UH61obTaoLWkDRkTwCjxF71+Ec7DZ663kj7fLAVgySgm1FGQ4YnX4RtS3Q7XAKaXsK7CCrRiJqaHXAYWpuX9Z6Qkgi2pGUg/c1aiumcpzPJSdD5A/jSy+Unyxi+qcdCmvSfAvE/9g9ie2+xs38iYnvJN4lkMrm3t7u/s3sQheQeSKZShx+MFLwySKUSifju7m4ikYR8PJEA4TD9/Bm+uvLzy9UnASZIh8NMOBLajtChwNbWaoBeZ7bD27GdSDQWju6EorHXsd/X1p7ZJxzrmxvA4RjNzvnqQkXW5Su8QftDm496RC1OEuiYRTMyePPBwDW7s8fnx/AVmljfxlYi2K+LP1TLwOdneo33wKMpi1x+tuG28M4dWa9Jb7LZxqYdY8P14+ZLY/3fm7sqJoav2kxXXBTuXnzhXng++/QX+YUi8BnoNxmBy21RKL7Vqsu0mvN1daLrN3iaBs7gXaG2vcpqrJ0cbexWVxtaxeZeRXe/srOvxTysr1Qgn3z5hXHIBDwea0X52aYfea3NQp26pFst0TfkjdxXWIYanYPVTuMlx2jThKVx/EHNfcNlk/G23dklKy0En57pNw2AV5sLDkvthO3W5PitkZ5yU7vobj13sK8adalnbE0euwp3a32u7ilnx1BXuVkjHumt7Ggpyc79emr6IQgGlh579LPe7klbw4C6tE8p0jYW1VSx+vQ3rLYhq9X6k/Oe2aQ36G4OaMuHDRcNyuIpe73X3ba18RTM+h6XyiSKi+cry4qRAhafnY0U5HGzvuOw2BJxiVRcIpeXIUKJoIAj4rHFfC7C45SXSIuliMfjBt6ZGXFpfvW1qtqrNTJREVKYj/B5AjaLk5XFL0SERVJeIcLJyS3gcAX5HB4nr4DNKpNJREK+2zUN5ry+c4JvBJI8iYAv5udLBYVysVAItdnncrNZbLYgJ4vNZbEE+VzohOBz2YiAD+fdLhcIhULzpJ8iKQLH8Lk5CAJFYU4SOIqiGIajcxiBExRJkjieBklQlB8yDMMAWOuHpwpoBAlY7KeNtPnU8dH80fx/muOw7j9kjh9Nv7fuE8lUIpX6e/gvWbolYcCJdxNoPHzzemM/tAyT9PAfmuMAsDMzj8x0aeYNR2dUMuy+HrSXJfejR6PkwcFBRnOsB5m2Pt4SYJL66+jb+W0iumCCx1vafBTHmoz+T8AQCusQqXzlAAAAAElFTkSuQmCC" alt=""/><picture><source type="image/avif" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" data-src="/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png" data-srcset="/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w" alt=""/></picture><noscript><picture><source type="image/avif" srcSet="/static/6fa237d70582a0bb32520684b86db3be/258d9/1.avif 64w,/static/6fa237d70582a0bb32520684b86db3be/701d2/1.avif 128w,/static/6fa237d70582a0bb32520684b86db3be/7b6d7/1.avif 256w,/static/6fa237d70582a0bb32520684b86db3be/6eb75/1.avif 512w" sizes="(min-width: 256px) 256px, 100vw"/><source type="image/webp" srcSet="/static/6fa237d70582a0bb32520684b86db3be/236e2/1.webp 64w,/static/6fa237d70582a0bb32520684b86db3be/bb4fc/1.webp 128w,/static/6fa237d70582a0bb32520684b86db3be/845e4/1.webp 256w,/static/6fa237d70582a0bb32520684b86db3be/59635/1.webp 512w" sizes="(min-width: 256px) 256px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="object-fit:cover;opacity:0" sizes="(min-width: 256px) 256px, 100vw" decoding="async" loading="lazy" src="/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png" srcSet="/static/6fa237d70582a0bb32520684b86db3be/72957/1.png 64w,/static/6fa237d70582a0bb32520684b86db3be/281bd/1.png 128w,/static/6fa237d70582a0bb32520684b86db3be/87e91/1.png 256w,/static/6fa237d70582a0bb32520684b86db3be/86fc8/1.png 512w" alt=""/></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><div class="post-list-item-module--badges-cls--c2d46"><span class="post-list-item-module--badge--43d5b">#<!-- -->회고록</span><span class="post-list-item-module--badge--43d5b">#<!-- -->project</span></div><div><h2><span itemProp="headline">[Numble] 모바일용 웹 서비스 만들기 챌린지 회고록</span></h2><section><p class="post-list-item-module--description-cls--e9c06" itemProp="description">[Numble] 모바일용 웹 서비스 만들기 챌린지 참가 프로젝트 회고록</p></section></div></div><small>2022.05.16</small></article></a></li></ol><hr/><div class="pagination-module--wrapper--3ea89"><button class="pagination-module--btn--5d112 pagination-module--prev-btn--4436f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15L0.999998 8L8 1" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><ol class="pagination-module--pages--bbcaf"><span class="pagination-module--page--ead35 pagination-module--active--e84c6">1</span></ol><button class="pagination-module--btn--5d112 pagination-module--next-btn--4e11f pagination-module--disabled--d0f45"><svg width="9" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8 8L0.999999 15" stroke="var(--color-bg-surface-02, #000000)" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></main></div></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/회고/1/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
           <script
             id="gatsby-chunk-mapping"
           >
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/1.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/1.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/1.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/1.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/2.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/2.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/2.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/2.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/3.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/3.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/3.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/3.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/4.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/4.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/4.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/4.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/5.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/5.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/5.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/5.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/6.gif" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/6.gif"
similarity index 100%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/6.gif"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/6.gif"
diff --git "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html" "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html"
similarity index 99%
rename from "\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html"
rename to "\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html"
index 7eb5d6a6..81cf1ec8 100644
--- "a/\352\270\260\355\203\200/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html"
+++ "b/\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/[2024-08-17]\354\233\271_\354\225\240\353\213\210\353\251\224\354\235\264\354\205\230_\354\212\244\355\204\260\353\224\224_\352\262\260\352\263\274\353\254\274_\353\260\217_\355\232\214\352\263\240/index.html"
@@ -107,7 +107,7 @@ <h3 id="1주차-framer-motion을-사용한-스크롤-애니메이션" style="pos
 </ul>
 <h3 id="2주차-framer-motion-라우트-전환-애니메이션" style="position:relative;"><a href="#2%EC%A3%BC%EC%B0%A8-framer-motion-%EB%9D%BC%EC%9A%B0%ED%8A%B8-%EC%A0%84%ED%99%98-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98" aria-label="2주차 framer motion 라우트 전환 애니메이션 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>2주차: framer-motion <strong>라우트 전환 애니메이션</strong></h3>
 <p>2주차엔 똑같이 framer-motion을 사용하여 여러 레퍼런스들을 참고하여 **<em>라우트 전환 애니메이션</em>**을 구현하였다.</p>
-<p><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif" alt="1.gif"></p>
+<p><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/1.gif" alt="1.gif"></p>
 <ul>
 <li><strong>구현 및 학습 내용</strong>
 <ol>
@@ -132,7 +132,7 @@ <h3 id="3주차-r3f를-사용한-스크롤-애니메이션" style="position:rela
 <a href="https://sketchfab.com/"><strong>sketchfab</strong></a>와 <a href="https://poly.pizza/"><strong>poly.pizza</strong></a>를 알게 되었다.</p>
 <p>스케치팹은 유료가 대부분이지만 필터링 설정으로 무료 에셋을 찾을 수 있다. (몇 없긴 하다..)</p>
 <p>요즘은 유튜브에 인터렉션 관련 영상과 오픈소스가 많아져서 참고할 수 있는 코드가 많아 좋은 것 같다. 유튜브에서 여러 코드를 참고하며 구현했다.</p>
-<p><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif" alt="2.gif"></p>
+<p><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/2.gif" alt="2.gif"></p>
 <ul>
 <li><strong>구현 및 학습 내용</strong>
 <ol>
@@ -157,7 +157,7 @@ <h3 id="3주차-r3f를-사용한-스크롤-애니메이션" style="position:rela
 </li>
 </ul>
 <h3 id="4주차-r3f를-사용한-키보드-애니메이션" style="position:relative;"><a href="#4%EC%A3%BC%EC%B0%A8-r3f%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C-%ED%82%A4%EB%B3%B4%EB%93%9C-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98" aria-label="4주차 r3f를 사용한 키보드 애니메이션 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>4주차: R3F를 사용한 키보드 애니메이션</h3>
-<p><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif" alt="3.gif"></p>
+<p><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/3.gif" alt="3.gif"></p>
 <p>4주차엔 **<em>키보드 입력과 물리 기반 애니메이션</em>**을 구현했다.</p>
 <p>이때부터 스터디 리더 분이 공유해주신 유데미 R3F 강의를 들었다. 좋은 강의를 공유해주셔서 너무 감사했다. 스터디를 진행하면서 완강했는데 많은 도움이 됐다.</p>
 <ul>
@@ -184,7 +184,7 @@ <h3 id="4주차-r3f를-사용한-키보드-애니메이션" style="position:rela
 </li>
 </ul>
 <h3 id="5주차-토스페이스-클론코딩" style="position:relative;"><a href="#5%EC%A3%BC%EC%B0%A8-%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9" aria-label="5주차 토스페이스 클론코딩 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>5주차: 토스페이스 클론코딩</h3>
-<p><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif" alt="4.gif"></p>
+<p><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/4.gif" alt="4.gif"></p>
 <p>5주차는 <a href="https://velog.io/@blcklamb/%ED%86%A0%EC%8A%A4%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%A5%BC-%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%ED%95%B4%EB%B3%B4%EC%9E%90">토스페이스 클론 코딩하는 아티클</a>을 클론코딩 해보는 시간을 가졌다. 로 시작되었다 (좋은 아티클 감사합니다)</p>
 <ul>
 <li><strong>구현 및 학습 내용</strong>
@@ -198,7 +198,7 @@ <h3 id="5주차-토스페이스-클론코딩" style="position:relative;"><a href
 </li>
 </ul>
 <h3 id="6-7주차-포트폴리오-사이트-만들기" style="position:relative;"><a href="#6-7%EC%A3%BC%EC%B0%A8-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0" aria-label="6 7주차 포트폴리오 사이트 만들기 permalink" class="anchor before"><svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg></a>6, 7주차: 포트폴리오 사이트 만들기</h3>
-<p><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif" alt="5.gif"></p>
+<p><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/5.gif" alt="5.gif"></p>
 <p>마지막으로 각자 학습한 애니메이션을 응용하여 프토폴리오 사이트를 만들어보는 과제를 진행했다.</p>
 <p>(내 포트폴리오는 좋은 디자인 아이디어가 떠오르지 않아 미완성 상태로 남았다. 3d도 포기 못했고 좋아하는 네오 브루탈리즘 스타일 2D 디자인도 포기할 수 없었는데 둘을 잘 결합시킨 형태가 떠오르지 않았다 …)</p>
 <ul>
@@ -242,7 +242,7 @@ <h2 id="회고-및-느낀-점" style="position:relative;"><a href="#%ED%9A%8C%EA
 <li>
 <p><strong>그 후에 해본 것</strong></p>
 <ul>
-<li><img src="/%EA%B8%B0%ED%83%80/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif" alt="6.gif"></li>
+<li><img src="/%ED%9A%8C%EA%B3%A0/%5B2024-08-17%5D%EC%9B%B9_%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98_%EC%8A%A4%ED%84%B0%EB%94%94_%EA%B2%B0%EA%B3%BC%EB%AC%BC_%EB%B0%8F_%ED%9A%8C%EA%B3%A0/6.gif" alt="6.gif"></li>
 </ul>
 </li>
 <li>
@@ -254,7 +254,7 @@ <h2 id="회고-및-느낀-점" style="position:relative;"><a href="#%ED%9A%8C%EA
 <li>만화/영상의 연출 기법에 관심이 있는데 하나하나 웹에 구현해보면 재밌을 것 같다. 시간나면 해보고 싶다.</li>
 </ul>
 </li>
-</ul></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"><span>이전 글</span><p>2년 연속 다녀온 인프콘 2024 후기</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"><span>다음 글</span><p>AWS SAA-C03 취득한 후기</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/기타/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
+</ul></section><div></div><nav class="blog-post-module--blog-post-nav--6c6d8"><ul><li><a class="blog-post-module--left-box--22ce0" rel="prev" href="/컨퍼런스/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/[2024-08-10]2년_연속_다녀온_인프콘_2024_후기/"><span>이전 글</span><p>2년 연속 다녀온 인프콘 2024 후기</p></a></li><li><a class="blog-post-module--right-box--d9c2e" rel="next" href="/기타/[2024-08-18] AWS SAA-C03 취득한 후기/[2024-08-18] AWS SAA-C03 취득한 후기/"><span>다음 글</span><p>AWS SAA-C03 취득한 후기</p></a></li></ul></nav></div></div></article></main></div><footer class="footer-module--wrapper--6c922"><p>@suu3</p><ul><li><a target="_blank" rel="noopener noreferrer" href="https://github.com/suu3"><svg height="32" aria-hidden="true" viewBox="0 0 16 16" width="32" data-view-component="true" class="footer-module--icon--6bbb2"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg></a></li></ul><p>© <!-- -->2024<!-- -->, Built with<!-- --> <a href="https://www.gatsbyjs.com">Gatsby</a></p></footer></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="/회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/[2024-08-17]웹_애니메이션_스터디_결과물_및_회고/";/*]]>*/</script><!-- slice-start id="_gatsby-scripts-1" -->
           <script
             id="gatsby-chunk-mapping"
           >
