{"id":628,"date":"2025-09-09T22:21:08","date_gmt":"2025-09-09T13:21:08","guid":{"rendered":"https:\/\/bovoid.com\/?p=628"},"modified":"2025-09-09T22:25:09","modified_gmt":"2025-09-09T13:25:09","slug":"claude-code%eb%a1%9c-spring-boot-vue-js-%ea%b0%9c%eb%b0%9c-%ed%99%98%ea%b2%bd-%ec%84%b8%ed%8c%85%ed%95%98%ea%b8%b0-1%ec%a3%bc%ec%b0%a8","status":"publish","type":"post","link":"https:\/\/bovoid.com\/?p=628","title":{"rendered":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)"},"content":{"rendered":"<p data-ke-size=\"size16\">Claude Code\ub85c Spring Boot + Vue.js \uae30\ubc18 \uc6f9 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud558\ub294 \ubc29\ubc95\uc744 \uc815\ub9ac\ud588\uc5b4\uc694. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 <b>\uac1c\ubc1c \ud658\uacbd \uc138\ud305\uacfc Claude Code \ud65c\uc6a9\ubc95<\/b>\uc744 \uc911\uc2ec\uc73c\ub85c \ub2e4\ub8e8\uba70, \uc55e\uc73c\ub85c \uc774\uc5b4\uc9c8 10\uc8fc\ucc28 \uc2dc\ub9ac\uc988\uc758 \ucd9c\ubc1c\uc810\uc774 \ub420 \uac70\uc608\uc694.<\/p>\n<p data-ke-size=\"size16\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-633 size-large\" src=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring-boot-vuejs-\uac1c\ubc1c\ud658\uacbd-\uc138\ud305-1024x683.jpg\" alt=\"spring boot vuejs \uac1c\ubc1c\ud658\uacbd \uc138\ud305\" width=\"1024\" height=\"683\" srcset=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring-boot-vuejs-\uac1c\ubc1c\ud658\uacbd-\uc138\ud305-1024x683.jpg 1024w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring-boot-vuejs-\uac1c\ubc1c\ud658\uacbd-\uc138\ud305-500x333.jpg 500w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring-boot-vuejs-\uac1c\ubc1c\ud658\uacbd-\uc138\ud305-768x512.jpg 768w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring-boot-vuejs-\uac1c\ubc1c\ud658\uacbd-\uc138\ud305.jpg 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<hr data-ke-style=\"style1\" \/>\n<p><img decoding=\"async\" class=\"wp-image-631 alignnone size-large\" src=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\" alt=\"\" width=\"1024\" height=\"883\" srcset=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png 1189w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost-500x431.png 500w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost-1024x883.png 1024w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost-768x662.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2 data-ke-size=\"size26\">\uc65c Spring Boot\uc640 Vue.js\uc778\uac00?<\/h2>\n<p data-ke-size=\"size16\">\uc6f9 \uac1c\ubc1c\uc744 \ucc98\uc74c \uc2dc\uc791\ud560 \ub54c \uac00\uc7a5 \ud070 \uace0\ubbfc\uc740 <b>\ubc31\uc5d4\ub4dc\uc640 \ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c \uc120\ud0dd<\/b>\uc774\uc5d0\uc694. \ub9ce\uc740 \uac1c\ubc1c\uc790\ub4e4\uc774 Spring Boot\uc640 Vue.js \uc870\ud569\uc744 \uc120\ud0dd\ud558\ub294 \uc774\uc720\ub294 \uba85\ud655\ud569\ub2c8\ub2e4.<\/p>\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li>Spring Boot\ub294 <b>\uc548\uc815\uc801\uc778 \ubc31\uc5d4\ub4dc \uac1c\ubc1c<\/b>\uc744 \uc704\ud574 \uac00\uc7a5 \ub110\ub9ac \uc4f0\uc774\uace0, \ube60\ub978 \ud504\ub85c\uc81d\ud2b8 \ucd08\uae30 \uc138\ud305\uc744 \uc9c0\uc6d0\ud574\uc694.<\/li>\n<li>Vue.js\ub294 <b>\uc9c1\uad00\uc801\uc778 \ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c<\/b>\uc774 \uac00\ub2a5\ud558\uace0, \ub7ec\ub2dd \ucee4\ube0c\uac00 \uc644\ub9cc\ud574\uc11c \uc2e0\uc18d\ud788 \uacb0\uacfc\ubb3c\uc744 \ubcfc \uc218 \uc788\uc5b4\uc694.<\/li>\n<li>\ub450 \uae30\uc220\uc740 REST API\ub97c \ub9e4\uac1c\ub85c \uc790\uc5f0\uc2a4\ub7fd\uac8c \uc5f0\uacb0\ub418\uba70, \ud655\uc7a5\uc131\uacfc \uc720\uc9c0\ubcf4\uc218 \uce21\uba74\uc5d0\uc11c \uac15\uc810\uc744 \uac00\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p data-ke-size=\"size16\">\uc5ec\uae30\uc5d0 <b>Claude Code<\/b>\ub77c\ub294 AI \ub3c4\uad6c\uae4c\uc9c0 \ub354\ud574\uc9c0\uba74, \ud504\ub85c\uc81d\ud2b8 \uc138\ud305\ubd80\ud130 \ucf54\ub4dc \uc0dd\uc131, \ub9ac\ud329\ud1a0\ub9c1\uae4c\uc9c0 \ud6a8\uc728\uc774 \ub180\ub77c\uc6b8 \uc815\ub3c4\ub85c \ub192\uc544\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p data-ke-size=\"size16\"><img decoding=\"async\" class=\"alignnone wp-image-629 size-full\" src=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring_boot_vue.js-arch.jpg\" alt=\"simple architecture diagram showing Spring Boot as backend REST API and Vue.js frontend, labeled arrows with JSON data flow, clean modern design, white background\" width=\"1024\" height=\"1024\" srcset=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring_boot_vue.js-arch.jpg 1024w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring_boot_vue.js-arch-500x500.jpg 500w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring_boot_vue.js-arch-150x150.jpg 150w, https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/spring_boot_vue.js-arch-768x768.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>*<\/p>\n<hr data-ke-style=\"style1\" \/>\n<h2 data-ke-size=\"size26\">\uac1c\ubc1c \ud658\uacbd \uc900\ube44<\/h2>\n<h3 data-ke-size=\"size23\">JDK \uc124\uce58\uc640 Spring Boot \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h3>\n<p data-ke-size=\"size16\">Spring Boot\ub294 \uc790\ubc14 17 \uc774\uc0c1 \ubc84\uc804\uc744 \uad8c\uc7a5\ud574\uc694.<\/p>\n<ol style=\"list-style-type: decimal;\" data-ke-list-type=\"decimal\">\n<li><a href=\"https:\/\/adoptium.net\/\">Adoptium<\/a> \ub610\ub294 <a href=\"https:\/\/www.oracle.com\/java\/technologies\/javase\/jdk17-archive-downloads.html\">Oracle JDK<\/a>\uc5d0\uc11c JDK\ub97c \ub2e4\uc6b4\ub85c\ub4dc\ud574 \uc124\uce58\ud569\ub2c8\ub2e4.<\/li>\n<li>IDE\ub294 <b>IntelliJ IDEA<\/b> \ub610\ub294 <b>VS Code<\/b> \uc911 \ud558\ub098\ub97c \uace0\ub974\uba74 \ub3fc\uc694. IntelliJ\ub294 Spring Boot \ucd5c\uc801\ud654 \ud50c\ub7ec\uadf8\uc778\uc774 \ud48d\ubd80\ud558\uace0, VS Code\ub294 \uacbd\ub7c9 \uac1c\ubc1c\uc5d0 \uac15\uc810\uc744 \uac00\uc838\uc694.<\/li>\n<li>Spring Initializr(<a href=\"https:\/\/start.spring.io\/)%EC%97%90%EC%84%9C\">https:\/\/start.spring.io\/)\uc5d0\uc11c<\/a> \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud574\ubd05\uc2dc\ub2e4.\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li>Gradle \uae30\ubc18, Java 17+, Web, JPA, H2 \ub4f1\uc744 \uc120\ud0dd<\/li>\n<li>\ucd08\uae30 build.gradle \uc124\uc815\uae4c\uc9c0 \uc790\ub3d9\uc73c\ub85c \uc81c\uacf5<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-ke-size=\"size16\">\uc774 \uacfc\uc815\uc744 Claude Code\ub85c \ub3c4\uc640\ub2ec\ub77c\uace0 \uc694\uccad\ud558\uba74, \uc608\ub97c \ub4e4\uc5b4 <code>\"Spring Boot \ud504\ub85c\uc81d\ud2b8 Gradle \uc124\uc815 \ub9cc\ub4e4\uc5b4\uc918\"<\/code>\ub77c\uace0 \uc785\ub825 \uc2dc \uc989\uc2dc \ucd5c\uc801\ud654\ub41c Gradle \uc138\ud305\uc744 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<hr data-ke-style=\"style1\" \/>\n<h3 data-ke-size=\"size23\">Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305<\/h3>\n<p data-ke-size=\"size16\">Vue.js \ucd5c\uc2e0 \ubc84\uc804(3.x)\uc740 <b>Vite<\/b> \ube4c\ub4dc \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc77c\ubc18\uc801\uc774\uc5d0\uc694.<\/p>\n<ol style=\"list-style-type: decimal;\" data-ke-list-type=\"decimal\">\n<li>Node.js\ub97c <a href=\"https:\/\/nodejs.org\/\">\uacf5\uc2dd \uc0ac\uc774\ud2b8<\/a>\uc5d0\uc11c \uc124\uce58 (LTS \ubc84\uc804 \ucd94\ucc9c)<\/li>\n<li>\ud130\ubbf8\ub110\uc5d0\uc11c \uc2e4\ud589:<\/li>\n<\/ol>\n<pre class=\"coffeescript\"><code>npm create vite@latest frontend\r\ncd frontend\r\nnpm install<\/code><\/pre>\n<ol style=\"list-style-type: decimal;\" start=\"3\" data-ke-list-type=\"decimal\">\n<li>\uae30\ubcf8 \uc2e4\ud589:<\/li>\n<\/ol>\n<pre class=\"dockerfile\"><code>npm run dev<\/code><\/pre>\n<p data-ke-size=\"size16\">\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c <code>http:\/\/localhost:5173<\/code>\ub85c \uc811\uc18d\ud558\uba74, Vue \ud654\uba74\uc744 \ubcfc \uc218 \uc788\uc5b4\uc694.<\/p>\n<hr data-ke-style=\"style1\" \/>\n<h2 data-ke-size=\"size26\">Claude Code\ub780 \ubb34\uc5c7\uc77c\uae4c?<\/h2>\n<p data-ke-size=\"size16\">Claude Code\ub294 <b>AI \uae30\ubc18 \ucf54\ub4dc \uc0dd\uc131 \ubc0f \ubcf4\uc870 \ud234<\/b>\uc774\uc5d0\uc694. GitHub Copilot\uacfc \uc720\uc0ac\ud558\uc9c0\ub9cc, \ub300\ud654\ud615 \ucf54\ub4dc \uc9c0\uc6d0\uacfc \ubb38\ub9e5 \uae30\ubc18 \ucf54\ub4dc \uc81c\uc548\ub825\uc774 \ub6f0\uc5b4\ub098\uc694. \ud2b9\ud788 \ud504\ub85c\uc81d\ud2b8 \uad6c\uc870\ub97c \uc81c\uc548\ud558\uac70\ub098 \uc5d0\ub7ec \ub85c\uadf8\ub97c \ubd84\uc11d\ud558\ub294 \ub370 \uac15\uc810\uc744 \ubc1c\ud718\ud569\ub2c8\ub2e4.<\/p>\n<p data-ke-size=\"size16\">\ub300\ud45c\uc801 \ud65c\uc6a9 \uc608:<\/p>\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li>\ubc18\ubcf5\ub418\ub294 \ubcf4\uc77c\ub7ec\ud50c\ub808\uc774\ud2b8 \ucf54\ub4dc \uc790\ub3d9\ud654<\/li>\n<li>Spring Boot Controller, Service, Repository \uc790\ub3d9 \uc0dd\uc131<\/li>\n<li>Vue.js \ucef4\ud3ec\ub10c\ud2b8, Router \uad00\ub9ac \ud15c\ud50c\ub9bf \uc81c\uc548<\/li>\n<li>\uc5d0\ub7ec \uba54\uc2dc\uc9c0 \ubd84\uc11d \ubc0f \uac1c\uc120 \ud3ec\uc778\ud2b8 \uc124\uba85<\/li>\n<\/ul>\n<hr data-ke-style=\"style1\" \/>\n<h2 data-ke-size=\"size26\">IDE\uc640 Claude Code \uc5f0\ub3d9<\/h2>\n<p data-ke-size=\"size16\">\ub9cc\uc57d VS Code\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uba74 Claude Code \ud655\uc7a5(extension)\uc744 \uc124\uce58\ud574 \uc0ac\uc6a9 \uac00\ub2a5\ud574\uc694.<\/p>\n<ol style=\"list-style-type: decimal;\" data-ke-list-type=\"decimal\">\n<li>VS Code \u2192 Marketplace\uc5d0\uc11c &#8220;Claude Code&#8221; \uac80\uc0c9 \ud6c4 \uc124\uce58<\/li>\n<li>API Key (Anthropic \uacc4\uc815 \ubc1c\uae09) \uc5f0\uacb0<\/li>\n<li>AI Panel\uc5d0\uc11c \ub300\ud654\ud615\uc73c\ub85c \ucf54\ub4dc \uc0dd\uc131 \uc694\uccad<\/li>\n<\/ol>\n<p data-ke-size=\"size16\">\uc608\uc2dc \ud504\ub86c\ud504\ud2b8:<\/p>\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li><code>\"\uc2a4\ud504\ub9c1 \ubd80\ud2b8 UserController \uc0d8\ud50c \ucf54\ub4dc \uc0dd\uc131\ud574\uc918\"<\/code><\/li>\n<li><code>\"Vue.js \ub85c\uadf8\uc778 \ud3fc \ucef4\ud3ec\ub10c\ud2b8 \ub9cc\ub4e4\uc5b4\uc918\"<\/code><\/li>\n<\/ul>\n<p data-ke-size=\"size16\">Claude Code\ub294 \ub2e8\uc21c\ud788 \ucf54\ub4dc \uba87 \uc904\uc744 \uc8fc\ub294 \uac8c \uc544\ub2c8\ub77c, \uc5b4\ub5a4 \ubc29\uc2dd\uc73c\ub85c \uac1c\uc120\ud560 \uc218 \uc788\ub294\uc9c0 \ud568\uaed8 \uc54c\ub824\uc8fc\uae30 \ub54c\ubb38\uc5d0 <b>\uba58\ud1a0\ud615 AI \uac1c\ubc1c \ud30c\ud2b8\ub108<\/b>\ub77c\uace0 \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<hr data-ke-style=\"style1\" \/>\n<h2 data-ke-size=\"size26\">\uc815\ub9ac &amp; \ub2e4\uc74c \ub2e8\uacc4<\/h2>\n<p data-ke-size=\"size16\">\uc624\ub298\uc740 \uccab \ubc88\uc9f8 \uc2dc\uac04\uc73c\ub85c, <b>Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc900\ube44\ud558\uace0 Claude Code\ub97c \uc124\uce58\ud558\ub294 \ubc29\ubc95<\/b>\uc744 \ub2e4\ub918\uc2b5\ub2c8\ub2e4. \uc5ec\uae30\uc11c \uc911\uc694\ud55c \ud3ec\uc778\ud2b8\ub294:<\/p>\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li>JDK \uc124\uce58 \ud6c4 Spring Boot \ud504\ub85c\uc81d\ud2b8 \uae30\ubcf8 \uace8\uaca9 \ub9cc\ub4e4\uae30<\/li>\n<li>Node.js\uc640 Vite\ub85c Vue.js \ud504\ub85c\uc81d\ud2b8 \uc138\ud305<\/li>\n<li>Claude Code\ub97c IDE\uc5d0 \uc5f0\uacb0\ud574 \ucf54\ub4dc \ubcf4\uc870 \ud65c\uc6a9 \uc2dc\uc791<\/li>\n<\/ul>\n<p data-ke-size=\"size16\">\ub2e4\uc74c 2\uc8fc\ucc28\uc5d0\uc11c\ub294 Spring Boot\uc758 \ub0b4\ubd80 \uad6c\uc870(Controller, Service, Repository)\uc640 REST API \uc791\uc131\ubc95\uc744 \uc54c\uc544\ubcf4\uace0, Claude Code\ub85c CRUD \ucf54\ub4dc\ub97c \ube60\ub974\uac8c \ub9cc\ub4e4\uc5b4\ubcf4\ub294 \uacfc\uc815\uc744 \ub2e4\ub8f0 \uc608\uc815\uc774\uc5d0\uc694.<\/p>\n<p data-ke-size=\"size16\">\uc774\uc81c \ud658\uacbd\uc740 \ubaa8\ub450 \uc900\ube44\ub418\uc5c8\uc73c\ub2c8, \ubcf8\uaca9\uc801\uc73c\ub85c \ud504\ub85c\uc81d\ud2b8\ub97c \ud568\uaed8 \uc9c4\ud589\ud574\ubcfc\uae4c\uc694? \ud83d\ude0a<\/p>\n<hr data-ke-style=\"style1\" \/>\n<h2 data-ke-size=\"size26\">\uad00\ub828 \uc0ac\uc774\ud2b8<\/h2>\n<ul style=\"list-style-type: disc;\" data-ke-list-type=\"disc\">\n<li>Spring Initializr: <a href=\"https:\/\/start.spring.io\">https:\/\/start.spring.io<\/a><\/li>\n<li>Vue.js \uacf5\uc2dd \ubb38\uc11c: <a href=\"https:\/\/vuejs.org\">https:\/\/vuejs.org<\/a><\/li>\n<li>Anthropic Claude Code \uc548\ub0b4: <a href=\"https:\/\/www.anthropic.com\">https:\/\/www.anthropic.com<\/a><\/li>\n<\/ul>\n<p>\uc870\ud68c\uc218: 1<\/p>","protected":false},"excerpt":{"rendered":"<p>Claude Code\ub85c Spring Boot + Vue.js \uae30\ubc18 \uc6f9 \uac1c\ubc1c\uc744 \uc2dc\uc791\ud558\ub294 \ubc29\ubc95\uc744 \uc815\ub9ac\ud588\uc5b4\uc694. \uc774\ubc88 \uae00\uc5d0\uc11c\ub294 \uac1c\ubc1c \ud658\uacbd \uc138\ud305\uacfc Claude Code \ud65c\uc6a9\ubc95\uc744 \uc911\uc2ec\uc73c\ub85c \ub2e4\ub8e8\uba70, \uc55e\uc73c\ub85c \uc774\uc5b4\uc9c8 10\uc8fc\ucc28 \uc2dc\ub9ac\uc988\uc758 \ucd9c\ubc1c\uc810\uc774 \ub420 \uac70\uc608\uc694. \uc65c Spring Boot\uc640 Vue.js\uc778\uac00? \uc6f9 \uac1c\ubc1c\uc744 \ucc98\uc74c \uc2dc\uc791\ud560 \ub54c \uac00\uc7a5 \ud070 \uace0\ubbfc\uc740 \ubc31\uc5d4\ub4dc\uc640 \ud504\ub860\ud2b8\uc5d4\ub4dc \ud504\ub808\uc784\uc6cc\ud06c \uc120\ud0dd\uc774\uc5d0\uc694. \ub9ce\uc740 \uac1c\ubc1c\uc790\ub4e4\uc774 Spring Boot\uc640 Vue.js \uc870\ud569\uc744 \uc120\ud0dd\ud558\ub294 \uc774\uc720\ub294 \uba85\ud655\ud569\ub2c8\ub2e4. Spring &#8230; <a title=\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)\" class=\"read-more\" href=\"https:\/\/bovoid.com\/?p=628\" aria-label=\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)\uc5d0 \ub300\ud574 \ub354 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uc138\uc694\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[12],"tags":[341,342,343,344,345],"class_list":["post-628","post","type-post","status-publish","format-standard","hentry","category-ai-","tag-claude-code","tag-spring-boot","tag-vue-js","tag-344","tag-345"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8<\/title>\n<meta name=\"description\" content=\"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bovoid.com\/?p=628\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8\" \/>\n<meta property=\"og:description\" content=\"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bovoid.com\/?p=628\" \/>\n<meta property=\"og:site_name\" content=\"\uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-09T13:21:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T13:25:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\" \/>\n<meta name=\"author\" content=\"drods\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\uae00\uc4f4\uc774\" \/>\n\t<meta name=\"twitter:data1\" content=\"drods\" \/>\n\t<meta name=\"twitter:label2\" content=\"\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04\" \/>\n\t<meta name=\"twitter:data2\" content=\"4\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bovoid.com\/?p=628#article\",\"isPartOf\":{\"@id\":\"https:\/\/bovoid.com\/?p=628\"},\"author\":{\"name\":\"drods\",\"@id\":\"https:\/\/bovoid.com\/#\/schema\/person\/4101b558e864ce6a68c5a3d0a32cfd73\"},\"headline\":\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)\",\"datePublished\":\"2025-09-09T13:21:08+00:00\",\"dateModified\":\"2025-09-09T13:25:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bovoid.com\/?p=628\"},\"wordCount\":158,\"publisher\":{\"@id\":\"https:\/\/bovoid.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/bovoid.com\/?p=628#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\",\"keywords\":[\"Claude Code\",\"Spring Boot\",\"Vue.js\",\"\ubc31\uc5d4\ub4dc \uac1c\ubc1c\",\"\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c\"],\"articleSection\":[\"AI-\uc778\uacf5\uc9c0\ub2a5\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bovoid.com\/?p=628\",\"url\":\"https:\/\/bovoid.com\/?p=628\",\"name\":\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8\",\"isPartOf\":{\"@id\":\"https:\/\/bovoid.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bovoid.com\/?p=628#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bovoid.com\/?p=628#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\",\"datePublished\":\"2025-09-09T13:21:08+00:00\",\"dateModified\":\"2025-09-09T13:25:09+00:00\",\"description\":\"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.\",\"breadcrumb\":{\"@id\":\"https:\/\/bovoid.com\/?p=628#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bovoid.com\/?p=628\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/bovoid.com\/?p=628#primaryimage\",\"url\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\",\"contentUrl\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png\",\"width\":1189,\"height\":1025},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bovoid.com\/?p=628#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bovoid.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bovoid.com\/#website\",\"url\":\"https:\/\/bovoid.com\/\",\"name\":\"BoVoid AI \ud3ec\ud138\",\"description\":\"\uc0dd\uc131\ud615 AI\ub864 \uc54c\uae30\uc27d\uac8c \uc54c\ub824\uc8fc\ub294 BoVoid.com\",\"publisher\":{\"@id\":\"https:\/\/bovoid.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bovoid.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bovoid.com\/#organization\",\"name\":\"BoVoid\",\"url\":\"https:\/\/bovoid.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/bovoid.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/05\/cropped-bovoidicon.png\",\"contentUrl\":\"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/05\/cropped-bovoidicon.png\",\"width\":512,\"height\":512,\"caption\":\"BoVoid\"},\"image\":{\"@id\":\"https:\/\/bovoid.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/blog.naver.com\/drods\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/bovoid.com\/#\/schema\/person\/4101b558e864ce6a68c5a3d0a32cfd73\",\"name\":\"drods\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/bovoid.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/23336f5ba9a821ca3e616dd922f74d12db628ce579e3cce5e1da8876d9b6a3c7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/23336f5ba9a821ca3e616dd922f74d12db628ce579e3cce5e1da8876d9b6a3c7?s=96&d=mm&r=g\",\"caption\":\"drods\"},\"sameAs\":[\"https:\/\/www.esoftone.kr\"],\"url\":\"https:\/\/bovoid.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8","description":"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bovoid.com\/?p=628","og_locale":"ko_KR","og_type":"article","og_title":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8","og_description":"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.","og_url":"https:\/\/bovoid.com\/?p=628","og_site_name":"\uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8","article_published_time":"2025-09-09T13:21:08+00:00","article_modified_time":"2025-09-09T13:25:09+00:00","og_image":[{"url":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png","type":"","width":"","height":""}],"author":"drods","twitter_card":"summary_large_image","twitter_misc":{"\uae00\uc4f4\uc774":"drods","\uc608\uc0c1 \ub418\ub294 \ud310\ub3c5 \uc2dc\uac04":"4\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bovoid.com\/?p=628#article","isPartOf":{"@id":"https:\/\/bovoid.com\/?p=628"},"author":{"name":"drods","@id":"https:\/\/bovoid.com\/#\/schema\/person\/4101b558e864ce6a68c5a3d0a32cfd73"},"headline":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)","datePublished":"2025-09-09T13:21:08+00:00","dateModified":"2025-09-09T13:25:09+00:00","mainEntityOfPage":{"@id":"https:\/\/bovoid.com\/?p=628"},"wordCount":158,"publisher":{"@id":"https:\/\/bovoid.com\/#organization"},"image":{"@id":"https:\/\/bovoid.com\/?p=628#primaryimage"},"thumbnailUrl":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png","keywords":["Claude Code","Spring Boot","Vue.js","\ubc31\uc5d4\ub4dc \uac1c\ubc1c","\ud504\ub860\ud2b8\uc5d4\ub4dc \uac1c\ubc1c"],"articleSection":["AI-\uc778\uacf5\uc9c0\ub2a5"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/bovoid.com\/?p=628","url":"https:\/\/bovoid.com\/?p=628","name":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28) - \uc0dd\uc131\ud615 AI \ucd08\ubcf4 \uc2a4\ucfe8","isPartOf":{"@id":"https:\/\/bovoid.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bovoid.com\/?p=628#primaryimage"},"image":{"@id":"https:\/\/bovoid.com\/?p=628#primaryimage"},"thumbnailUrl":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png","datePublished":"2025-09-09T13:21:08+00:00","dateModified":"2025-09-09T13:25:09+00:00","description":"Claude Code\ub97c \ud65c\uc6a9\ud574 Spring Boot\uc640 Vue.js \uac1c\ubc1c \ud658\uacbd\uc744 \uc138\ud305\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\ub824\ub4dc\ub9bd\ub2c8\ub2e4. JDK \uc124\uce58, \ucd08\uae30 \ud504\ub85c\uc81d\ud2b8 \uc138\ud305, IDE \uc5f0\ub3d9\uae4c\uc9c0 \ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \ub530\ub77c \ud560 \uc218 \uc788\uc5b4\uc694.","breadcrumb":{"@id":"https:\/\/bovoid.com\/?p=628#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bovoid.com\/?p=628"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/bovoid.com\/?p=628#primaryimage","url":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png","contentUrl":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/09\/A-clean-screenshot-like-illustration-of-a-Vue.js-default-homepage-running-in-the-browser-with-localhost.png","width":1189,"height":1025},{"@type":"BreadcrumbList","@id":"https:\/\/bovoid.com\/?p=628#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bovoid.com\/"},{"@type":"ListItem","position":2,"name":"Claude Code\ub85c Spring Boot + Vue.js \uac1c\ubc1c \ud658\uacbd \uc138\ud305\ud558\uae30 (1\uc8fc\ucc28)"}]},{"@type":"WebSite","@id":"https:\/\/bovoid.com\/#website","url":"https:\/\/bovoid.com\/","name":"BoVoid AI \ud3ec\ud138","description":"\uc0dd\uc131\ud615 AI\ub864 \uc54c\uae30\uc27d\uac8c \uc54c\ub824\uc8fc\ub294 BoVoid.com","publisher":{"@id":"https:\/\/bovoid.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bovoid.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/bovoid.com\/#organization","name":"BoVoid","url":"https:\/\/bovoid.com\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/bovoid.com\/#\/schema\/logo\/image\/","url":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/05\/cropped-bovoidicon.png","contentUrl":"https:\/\/bovoid.com\/wp-content\/uploads\/2025\/05\/cropped-bovoidicon.png","width":512,"height":512,"caption":"BoVoid"},"image":{"@id":"https:\/\/bovoid.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/blog.naver.com\/drods"]},{"@type":"Person","@id":"https:\/\/bovoid.com\/#\/schema\/person\/4101b558e864ce6a68c5a3d0a32cfd73","name":"drods","image":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/bovoid.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/23336f5ba9a821ca3e616dd922f74d12db628ce579e3cce5e1da8876d9b6a3c7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/23336f5ba9a821ca3e616dd922f74d12db628ce579e3cce5e1da8876d9b6a3c7?s=96&d=mm&r=g","caption":"drods"},"sameAs":["https:\/\/www.esoftone.kr"],"url":"https:\/\/bovoid.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/posts\/628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bovoid.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=628"}],"version-history":[{"count":3,"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/posts\/628\/revisions"}],"predecessor-version":[{"id":635,"href":"https:\/\/bovoid.com\/index.php?rest_route=\/wp\/v2\/posts\/628\/revisions\/635"}],"wp:attachment":[{"href":"https:\/\/bovoid.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bovoid.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bovoid.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}