{"id":215,"date":"2025-09-24T15:19:40","date_gmt":"2025-09-24T06:19:40","guid":{"rendered":"https:\/\/hed-g.me\/?p=215"},"modified":"2025-09-24T15:19:40","modified_gmt":"2025-09-24T06:19:40","slug":"hydration%e1%84%80%e1%85%aa-seo","status":"publish","type":"post","link":"https:\/\/hed-g.me\/?p=215","title":{"rendered":"Hydration\u1100\u116a SEO"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Hydration ?<\/h2>\n\n\n\n<p>SSR\uc774\ub098 SSG\ub97c \ud1b5\ud574 \uc11c\ubc84\uc5d0\uc11c \uc644\uc131\ub41c HTML\uc744 \ub0b4\ub824\uc8fc\ub354\ub77c\ub3c4, \ube0c\ub77c\uc6b0\uc800\uac00 \uace7\ubc14\ub85c \ub3d9\uc791 \uac00\ub2a5\ud55c<\/p>\n\n\n\n<p>SPA(Single Page Application)\ub85c \ubcc0\ud658\ub418\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4.<\/p>\n\n\n\n<p>React \uae30\ubc18 \ud504\ub808\uc784\uc6cc\ud06c(Next.js \ud3ec\ud568)\uc5d0\uc11c\ub294 \uc774 \uacfc\uc815\uc744 <strong>Hydration<\/strong>\uc774\ub77c\uace0 \ubd80\ub978\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uc11c\ubc84\uc5d0\uc11c \ub0b4\ub824\uc628 HTML\uc740 <strong>\uc815\uc801 \ucf58\ud150\uce20<\/strong>\uc77c \ubfd0, \uc774\ubca4\ud2b8 \ud578\ub4e4\ub7ec\ub098 \uc0c1\ud0dc \uad00\ub9ac \uae30\ub2a5\uc774 \uc5c6\ub294 \u201c\uc8fd\uc740 \ud398\uc774\uc9c0\u201d\ub2e4.<\/li>\n\n\n\n<li>\ube0c\ub77c\uc6b0\uc800\uac00 React\uc758 JS \ubc88\ub4e4\uc744 \uc2e4\ud589\ud558\uc5ec, <strong>\uae30\uc874 HTML\uc744 DOM\uacfc \uc5f0\uacb0<\/strong>\ud558\uace0 \uc774\ubca4\ud2b8\ub97c \uc8fc\uc785\ud558\ub294 \uacfc\uc815\uc774 Hydration\uc774\ub2e4.<\/li>\n\n\n\n<li>\uc989, Hydration\uc774 \ub05d\ub098\uc57c \ube44\ub85c\uc18c \uc0ac\uc6a9\uc790\uac00 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uac70\ub098 \uc0c1\ud0dc \ubcc0\uacbd\uc744 \ud560 \uc218 \uc788\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hydration \uacfc\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \ubb38\uc81c<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Hydration Mismatch<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uc11c\ubc84\uc5d0\uc11c \uc0dd\uc131\ub41c HTML\uacfc \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c \ub80c\ub354\ub9c1\ub41c \uacb0\uacfc\uac00 \ub2e4\ub97c \uacbd\uc6b0, React\ub294 \uacbd\uace0\ub97c \ubc1c\uc0dd\uc2dc\ud0a4\uac70\ub098 DOM\uc744 \ub2e4\uc2dc \uadf8\ub9b0\ub2e4.<\/li>\n\n\n\n<li>\uc774\ub54c \ud654\uba74\uc774 \uae5c\ube61\uc774\uac70\ub098, \uc758\ub3c4\uce58 \uc54a\uc740 \ub808\uc774\uc544\uc6c3 \uae68\uc9d0\uc774 \ubc1c\uc0dd\ud55c\ub2e4.<\/li>\n\n\n\n<li>SEO \ucc28\uc6d0\uc5d0\uc11c\ub294 \uac80\uc0c9\uc5d4\uc9c4\uc774 \ubcf8 HTML\uacfc \uc2e4\uc81c \uc0ac\uc6a9\uc790 \ud654\uba74\uc774 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uc5b4, \ucf58\ud150\uce20 \uc2e0\ub8b0\uc131\uc5d0 \uc601\ud5a5\uc744 \uc904 \uc218 \uc788\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>JavaScript \ubc88\ub4e4 \ud06c\uae30 \ubb38\uc81c<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SSR\/SSG\ub97c \ud558\ub354\ub77c\ub3c4 Hydration \ub2e8\uacc4\uc5d0\uc11c\ub294 <strong>JS \ubc88\ub4e4\uc744 \ubaa8\ub450 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uace0 \uc2e4\ud589<\/strong>\ud574\uc57c \ud55c\ub2e4.<\/li>\n\n\n\n<li>\ubc88\ub4e4\uc774 \ud06c\uba74 TTI(Time To Interactive)\uac00 \ub2a6\uc5b4\uc838 <strong>Core Web Vitals \uc810\uc218<\/strong>\uac00 \ud558\ub77d\ud558\uace0, \uc774\ub294 \uace7 SEO \uc21c\uc704\uc5d0 \ubc18\uc601\ub41c\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\ube44\ub3d9\uae30 \ub370\uc774\ud130 \ucc98\ub9ac<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>useEffect\uc5d0\uc11c \ub370\uc774\ud130\ub97c \ubd88\ub7ec\uc624\ub294 \uacbd\uc6b0, Hydration \uc2dc\uc810\uc5d0\ub294 \uc544\uc9c1 \ub370\uc774\ud130\uac00 \uc5c6\uc5b4 <strong>\ube48 \ud654\uba74<\/strong>\uc774 \uc7a0\uae50 \ub178\ucd9c\ub420 \uc218 \uc788\ub2e4.<\/li>\n\n\n\n<li>\uad6c\uae00\ubd07\uc740 \uae30\ubcf8\uc801\uc73c\ub85c HTML\ub9cc \ubcf8\ub2e4. Hydration \uc774\ud6c4 \ub3d9\uc801\uc73c\ub85c \ucc44\uc6cc\uc9c0\ub294 \ucf58\ud150\uce20\ub294 <strong>\ub80c\ub354\ub9c1 \ud050 \ucc98\ub9ac<\/strong>\ub97c \uae30\ub2e4\ub824\uc57c \ud558\ubbc0\ub85c \uc778\ub371\uc2f1\uc774 \uc9c0\uc5f0\ub420 \uc218 \uc788\ub2e4.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Hydration\uacfc SEO\uc758 \uad00\uacc4<\/strong><\/h2>\n\n\n\n<p>Hydration \uc790\uccb4\ub294 SEO\uc5d0 \uc9c1\uc811\uc801\uc73c\ub85c \ubc18\uc601\ub418\uc9c0 \uc54a\ub294\ub2e4.(\uac80\uc0c9\uc5d4\uc9c4\uc740 \uc11c\ubc84\uc5d0\uc11c \ub0b4\ub824\uc628 HTML\uc744 \uc6b0\uc120\uc73c\ub85c \ubcf4\ubbc0\ub85c)<\/p>\n\n\n\n<p>\ud558\uc9c0\ub9cc <strong>Hydration \uacfc\uc815\uc774 \uc2e4\ud328\ud558\uac70\ub098 \uc9c0\uc5f0<\/strong>\ub418\uba74, \ub2e4\uc74c\uacfc \uac19\uc740 \ubb38\uc81c\uac00 \ubc1c\uc0dd\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uc11c\ubc84 HTML\uacfc \uc2e4\uc81c \uc0ac\uc6a9\uc790 \ud654\uba74 \ubd88\uc77c\uce58 \u2192 \ucf58\ud150\uce20 \uc2e0\ub8b0\ub3c4 \uc800\ud558<\/li>\n\n\n\n<li>JS \uc2e4\ud589 \uc9c0\uc5f0\uc73c\ub85c \uc778\ud55c \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \uc545\ud654 \u2192 Core Web Vitals \uc810\uc218 \ud558\ub77d \u2192 \uac80\uc0c9 \uc21c\uc704\uc5d0 \uac04\uc811\uc801 \uc601\ud5a5<\/li>\n\n\n\n<li>\uad6c\uae00\ubd07\uc774 JS \ub80c\ub354\ub9c1\uc744 \uae30\ub2e4\ub824\uc57c\ub9cc \ucf58\ud150\uce20\ub97c \uc644\uc804\ud788 \uc778\ub371\uc2f1 \u2192 \ub178\ucd9c \uc9c0\uc5f0<\/li>\n<\/ul>\n\n\n\n<p>\ub530\ub77c\uc11c, Next.js\uc5d0\uc11c\ub294 Hydration\uc744 \ubc18\ub4dc\uc2dc \ud574\uacb0\ud558\ub77c\uace0 \uad8c\uc7a5\ud558\uace0 \uc788\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">\uc2e4\ubb34\uc5d0\uc11c\uc758 Hydration<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Hydration Mismatch \ucd5c\uc18c\ud654<\/strong><\/h3>\n\n\n\n<p>\uc11c\ubc84\uc640 \ud074\ub77c\uc774\uc5b8\ud2b8 \ub80c\ub354\ub9c1 \ub85c\uc9c1\uc744 \uc77c\uce58\uc2dc\ud0a4\uace0, \uc870\uac74\ubd80 \ub80c\ub354\ub9c1\uc744 \uc2e0\uc911\ud788 \uc0ac\uc6a9\ud574\uc57c \ud55c\ub2e4.<\/p>\n\n\n\n<p>e.g. typeof window !== &#8220;undefined&#8221;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ubc88\ub4e4 \ucd5c\uc801\ud654<\/h3>\n\n\n\n<p>dynamic import\ub85c \ubd88\ud544\uc694\ud55c JS\ub97c \ubd84\ub9ac\ud558\uace0, critical path\uc5d0 \ud574\ub2f9\ud558\ub294 \ucef4\ud3ec\ub10c\ud2b8\ub9cc<\/p>\n\n\n\n<p>\uc6b0\uc120 Hydration\ud558\ub3c4\ub85d \uad6c\uc131\ud55c\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Skeleton \/ Placeholder<\/h3>\n\n\n\n<p>\ube44\ub3d9\uae30 \ub370\uc774\ud130\ub294 \ube48 HTML\uc744 \ub178\ucd9c\ud558\uc9c0 \uc54a\uace0, \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uacfc \uac80\uc0c9\uc5d4\uc9c4 \ub178\ucd9c\uc744 \ub3d9\uc2dc\uc5d0 \ubcf4\uc644\ud558\ub294 UI \uc81c\uacf5.<\/p>\n\n\n\n<p>e.g. Skeleton UI \ub4f1<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">&nbsp;<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\uac80\uc0c9\uc5d4\uc9c4 \ucd5c\uc801\ud654 \uad00\uc810\uc5d0\uc11c<\/strong><\/h2>\n\n\n\n<p>Hydration\uc740 \ub2e8\uc21c\ud788 \ud074\ub77c\uc774\uc5b8\ud2b8 \uc0c1\ud638\uc791\uc6a9\uc744 \uac00\ub2a5\ud558\uac8c \ud558\ub294 \uacfc\uc815\uc774 \uc544\ub2c8\ub77c,<\/p>\n\n\n\n<p><strong>SEO\uc640 \uc131\ub2a5 \uc9c0\ud45c(Core Web Vitals)\uc5d0\ub3c4 \uc9c1\uacb0\ub418\ub294 \uc694\uc18c<\/strong>\ub2e4.<\/p>\n\n\n\n<p>\ub530\ub77c\uc11c SEO\ub97c \uace0\ub824\ud558\ub294 \ud398\uc774\uc9c0\ub77c\uba74 \ub2e4\uc74c\uacfc \uac19\uc740 \uc804\ub7b5\uc774 \ud544\uc694.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ucf58\ud150\uce20 \uc911\uc2ec \ud398\uc774\uc9c0<\/strong> \u2192 \uc11c\ubc84 HTML\uc5d0 \ud575\uc2ec \ud14d\uc2a4\ud2b8\/\uba54\ud0c0\uc815\ubcf4\ub97c \ud3ec\ud568\ud558\uace0, JS\ub294 \ubcf4\uc870\uc801 \uc5ed\ud560\ub9cc \ub2f4\ub2f9<\/li>\n\n\n\n<li><strong>\uc778\ud130\ub799\uc158 \uc911\uc2ec \ud398\uc774\uc9c0<\/strong> \u2192 CSR \ube44\uc911\uc774 \ucee4\ub3c4 \ubb34\ubc29\ud558\ubbc0\ub85c, Hydration \ucd5c\uc801\ud654\ubcf4\ub2e4 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \uc9d1\uc911<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hydration ? SSR\uc774\ub098 SSG\ub97c \ud1b5\ud574 \uc11c\ubc84\uc5d0\uc11c \uc644\uc131\ub41c HTML\uc744 \ub0b4\ub824\uc8fc\ub354\ub77c\ub3c4, \ube0c\ub77c\uc6b0\uc800\uac00 \uace7\ubc14\ub85c \ub3d9\uc791 \uac00\ub2a5\ud55c SPA(Single Page Application)\ub85c \ubcc0\ud658\ub418\ub294 \uac83\uc740 \uc544\ub2c8\ub2e4. React \uae30\ubc18 \ud504\ub808\uc784\uc6cc\ud06c(Next.js \ud3ec\ud568)\uc5d0\uc11c\ub294 \uc774 \uacfc\uc815\uc744 Hydration\uc774\ub77c\uace0 \ubd80\ub978\ub2e4. &nbsp; &nbsp; Hydration \uacfc\uc815\uc5d0\uc11c \ubc1c\uc0dd\ud560 \uc218 \uc788\ub294 \ubb38\uc81c Hydration Mismatch JavaScript \ubc88\ub4e4 \ud06c\uae30 \ubb38\uc81c \ube44\ub3d9\uae30 \ub370\uc774\ud130 \ucc98\ub9ac &nbsp; &nbsp; Hydration\uacfc SEO\uc758 \uad00\uacc4 Hydration \uc790\uccb4\ub294 SEO\uc5d0 \uc9c1\uc811\uc801\uc73c\ub85c \ubc18\uc601\ub418\uc9c0 \uc54a\ub294\ub2e4.(\uac80\uc0c9\uc5d4\uc9c4\uc740 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[148,1],"tags":[155,152,100,102,156],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-next-js","category-react","tag-hydration","tag-next-js","tag-react","tag-react-js","tag-ssr"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=215"}],"version-history":[{"count":1,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/215\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}