{"id":43921,"date":"2026-07-25T08:09:52","date_gmt":"2026-07-24T23:09:52","guid":{"rendered":"https:\/\/jore2.com\/?p=43921"},"modified":"2026-07-25T08:09:52","modified_gmt":"2026-07-24T23:09:52","slug":"community-17242-gsxui-shadcn-style-components-for-go","status":"publish","type":"post","link":"https:\/\/jore2.com\/?p=43921","title":{"rendered":"Go \uc5b8\uc5b4\uc758 UI \uc9c4\ud654, Shadcn \uc2a4\ud0c0\uc77c \ucef4\ud3ec\ub10c\ud2b8 Gsxui \uac00 \uc8fc\ubaa9\ubc1b\ub294 \uc774\uc720"},"content":{"rendered":"<div class=\"jore2-editor-byline\">\n<p><strong>\ud55c\uc11c\uc900<\/strong><\/p>\n<\/div>\n<p>\ubc31\uc5d4\ub4dc \uac1c\ubc1c\uc758 \ub300\uba85\uc0ac\ub85c \ubd88\ub9ac\ub358 Go \uc5b8\uc5b4\uac00 \ucd5c\uadfc \ud504\ub860\ud2b8\uc5d4\ub4dc \uc601\uc5ed\uae4c\uc9c0 \uadf8 \uc601\ud5a5\ub825\uc744 \ud655\uc7a5\ud558\uba70 \uc8fc\ubaa9\ubc1b\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 Gsxui \ub77c\ub294 \uc774\ub984\uc758 \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\uac00 \ub4f1\uc7a5\ud558\uba74\uc11c \uae30\uc874 Go \uc0dd\ud0dc\uacc4\uc758 \ud55c\uacc4\ub97c \ub118\uc5b4\uc11c\ub824\ub294 \uc2dc\ub3c4\uac00 \ud65c\ubc1c\ud574\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \ud504\ub85c\uc81d\ud2b8\ub294 Shadcn \uc2a4\ud0c0\uc77c\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub97c Go \uc5b8\uc5b4\uc5d0 \uc801\uc6a9\ud558\uc5ec \uac1c\ubc1c\uc790\ub4e4\uc774 \ub354 \uc9c1\uad00\uc801\uc774\uace0 \ud6a8\uc728\uc801\uc73c\ub85c UI \ub97c \uad6c\uc131\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\uc2b5\ub2c8\ub2e4. \ub2e8\uc21c\ud788 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc81c\uacf5\ud558\ub294 \uac83\uc744 \ub118\uc5b4 \ud0c0\uc785 \uccb4\ud06c\uc640 \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1\uc744 \uae30\ubcf8\uc73c\ub85c \uc9c0\uc6d0\ud55c\ub2e4\ub294 \uc810\uc774 \ud070 \uac15\uc810\uc73c\ub85c \uc791\uc6a9\ud569\ub2c8\ub2e4.<\/p>\n<p>## Go \uc5b8\uc5b4\uc758 UI \uc0dd\ud0dc\uacc4 \ubcc0\ud654\uc640 Gsxui \uc758 \ub4f1\uc7a5 \ubc30\uacbd<\/p>\n<p>\uae30\uc874\uc5d0 Go \uc5b8\uc5b4\ub85c \uc6f9 UI \ub97c \uac1c\ubc1c\ud560 \ub54c\ub294 \ud15c\ud50c\ub9bf \uc5d4\uc9c4\uc758 \ud55c\uacc4\ub098 \ubcf5\uc7a1\ud55c \ud504\ub860\ud2b8\uc5d4\ub4dc \ube4c\ub4dc \uacfc\uc815 \ub54c\ubb38\uc5d0 \ub9ce\uc740 \uac1c\ubc1c\uc790\uac00 \ubd88\ud3b8\ud568\uc744 \uacaa\uc5c8\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc Gsxui \ub294 \uc774\ub7ec\ud55c \ubb38\uc81c\uc810\uc744 \ud574\uacb0\ud558\uae30 \uc704\ud574 \ub4f1\uc7a5\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub294 \ubcf5\uc0ac\ud574\uc11c \ubc14\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub294 \ucef4\ud3ec\ub10c\ud2b8 \uad6c\uc870\ub97c \uc81c\uacf5\ud558\uba70, Tailwind CSS \ub97c \ud1b5\ud574 \uc2a4\ud0c0\uc77c\uc744 \uc790\uc720\ub86d\uac8c \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac00\uc7a5 \ud070 \ud2b9\uc9d5\uc740 \ubcc4\ub3c4\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8 \uc0ac\uc774\ub4dc \ud504\ub808\uc784\uc6cc\ud06c \uc5c6\uc774\ub3c4 \ub124\uc774\ud2f0\ube0c dialog \uc694\uc18c\ub97c \ud1b5\ud574 \ub80c\ub354\ub9c1\uc774 \uac00\ub2a5\ud558\ub2e4\ub294 \uc810\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub294 \ucd08\uae30 \ub85c\ub529 \uc18d\ub3c4\ub97c \ub192\uc774\uace0 \uc11c\ubc84 \ubd80\ud558\ub97c \uc904\uc774\ub294 \ub370 \uae30\uc5ec\ud569\ub2c8\ub2e4.<\/p>\n<p>\uac1c\ubc1c \ucee4\ubba4\ub2c8\ud2f0\uc5d0\uc11c\ub294 Go \uc5b8\uc5b4\ub85c\ub9cc \uc804\uccb4 \uc2a4\ud0dd\uc744 \uad6c\uc131\ud558\uace0 \uc2f6\uc5b4 \ud558\ub294 \uc218\uc694\uac00 \uafb8\uc900\ud788 \uc874\uc7ac\ud574 \uc654\uc2b5\ub2c8\ub2e4. \ud558\uc9c0\ub9cc \uae30\uc874 \ud15c\ud50c\ub9bf \uc2dc\uc2a4\ud15c\uc774 \ucef4\ud3ec\ub10c\ud2b8 \ub2e8\uc704\uc758 \uc7ac\uc0ac\uc6a9\uc774\ub098 \ud0c0\uc785 \uc548\uc815\uc131 \uce21\uba74\uc5d0\uc11c \ubd80\uc871\ud568\uc744 \ubcf4\uc774\uc790 Gsxui \uc640 \uac19\uc740 \ub3c4\uad6c\uac00 \uc8fc\ubaa9\ubc1b\uae30 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud2b9\ud788 Node.js \uc0dd\ud0dc\uacc4\uc5d0 \uc758\uc874\ud558\uc9c0 \uc54a\uace0 Go \uc758 \uac15\uc810\uc744 \uc0b4\ub9ac\uba74\uc11c\ub3c4 \ud604\ub300\uc801\uc778 UI \ud328\ud134\uc744 \uc801\uc6a9\ud558\ub824\ub294 \uc2dc\ub3c4\uac00 \uac1c\ubc1c\uc790\ub4e4\uc758 \ud638\uae30\uc2ec\uc744 \uc790\uadf9\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ub2e8\uc21c\ud55c \uae30\uc220\uc801 \uc2e4\ud5d8\uc744 \ub118\uc5b4 \uc2e4\uc81c \ud504\ub85c\ub355\uc158 \ud658\uacbd\uc5d0\uc11c\ub3c4 \uc801\uc6a9 \uac00\ub2a5\ud55c\uc9c0 \uac80\uc99d\ub418\ub294 \uacfc\uc815\uc5d0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>## \uac1c\ubc1c\uc790 \ubc18\uc751\uacfc \ud5a5\ud6c4 \uc804\ub9dd<\/p>\n<p>\uc2e4\uc81c \uac1c\ubc1c\uc790\ub4e4 \uc0ac\uc774\uc5d0\uc11c\ub294 Gsxui \uac00 \uae30\uc874\uc5d0 \uc0ac\uc6a9\ud558\ub358 templ \uc774\ub098 templui \uc640 \ube44\uad50\ub418\uba70 \ub17c\uc758\uac00 \ud65c\ubc1c\ud569\ub2c8\ub2e4. \uc77c\ubd80\ub294 Gsxui \uac00 JSX \ubb38\ubc95 \ud30c\uc2f1\uc744 \uc704\ud574 Node.js \ud658\uacbd\uc5d0 \uc758\uc874\ud558\ub294 \ubd80\ubd84\uc5d0 \ub300\ud574 \uc758\ubb38\uc744 \uc81c\uae30\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n<p>Go \ud45c\uc900 \ud15c\ud50c\ub9bf\uc774 \ub354 \uc9c1\uad00\uc801\uc774\uc5c8\uc73c\uba74 \uc88b\uaca0\ub2e4\ub294 \uc758\uacac\uacfc \ud568\uaed8, go generate \ud30c\uc774\ud504\ub77c\uc778\uc744 \ud1b5\ud55c \uac04\ub2e8\ud55c \ube4c\ub4dc \uacfc\uc815\uc5d0 \ub300\ud55c \uae30\ub300\uac10\ub3c4 \ud568\uaed8 \ub098\ud0c0\ub0a9\ub2c8\ub2e4. \ud558\uc9c0\ub9cc Gsxui \uac00 \uc81c\uacf5\ud558\ub294 \ud0c0\uc785 \uc548\uc804\uc131\uacfc \uc11c\ubc84 \ub80c\ub354\ub9c1\uc758 \uc870\ud569\uc740 \ub9ce\uc740 \uac1c\ubc1c\uc790\uc5d0\uac8c \ub9e4\ub825\uc801\uc73c\ub85c \ub2e4\uac00\uc624\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>htmx \uc640 \uac19\uc740 \uacbd\ub7c9 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \uc5f0\ub3d9 \uac00\ub2a5\ud55c\uc9c0\ub3c4 \uc911\uc694\ud55c \uad00\uc2ec\uc0ac \uc911 \ud558\ub098\uc785\ub2c8\ub2e4. Gsxui \ub294 \ubcc4\ub3c4\uc758 \ud074\ub77c\uc774\uc5b8\ud2b8 \ud504\ub808\uc784\uc6cc\ud06c \uc5c6\uc774\ub3c4 \ub3d9\uc791\ud560 \uc218 \uc788\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uae30 \ub54c\ubb38\uc5d0 htmx \uc640\uc758 \ud638\ud658\uc131\uc774 \ub192\uc744 \uac83\uc73c\ub85c \uc608\uc0c1\ub429\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub294 \ubcf5\uc7a1\ud55c \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \ubc88\ub4e4 \uc5c6\uc774\ub3c4 \ub3d9\uc801\uc778 UI \ub97c \uad6c\ud604\ud560 \uc218 \uc788\uac8c \ud574\uc8fc\uc5b4 \ubc31\uc5d4\ub4dc \uc911\uc2ec\uc758 \uac1c\ubc1c\uc790\ub4e4\uc5d0\uac8c \ud070 \uc7a5\uc810\uc774 \ub429\ub2c8\ub2e4. \ub610\ud55c Tailwind \uc758 \ud45c\uc900 \ube0c\ub808\uc774\ud06c\ud3ec\uc778\ud2b8\ub97c \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \ud654\uba74 \ud06c\uae30\uc5d0 \ub300\uc751\ud558\ub294 \ud604\ub300\uc801\uc778 UI\/UX \ud328\ud134\uc744 \uc27d\uac8c \uc801\uc6a9\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\ub3c4 \uc8fc\ubaa9\ud560 \ub9cc\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc55e\uc73c\ub85c Gsxui \uac00 Go \uc0dd\ud0dc\uacc4\uc5d0\uc11c \uc5b4\ub5a4 \uc704\uce58\ub97c \ucc28\uc9c0\ud560\uc9c0 \uc9c0\ucf1c\ubcf4\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4. \ud604\uc7ac\ub294 \ucd08\uae30 \ub2e8\uacc4\uc774\uc9c0\ub9cc, \ubc31\uc5d4\ub4dc\uc640 \ud504\ub860\ud2b8\uc5d4\ub4dc\uc758 \uacbd\uacc4\ub97c \ud5c8\ubb34\ub294 \ud750\ub984\uc774 \uac00\uc18d\ud654\ub420 \uac00\ub2a5\uc131\uc774 \ud07d\ub2c8\ub2e4.<\/p>\n<p>\ub9cc\uc57d Go \uc5b8\uc5b4\ub85c \uc791\uc131\ub41c \ucf54\ub4dc\uac00 \uc11c\ubc84\uc640 \ud074\ub77c\uc774\uc5b8\ud2b8 \uc591\ucabd\uc5d0\uc11c \ubaa8\ub450 \uc548\uc815\uc801\uc73c\ub85c \uc791\ub3d9\ud55c\ub2e4\uba74, \uac1c\ubc1c \uc6cc\ud06c\ud50c\ub85c\uc6b0\uc758 \ud6a8\uc728\uc131\uc740 \ud68d\uae30\uc801\uc73c\ub85c \uac1c\uc120\ub420 \uac83\uc785\ub2c8\ub2e4. \ub2e4\ub9cc Node.js \uc758\uc874\uc131 \ubb38\uc81c\ub098 \ud45c\uc900 \ud15c\ud50c\ub9bf\uacfc\uc758 \ud1b5\ud569 \ubc29\uc2dd \ub4f1 \ud574\uacb0\ud574\uc57c \ud560 \uacfc\uc81c\ub3c4 \ub0a8\uc544\uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub7ec\ud55c \uae30\uc220\uc801 \uc9c4\ud654\uac00 \uc5b4\ub5bb\uac8c \uc9c4\ud589\ub420\uc9c0\uc5d0 \ub530\ub77c Go \uc5b8\uc5b4\uc758 \uc6f9 \uac1c\ubc1c \uc601\uc5ed\uc5d0\uc11c\uc758 \uc704\uc0c1\uc774 \ub2ec\ub77c\uc9c8 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ubc31\uc5d4\ub4dc \uc5b8\uc5b4\ub85c\ub9cc \ud1b5\ud558\ub358 Go \uac00 \ud504\ub860\ud2b8\uc5d4\ub4dc \uc601\uc5ed\uae4c\uc9c0 \ud655\uc7a5\ub418\uba74\uc11c \uac1c\ubc1c\uc790\ub4e4\uc758 \uad00\uc2ec\uc744 \ub04c\uace0 \uc788\uc2b5\ub2c8\ub2e4. Shadcn \uc2a4\ud0c0\uc77c\uc758 \ucef4\ud3ec\ub10c\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac Gsxui \uac00 \ub4f1\uc7a5\ud558\uba70 \uc11c\ubc84 \uc0ac\uc774\ub4dc \ub80c\ub354\ub9c1\uacfc \ud0c0\uc785 \uc548\uc815\uc131\uc744 \ub3d9\uc2dc\uc5d0 \uc7a1\ub294 \uc0c8\ub85c\uc6b4 \ud750\ub984\uc774 \ub9cc\ub4e4\uc5b4\uc9c0\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"author":3,"featured_media":43920,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[406],"tags":[10969,28140,28141,28142,10770],"class_list":["post-43921","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-406","tag-go","tag-gsxui","tag-shadcn","tag-28142","tag-10770"],"featured_image_urls":{"full":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5.jpg",1080,1080,false],"thumbnail":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-150x150.jpg",150,150,true],"medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-300x300.jpg",300,300,true],"medium_large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-768x768.jpg",640,640,true],"large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-1024x1024.jpg",640,640,true],"1536x1536":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5.jpg",1080,1080,false],"2048x2048":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5.jpg",1080,1080,false],"morenews-large":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-825x575.jpg",825,575,true],"morenews-medium":["https:\/\/jore2.com\/wp-content\/uploads\/2026\/07\/k962938565-t5-590x410.jpg",590,410,true]},"author_info":{"info":["\ud55c\uc11c\uc900"]},"category_info":"<a href=\"https:\/\/jore2.com\/?cat=406\" rel=\"category\">\uc694\uc998\ub728\ub294\uc18c\uc2dd<\/a>","tag_info":"\uc694\uc998\ub728\ub294\uc18c\uc2dd","comment_count":"0","_links":{"self":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/43921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43921"}],"version-history":[{"count":0,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/posts\/43921\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=\/wp\/v2\/media\/43920"}],"wp:attachment":[{"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=43921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jore2.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=43921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}