{"id":27186,"date":"2023-09-06T11:53:55","date_gmt":"2023-09-06T02:53:55","guid":{"rendered":"http:\/\/nori.company\/?p=27186"},"modified":"2023-09-06T11:53:55","modified_gmt":"2023-09-06T02:53:55","slug":"puck-react%eb%a5%bc-%ec%9c%84%ed%95%9c-%ec%98%a4%ed%94%88%ec%86%8c%ec%8a%a4-drag-drop-%ed%8e%b8%ec%a7%91%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=27186","title":{"rendered":"Puck &#8211; React\ub97c \uc704\ud55c \uc624\ud508\uc18c\uc2a4 Drag &#038; Drop \ud3b8\uc9d1\uae30"},"content":{"rendered":"<ul>\n<li>\uae30\uc874 React \ucef4\ud3ec\ub10c\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uc2dc\uac01\uc801 \ud3b8\uc9d1\uc744 \uc704\ud55c <strong>\ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d<\/strong> \uae30\ub2a5 \uc81c\uacf5<\/li>\n<li>\uc140\ud504\ud638\uc2a4\ud305 \ud558\uac70\ub098 \uc790\uc2e0\uc758 \uae30\uc874 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc5f0\ub3d9\uac00\ub2a5<\/li>\n<li>\uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811 \ucf58\ud150\uce20\ub97c \ub85c\ub4dc\ud560 \uc218 \uc788\uac8c \uc11c\ub4dc\ud30c\ud2f0 \ud5e4\ub4dc\ub9ac\uc2a4 CMS\uc640\uc758 <strong>\ud1b5\ud569<\/strong>\uc744 \uc9c0\uc6d0(Strapi.js)<\/li>\n<li>\uc778\ub77c\uc778 \ud3b8&#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=10740\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\uae30\uc874 React \ucef4\ud3ec\ub10c\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uc2dc\uac01\uc801 \ud3b8\uc9d1\uc744 \uc704\ud55c \ub4dc\ub798\uadf8 \uc564 \ub4dc\ub86d \uae30\ub2a5 \uc81c\uacf5 \uc140\ud504\ud638\uc2a4\ud305 \ud558\uac70\ub098 \uc790\uc2e0\uc758 \uae30\uc874 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc5f0\ub3d9\uac00\ub2a5 \uc0ac\uc6a9\uc790\uac00 \uc9c1\uc811&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[138],"tags":[163],"class_list":["post-27186","post","type-post","status-publish","format-standard","hentry","category-it","tag-geeknews-----"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pa3PO4-74u","jetpack-related-posts":[{"id":23700,"url":"https:\/\/nori.company\/?p=23700","url_meta":{"origin":27186,"position":0},"title":"WASIX \ubc1c\ud45c &#8211; WASI ABI\ub97c POSIX\uc640 \ub354\uc6b1 \ud638\ud658\ub418\uac8c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 6\uc6d4 1\uc77c","format":false,"excerpt":"WASM \ud658\uacbd\uc5d0\uc11c curl, bash, CPython \uac19\uc740 \uae30\uc874 POSIX \uae30\ubc18 \uc5b4\ud50c\ub9ac\ucf00\uc774\uc158\ub4e4\uc744 \uc2e4\ud589\ud558\uae30 \uc704\ud55c \ud504\ub85c\uc81d\ud2b8 \ud234\uccb4\uc778(Rust, C, AssemblyScript) + \uc2a4\ud399 + \ub7f0\ud0c0\uc784 \uae30\uc874 \ub3c4\uad6c\ub4e4\uc744 \uc11c\ubc84 \ubc0f \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\ud589 \uac00\ub2a5 \uc9c0\uc6d0 \uae30\ub2a5 \ud6a8\uc728\uc801\uc778 \uba40\ud2f0\uc4f0\ub808\ub529 socket \uc644\ubcbd\uc9c0\uc6d0(socket, b... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22300,"url":"https:\/\/nori.company\/?p=22300","url_meta":{"origin":27186,"position":1},"title":"phind &#8211; \uac1c\ubc1c\uc790\ub97c \uc704\ud55c GPT-4 \uae30\ubc18 \uac80\uc0c9 \uc5d4\uc9c4","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 4\uc6d4 13\uc77c","format":false,"excerpt":"\uac1c\ubc1c\uc790\ub97c \uc704\ud55c Generative AI \uac80\uc0c9 \uc5d4\uc9c4\uc778 phind\uc5d0\uc11c GPT-4 \uae30\ubc18 \uac80\uc0c9\uc744 \ucd9c\uc2dc. \uc804\ubb38\uac00 (Expert) \ud1a0\uae00\uc744 \ud65c\uc131\ud654\ud558\uba74 GPT-4 \ubaa8\ub4dc\ub85c \ub3d9\uc791\ud568. \uac80\uc0c9\uc5b4\uc640 \uad00\ub828\ub41c \uc6f9 \uc0ac\uc774\ud2b8\uc640 \uae30\uc220 \ubb38\uc11c\ub97c \uc81c\uacf5\ud558\uc5ec \ud658\uac01(Hallucination) \ud604\uc0c1\uc744 \ucd5c\uc18c\ud654\ud558\uace0 \ucd5c\uc2e0 \uc815\ubcf4\ub97c \uc81c\uacf5\ud568. GPT-4 \ubaa8\ub378\uc740 \uae30\uc874 \ubaa8\ub378\ubcf4\ub2e4... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":25989,"url":"https:\/\/nori.company\/?p=25989","url_meta":{"origin":27186,"position":2},"title":"Typograms &#8211; \uae30\uc220 \ubb38\uc11c\uc5d0\uc11c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \ud45c\ud604\ud558\uae30 \uc704\ud55c \ud14d\uc2a4\ud2b8 \uae30\ubc18 \uacbd\ub7c9 \uc774\ubbf8\uc9c0 \ud3ec\ub9f7","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 10\uc77c","format":false,"excerpt":"by Google \ub9c8\ud06c\ub2e4\uc6b4\uacfc \ub9c8\ucc2c\uac00\uc9c0\ub85c, \uae30\uc874\uc758 ASCII \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc5d0\uc11c \ubcfc \uc218 \uc788\ub294 \uae30\uc874 \uaddc\uce59\uc5d0\uc11c \ub9ce\uc740 \uc601\uac10\uc744 \ubc1b\uc74c \uba87 \uac1c\uc758 \uae30\ubcf8 \uc694\uc18c\uc640 \uc774\ub97c \uc5f0\uacb0\ud558\ub294 \uaddc\uce59\uc744 \ud1b5\ud574\uc11c \ud070 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc791\uc131 \uac00\ub2a5 \ud3b8\uc9d1\uc131\uacfc \ud734\ub300\uc131\uc5d0 \ucd5c\uc801\ud654 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c Polyfill \uc81c\uacf5(Typogram\uc744... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":22172,"url":"https:\/\/nori.company\/?p=22172","url_meta":{"origin":27186,"position":3},"title":"\ud14c\uc2ac\ub77c, \ub9c8\uc2a4\ud130 \ud50c\ub79c \ud30c\ud2b8 3","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 4\uc6d4 9\uc77c","format":false,"excerpt":"\uc778\ubca0\uc2a4\ud130 \ub370\uc774\uc5d0\uc11c \uc598\uae30\ud588\ub358 \ud30c\ud2b8 3\ub97c 41p PDF\ub85c \uacf5\uac1c \uc9c0\uc18d\uac00\ub2a5\ud55c \uae00\ub85c\ubc8c \uc5d0\ub108\uc9c0 \uc774\ucf54\ub178\ubbf8\uc5d0 \ub3c4\ub2ec\ud558\uae30 \uc704\ud55c \uacbd\ub85c\ub97c \uc81c\uc2dc \ud604\uc7ac\uc758 \uc5d0\ub108\uc9c0 \uacbd\uc81c\ub294 \ub9e4\uc6b0 \uc18c\ubaa8\uc801\uc784 \ud654\uc11d \uc5f0\ub8cc \ud1f4\ucd9c\uc744 \uc704\ud55c \uacc4\ud68d \uae30\uc874 \uc804\ub825 \uadf8\ub9ac\ub4dc\ub97c \uc7ac\uc0dd \uc5d0\ub108\uc9c0\ud654 \uc804\uae30\ucc28\ub85c \uc804\ud658 \uc8fc\uac70\uc6a9, \uc0c1\uc5c5... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26249,"url":"https:\/\/nori.company\/?p=26249","url_meta":{"origin":27186,"position":4},"title":"React \ub54c\ubb38\uc5d0 \uc78a\uc5b4\ubc84\ub838\uac70\ub098 (\ud639\uc740 \ubaa8\ub974\uace0 \uc788\ub358) \uac83\ub4e4","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 16\uc77c","format":false,"excerpt":"\uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uad6c\ucd95\uc744 \uc704\ud55c \ub110\ub9ac \uc0ac\uc6a9\ub418\ub294 JavaScript \ub77c\uc774\ube0c\ub7ec\ub9ac\uc778 React\uc5d0 \ub300\ud55c \ube44\ud310\uc801\uc778 \uac80\ud1a0 \ubc0f \ub300\uc548 \uc81c\uc548. React\ub294 \uc2dc\ub300\uc5d0 \ub4a4\ub5a8\uc5b4\uc9c4 \uac83\uc73c\ub85c \ube44\ud310\ub418\uba70, \uc131\ub2a5\uacfc \uc801\uc751\uc131\uc774 \ubd80\uc871\ud558\ub2e4\ub294 \uc9c0\uc801. \uc800\uc790\ub294 React\uc758 \uc0dd\ud0dc\uacc4\uac00 \ubd88\ud544\uc694\ud558\uac8c ... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":26380,"url":"https:\/\/nori.company\/?p=26380","url_meta":{"origin":27186,"position":5},"title":"\ub098\uc758 \uc0ac\uc774\ub4dc \ud504\ub85c\uc81d\ud2b8\ub97c \uc704\ud55c \uae30\uc220 \uc2a4\ud0dd 2023","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 19\uc77c","format":false,"excerpt":"Frontend: Typescript, Next.js, React, TailwindCSS, Zustand (state management), react-query, Cloudflare Pages (static sites), Google Cloud Run (for servers) Backend: Node.js, Express (swap for Fastify if performance needed), ts-rest, TypeORM, knex, PostgreSQL, Redis, Google Cloud... \ucd9c\ucc98 : GeekNews - \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4","rel":"","context":"&quot;IT&quot;\uc5d0\uc11c","block_context":{"text":"IT","link":"https:\/\/nori.company\/?cat=138"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/27186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27186"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/27186\/revisions"}],"predecessor-version":[{"id":27187,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/27186\/revisions\/27187"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=27186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=27186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}