{"id":204,"date":"2025-09-12T18:05:12","date_gmt":"2025-09-12T09:05:12","guid":{"rendered":"https:\/\/hed-g.me\/?p=204"},"modified":"2025-10-28T11:33:37","modified_gmt":"2025-10-28T02:33:37","slug":"next-js-%e1%84%85%e1%85%a6%e1%86%ab%e1%84%83%e1%85%a5%e1%84%85%e1%85%b5%e1%86%bc-%e1%84%87%e1%85%a1%e1%86%bc%e1%84%89%e1%85%b5%e1%86%a8%e1%84%80%e1%85%aa-%e1%84%80%e1%85%a5%e1%86%b7%ec%83%89%ec%97%94","status":"publish","type":"post","link":"https:\/\/hed-g.me\/?p=204","title":{"rendered":"Next js \u1105\u1166\u11ab\u1103\u1165\u1105\u1175\u11bc \u1107\u1161\u11bc\u1109\u1175\u11a8\u1100\u116a \u1100\u1165\u11b7\u1109\u1162\u11a8\u110b\u1166\u11ab\u110c\u1175\u11ab"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\uac80\uc0c9\uc5d4\uc9c4\uc774 \uc6f9\ud398\uc774\uc9c0\ub97c \ucc98\ub9ac\ud560\ub54c<\/h2>\n\n\n\n<p>\uac80\uc0c9\uc5d4\uc9c4(\ud2b9\ud788 \uad6c\uae00\ubd07)\uc740 \ub2e8\uc21c\ud788 HTML \ud14d\uc2a4\ud2b8\ub9cc \uae01\uc5b4\uac00\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \uc2e4\uc81c \ube0c\ub77c\uc6b0\uc800\ucc98\ub7fc \ud398\uc774\uc9c0\ub97c \u201c\ub80c\ub354\ub9c1\u201d\ud558\uc5ec \ucf58\ud150\uce20\ub97c \ud30c\uc545\ud55c\ub2e4. \uc774 \uacfc\uc815\uc740 \ud06c\uac8c \ub450 \ub2e8\uacc4\ub85c \ub098\ub25c\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ub450 \ub2e8\uacc4\uc5d0\ub97c \uac70\uce58\uba74\uc11c \ubc1c\uc0dd\ud558\ub294 \ubb38\uc81c\ub294 CSR(Client Side Rendering) \uad6c\uc870\ub85c,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CSR\uc740 \ucd5c\ucd08 HTML\uc5d0 &lt;div id=&#8221;root&#8221;&gt;&lt;\/div&gt; \uac19\uc740 \ube48 \uaecd\ub370\uae30\ub9cc \uc81c\uacf5\ud55c\ub2e4.<\/li>\n\n\n\n<li>\uad6c\uae00\ubd07\uc774 JS \uc2e4\ud589\uae4c\uc9c0 \uae30\ub2e4\ub824\uc57c \ud558\ubbc0\ub85c, \ud06c\ub864\ub9c1\/\uc778\ub371\uc2f1 \uc18d\ub3c4\uac00 \ub2a6\uc5b4\uc9c8 \uc218 \uc788\ub2e4.<\/li>\n\n\n\n<li>\ubc18\ub300\ub85c SSR(\uc11c\ubc84\uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1)\uc774\ub098 SSG(\uc815\uc801 \uc0ac\uc774\ud2b8 \uc0dd\uc131)\uc740 <strong>\uc644\uc131\ub41c HTML\uc744 \uc989\uc2dc \uc81c\uacf5<\/strong>\ud558\ubbc0\ub85c \uac80\uc0c9\uc5d4\uc9c4 \uce5c\ud654\uc801\uc774\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML \ud06c\ub864\ub9c1<\/h3>\n\n\n\n<p>\uc694\uccad \uc2dc \uc11c\ubc84\uc5d0\uc11c \ub0b4\ub824\uc8fc\ub294 <strong>\uc21c\uc218 HTML \ubb38\uc11c<\/strong>\ub97c \ud30c\uc2f1\ud55c\ub2e4.<\/p>\n\n\n\n<p>\uc774\ub54c &lt;title&gt;, &lt;meta&gt; \ud0dc\uadf8, &lt;a&gt; \ub9c1\ud06c, \ud14d\uc2a4\ud2b8 \ucf58\ud150\uce20 \ub4f1 <strong>\ub80c\ub354\ub9c1 \uc774\uc804\uc5d0\ub3c4 \ub178\ucd9c\ub41c \uc694\uc18c\ub4e4<\/strong>\uc774 \uac00\uc7a5 \uba3c\uc800 \uc218\uc9d1\ub41c\ub2e4.<\/p>\n\n\n\n<p>\ub530\ub77c\uc11c \uc774 \uc2dc\uc810\uc5d0 \uc758\ubbf8 \uc788\ub294 \ucf58\ud150\uce20\uac00 HTML\uc5d0 \ud3ec\ud568\ub418\uc5b4 \uc788\uc73c\uba74, \uac80\uc0c9\uc5d4\uc9c4\uc774 \uace7\ubc14\ub85c \uc778\ub371\uc2f1\ud560 \uc218 \uc788\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ub80c\ub354\ub9c1 \ud050 \ucc98\ub9ac<\/h3>\n\n\n\n<p>\ud544\uc694\ud560 \uacbd\uc6b0 <strong>\ub80c\ub354\ub9c1 \ud050<\/strong>\uc5d0 \ud398\uc774\uc9c0\ub97c \ub123\uc5b4 \ub450\uace0, \ub098\uc911\uc5d0 <strong>JavaScript \uc2e4\ud589 \ud658\uacbd\uc5d0\uc11c \ud398\uc774\uc9c0\ub97c \uc644\uc804\ud788 \ub80c\ub354\ub9c1<\/strong>\ud55c\ub2e4.<\/p>\n\n\n\n<p>JS\uac00 \uc2e4\ud589\ub418\uc5b4\uc57c\ub9cc \uc0dd\uc131\ub418\ub294 \ucf58\ud150\uce20\ub294 \uc774 \ub2e8\uacc4\uc5d0\uc11c\uc57c \uc778\ub371\uc2f1\uc774 \uac00\ub2a5\ud558\ub2e4.<\/p>\n\n\n\n<p>\ubb38\uc81c\ub294 \uc774 \uacfc\uc815\uc774 \uc2dc\uac04\uc774 \uc624\ub798 \uac78\ub9ac\uace0, <strong>\ub9ac\uc18c\uc2a4\uac00 \uc81c\ud55c\uc801<\/strong>\uc774\uc5b4\uc11c \ubaa8\ub4e0 \ud398\uc774\uc9c0\ub97c \uc989\uc2dc \ucc98\ub9ac\ud558\uc9c0 \ubabb\ud55c\ub2e4\ub294 \uc810\uc774\ub2e4.<\/p>\n\n\n\n<p>\uadf8\ub798\uc11c CSR \uad6c\uc870\uc758 \uc6f9\uc0ac\uc774\ud2b8\ub294 \ud06c\ub864\ub9c1\/\uc778\ub371\uc2f1 \uc18d\ub3c4\uac00 \ud604\uc800\ud788 \ub2a6\uc5b4\uc9c0\uac70\ub098, \uc2ec\ud558\uba74 \ub204\ub77d\ub418\ub294 \uacbd\uc6b0\ub3c4 \ubc1c\uc0dd\ud55c\ub2e4.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\uacb0\uad6d, <strong>\uac80\uc0c9\uc5d4\uc9c4\uc774 HTML \ub2e8\uacc4\uc5d0\uc11c \ubc14\ub85c \uc77d\uc744 \uc218 \uc788\ub294 \uc815\ubcf4<\/strong>\ub97c \uc5bc\ub9c8\ub098 \uc81c\uacf5\ud558\ub290\ub0d0\uac00 SEO\uc758 \ud575\uc2ec.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSR\uacfc SSR\uc758 SEO<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CSR**(Client-Side Rendering)**<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ub3d9\uc791 \ubc29\uc2dd<\/strong>: \uc11c\ubc84\uc5d0\uc11c \ucd5c\uc18c\ud55c\uc758 HTML\ub9cc \ub0b4\ub824\uc8fc\uace0, \uc2e4\uc81c \ucf58\ud150\uce20\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 JS \uc2e4\ud589 \ud6c4 \uc0dd\uc131\ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>\uc7a5\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\ud074\ub77c\uc774\uc5b8\ud2b8 \uc0c1\ud0dc\uc5d0 \ub530\ub77c \ud654\uba74\uc744 \uc720\uc5f0\ud558\uac8c \ubc14\uafc0 \uc218 \uc788\uc5b4, \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc774 \ud48d\ubd80\ud558\ub2e4.<\/li>\n\n\n\n<li>\ucd08\uae30 \ub85c\ub529 \uc774\ud6c4\uc5d0\ub294 \ud398\uc774\uc9c0 \uc804\ud658\uc774 \ube60\ub974\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\ub2e8\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\uac80\uc0c9\uc5d4\uc9c4\uc774 \ucd5c\ucd08 HTML\uc744 \uc77d\uc744 \ub54c\ub294 \ube44\uc5b4 \uc788\ub294 \uc0c1\ud0dc\uc774\ubbc0\ub85c SEO\uc5d0 \ubd88\ub9ac\ud558\ub2e4.<\/li>\n\n\n\n<li>\uad6c\uae00\ubd07\uc774 JS \uc2e4\ud589\uae4c\uc9c0 \uae30\ub2e4\ub824\uc57c \ud558\ubbc0\ub85c \uc778\ub371\uc2f1 \uc18d\ub3c4\uac00 \ub290\ub9ac\ub2e4.<\/li>\n\n\n\n<li>\uc77c\ubd80 \uac80\uc0c9\uc5d4\uc9c4\uc774\ub098 SNS \ubd07(\uce74\uce74\uc624\ud1a1, \ud2b8\uc704\ud130 \uce74\ub4dc \ub4f1)\uc740 JS \uc2e4\ud589\uc744 \uc544\uc608 \ud558\uc9c0 \ubabb\ud574 \ubbf8\ub9ac\ubcf4\uae30\uc870\ucc28 \ub098\uc624\uc9c0 \uc54a\ub294 \uacbd\uc6b0\uac00 \uc788\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SSR(Server-Side Rendering)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ub3d9\uc791 \ubc29\uc2dd<\/strong>: \uc11c\ubc84\uc5d0\uc11c \uc694\uccad\uc774 \ub4e4\uc5b4\uc62c \ub54c\ub9c8\ub2e4 HTML\uc744 \uc644\uc804\ud788 \ub80c\ub354\ub9c1\ud574\uc11c \ub0b4\ub824\uc900\ub2e4.<\/li>\n\n\n\n<li><strong>\uc7a5\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\ucd5c\ucd08 \uc751\ub2f5\uc5d0 \uc644\uc131\ub41c HTML\uc774 \ud3ec\ud568 \u2192 \uac80\uc0c9\uc5d4\uc9c4\uc774 \uc989\uc2dc \uc778\ub371\uc2f1 \uac00\ub2a5.<\/li>\n\n\n\n<li>\ucd08\uae30 \ud398\uc774\uc9c0 \ub85c\ub529 \uc18d\ub3c4\uac00 \ube60\ub974\ub2e4(LCP \uac1c\uc120).<\/li>\n\n\n\n<li>OG(Open Graph), Twitter Card \uac19\uc740 \uc18c\uc15c \uba54\ud0c0\ud0dc\uadf8\ub3c4 \ubb38\uc81c\uc5c6\uc774 \ub3d9\uc791.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\ub2e8\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\ubaa8\ub4e0 \uc694\uccad\ub9c8\ub2e4 \uc11c\ubc84 \uc5f0\uc0b0\uc774 \ud544\uc694\ud574, \ud2b8\ub798\ud53d\uc774 \ub9ce\uc73c\uba74 \ubd80\ud558\uac00 \ud06c\ub2e4.<\/li>\n\n\n\n<li>CDN \uce90\uc2f1 \ud6a8\uacfc\ub97c \uc798 \ud65c\uc6a9\ud558\uc9c0 \ubabb\ud558\uba74 \ud655\uc7a5\uc131\uc5d0\uc11c \ubd88\ub9ac\ud558\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SSG(<strong>Static Site Generation)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ub3d9\uc791 \ubc29\uc2dd<\/strong>: \ube4c\ub4dc \uc2dc\uc810\uc5d0 HTML\uc744 \uc0dd\uc131\ud574\ub450\uace0, \uc694\uccad \uc2dc \uadf8\ub300\ub85c \uc81c\uacf5\ud55c\ub2e4.<\/li>\n\n\n\n<li><strong>\uc7a5\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\uc774\ubbf8 \uc644\uc131\ub41c HTML\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c SEO\uc5d0 \ucd5c\uc801.<\/li>\n\n\n\n<li>CDN \uce90\uc2f1\uacfc \ud568\uaed8 \uc4f0\uba74 \uc11c\ubc84 \ubd80\ud558\uac00 \uac70\uc758 \uc5c6\ub2e4.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\ub2e8\uc810<\/strong>\n<ul class=\"wp-block-list\">\n<li>\ub370\uc774\ud130\uac00 \uc790\uc8fc \ubc14\ub00c\ub294 \ud398\uc774\uc9c0\uc5d0\ub294 \uc801\ud569\ud558\uc9c0 \uc54a\ub2e4.<\/li>\n\n\n\n<li>\ucf58\ud150\uce20 \uc5c5\ub370\uc774\ud2b8 \ud6c4 \ube4c\ub4dc \ubc0f \ubc30\ud3ec \uacfc\uc815\uc774 \ud544\uc694\ud558\ub2e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">*<strong>ISR(Incremental Static Regeneration)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Next.js\uac00 \uc81c\uacf5\ud558\ub294 <strong>SSG\uc758 \ub2e8\uc810\uc744 \ubcf4\uc644\ud55c \ubc29\uc2dd<\/strong>.<\/li>\n\n\n\n<li>\ud2b9\uc815 \ud398\uc774\uc9c0\ub97c \ubbf8\ub9ac \ube4c\ub4dc\ud558\ub418, revalidate \uc8fc\uae30\ub9c8\ub2e4 \ubc31\uadf8\ub77c\uc6b4\ub4dc\uc5d0\uc11c \uc0c8 HTML\uc744 \uc0dd\uc131\ud55c\ub2e4.<\/li>\n\n\n\n<li>SEO\uc5d0\ub294 SSG\ucc98\ub7fc \uc644\uc131\ub41c HTML\uc744 \uc81c\uacf5\ud558\uba74\uc11c\ub3c4, \ub370\uc774\ud130\uac00 \uc77c\uc815 \uc8fc\uae30\ub85c \uc5c5\ub370\uc774\ud2b8\ub41c\ub2e4.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\uac80\uc0c9\uc5d4\uc9c4 \ucd5c\uc801\ud654 \uad00\uc810\uc5d0\uc11c<\/h2>\n\n\n\n<p>\uc2e4\ubb34\uc801\uc73c\ub85c\ub294 Next.js\uac00 \uc774\ub97c \uc704\ud574 <strong>\ud398\uc774\uc9c0\ubcc4\ub85c \ub80c\ub354\ub9c1 \uc804\ub7b5\uc744 \ub2e4\ub974\uac8c \ud63c\ud569 \uc801\uc6a9\ud560 \uc218 \uc788\uac8c \uc124\uacc4<\/strong>\ub418\uc5b4 \uc788\ub2e4.<\/p>\n\n\n\n<p>\uc989, SEO\uac00 \uc911\uc694\ud55c \ud398\uc774\uc9c0\ub294 SSR\/SSG, \ub85c\uadf8\uc778 \ub4a4 \ub0b4\ubd80 \ud398\uc774\uc9c0\uc758 \uc77c\ubd80\ub294 CSR\ub85c \ucc98\ub9ac\ud558\ub294 \uc2dd\uc774\ub2e4.<\/p>\n\n\n\n<p>\uc989, SEO\ub97c \uace0\ub824\ud55c\ub2e4\uba74 \u201c\ud398\uc774\uc9c0\uc758 \ud2b9\uc131\u201d\uc5d0 \ub9de\ub294 \uc804\ub7b5\uc801 \uc120\ud0dd\uc774 \ud544\uc694.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\uc2e4\uc2dc\uac04 \uc5c5\ub370\uc774\ud2b8 \ud544\uc694\ud55c \uc601\uc5ed \u2192 SSR + \ud074\ub77c\uc774\uc5b8\ud2b8 \ud558\uc774\ub4dc\ub808\uc774\uc158<\/li>\n\n\n\n<li>\uc0c1\ud488 \uc0c1\uc138 \u2192 SSG \/ ISR<\/li>\n\n\n\n<li>\ub79c\ub529 \ud398\uc774\uc9c0 \u2192 SSR \/ SSG<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uac80\uc0c9\uc5d4\uc9c4\uc774 \uc6f9\ud398\uc774\uc9c0\ub97c \ucc98\ub9ac\ud560\ub54c \uac80\uc0c9\uc5d4\uc9c4(\ud2b9\ud788 \uad6c\uae00\ubd07)\uc740 \ub2e8\uc21c\ud788 HTML \ud14d\uc2a4\ud2b8\ub9cc \uae01\uc5b4\uac00\ub294 \uac83\uc774 \uc544\ub2c8\ub77c, \uc2e4\uc81c \ube0c\ub77c\uc6b0\uc800\ucc98\ub7fc \ud398\uc774\uc9c0\ub97c \u201c\ub80c\ub354\ub9c1\u201d\ud558\uc5ec \ucf58\ud150\uce20\ub97c \ud30c\uc545\ud55c\ub2e4. \uc774 \uacfc\uc815\uc740 \ud06c\uac8c \ub450 \ub2e8\uacc4\ub85c \ub098\ub25c\ub2e4. \uc774 \ub450 \ub2e8\uacc4\uc5d0\ub97c \uac70\uce58\uba74\uc11c \ubc1c\uc0dd\ud558\ub294 \ubb38\uc81c\ub294 CSR(Client Side Rendering) \uad6c\uc870\ub85c, HTML \ud06c\ub864\ub9c1 \uc694\uccad \uc2dc \uc11c\ubc84\uc5d0\uc11c \ub0b4\ub824\uc8fc\ub294 \uc21c\uc218 HTML \ubb38\uc11c\ub97c \ud30c\uc2f1\ud55c\ub2e4. \uc774\ub54c &lt;title&gt;, &lt;meta&gt; \ud0dc\uadf8, &lt;a&gt; \ub9c1\ud06c, \ud14d\uc2a4\ud2b8 \ucf58\ud150\uce20 \ub4f1 \ub80c\ub354\ub9c1 \uc774\uc804\uc5d0\ub3c4 \ub178\ucd9c\ub41c [&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":[44,148],"tags":[152,178,127],"class_list":["post-204","post","type-post","status-publish","format-standard","hentry","category-frontend","category-next-js","tag-next-js","tag-178","tag-127"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/204","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=204"}],"version-history":[{"count":6,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/hed-g.me\/index.php?rest_route=\/wp\/v2\/posts\/204\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hed-g.me\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}