{"id":26249,"date":"2023-08-16T10:53:49","date_gmt":"2023-08-16T01:53:49","guid":{"rendered":"http:\/\/nori.company\/?p=26249"},"modified":"2023-08-16T10:53:49","modified_gmt":"2023-08-16T01:53:49","slug":"react-%eb%95%8c%eb%ac%b8%ec%97%90-%ec%9e%8a%ec%96%b4%eb%b2%84%eb%a0%b8%ea%b1%b0%eb%82%98-%ed%98%b9%ec%9d%80-%eb%aa%a8%eb%a5%b4%ea%b3%a0-%ec%9e%88%eb%8d%98-%ea%b2%83%eb%93%a4","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=26249","title":{"rendered":"React \ub54c\ubb38\uc5d0 \uc78a\uc5b4\ubc84\ub838\uac70\ub098 (\ud639\uc740 \ubaa8\ub974\uace0 \uc788\ub358) \uac83\ub4e4"},"content":{"rendered":"<ul>\n<li>\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 <strong>React<\/strong>\uc5d0 \ub300\ud55c \ube44\ud310\uc801\uc778 \uac80\ud1a0 \ubc0f \ub300\uc548 \uc81c\uc548.<\/li>\n<li>\n<strong>React<\/strong>\ub294 <strong>\uc2dc\ub300\uc5d0 \ub4a4\ub5a8\uc5b4\uc9c4<\/strong> \uac83\uc73c\ub85c \ube44\ud310\ub418\uba70, \uc131\ub2a5\uacfc \uc801\uc751\uc131\uc774 \ubd80\uc871\ud558\ub2e4\ub294 \uc9c0\uc801.<\/li>\n<li>\uc800\uc790\ub294 React\uc758 \uc0dd\ud0dc\uacc4\uac00 \ubd88\ud544\uc694\ud558\uac8c &#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=10373\" 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>\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,&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-26249","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-6Pn","jetpack-related-posts":[{"id":30020,"url":"https:\/\/nori.company\/?p=30020","url_meta":{"origin":26249,"position":0},"title":"HN \uc18c\uac1c: Airtable \ud615\uc2dd\uc758 React \ucef4\ud3ec\ub10c\ud2b8, DataSheetGrid","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 13\uc77c","format":false,"excerpt":"React Datasheet Grid \uc18c\uac1c React Datasheet Grid\ub294 Airtable\uacfc \uc720\uc0ac\ud55c React \ucef4\ud3ec\ub10c\ud2b8\ub85c \uc544\ub984\ub2e4\uc6b4 \uc2a4\ud504\ub808\ub4dc\uc2dc\ud2b8 \uc0dd\uc131 \uac00\ub2a5. \uae30\uc220 \ubc0f \uc81c\ud488 \ud300\uc774 \ub354 \ub098\uc740 \ud488\uc9c8\uc758 \uc81c\ud488\uc744 \ub354 \ube60\ub974\uac8c \ucd9c\uc2dc\ud558\uace0 \uc804\ud658\uc728\uc744 \uac1c\uc120\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 Tggl.io\uc640\uc758 \ud30c\ud2b8\ub108\uc2ed. \uc0ac\uc6a9\uc774 \uac04\ub2e8\ud558\uba70, \uc0c1\ud0dc\ub97c \uc5f0\uacb0\ud558\uae30... \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":24899,"url":"https:\/\/nori.company\/?p=24899","url_meta":{"origin":26249,"position":1},"title":"React\uc640 Solid\uc758 \ucc28\uc774\uc810 \ud1ba\uc544\ubcf4\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 13\uc77c","format":false,"excerpt":"JSX \uc758 \uc6d0\uc870\uc778 React \uc640 JSX\uc5d0\uc11c \ud30c\uc0dd\ud558\uc5ec React\uc640 \ub2ec\ub9ac \uac00\uc0c1DOM\uc744 \uc0ac\uc6a9\ud558\uc9c0 \uc54a\ub294 Solid.js \uc758 \ucc28\uc774\uc810\uc744 \uc54c\uc544\ubcf4\uc558\uc2b5\ub2c8\ub2e4. React \uac1c\ubc1c\uc790\uac00 Solid.js \uc5d0 \uc811\uadfc\ud560 \uacbd\uc6b0\ub97c \uac00\uc815\ud558\uc5ec \ucc28\uc774\uc810\uc744 \ubcf4\uc558\uc744 \ub54c, \uae30\ucd08\uc801\uc73c\ub85c \uc544\ub798\uc640 \uac19\uc740 \ucc28\uc774\uc810\uc774 \uc788\uc2b5\ub2c8\ub2e4. React\uc758 \ud6c5 \ud568\uc218\ub294 \ucef4\ud3ec\ub10c\ud2b8 \ud568\uc218 \ub0b4\uc5d0\uc11c\ub9cc \uc0ac\uc6a9 \ud558 \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":24646,"url":"https:\/\/nori.company\/?p=24646","url_meta":{"origin":26249,"position":2},"title":"million &#8211; React\ub97c 70% \ube60\ub974\uac8c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 5\uc77c","format":false,"excerpt":"React\uc758 Virtual DOM\uc744 \ub354 \ube60\ub974\uace0 \uacbd\ub7c9(<4kb)\uc73c\ub85c \uad50\uccb4\ud574\uc11c 70% \ube60\ub974\uac8c \ub9cc\ub4e4\uae30 \"block\" virtual DOM\uc744 \uc774\uc6a9 React \ucef4\ud3ec\ub10c\ud2b8\ub97c wrapping \ud558\ub294 \uac83\ub9cc\uc73c\ub85c \ube60\ub978 \ub80c\ub354\ub9c1\uacfc \ub85c\ub529 \uc18d\ub3c4\uac00 \ube68\ub77c\uc9d0 \ucee4\uc2a4\ud140 \ucef4\ud30c\uc77c\ub7ec\ub85c \uc11c\ubc84\uc5d0\uc11c \ucd5c\uc801\ud654 \uac15\ub825\ud55c ... \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":31162,"url":"https:\/\/nori.company\/?p=31162","url_meta":{"origin":26249,"position":3},"title":"Show GN: VigmaRN &#8211; React Native\ucf54\ub4dc\ub97c \uc2e4\uc2dc\uac04 \uc0dd\uc131\ud558\ub294 FIgma\uc2a4\ud0c0\uc77c VSCode extension","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 12\uc6d4 6\uc77c","format":false,"excerpt":"Figma \uc2a4\ud0c0\uc77c GUI \uc5d0\ub514\ud130\ub97c \uc0ac\uc6a9\ud558\uba74 \ucf54\ub4dc\uac00 \uc2e4\uc2dc\uac04 \uc0dd\uc131\ub428 vs-code extension for React Native (Expo) ... \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":23655,"url":"https:\/\/nori.company\/?p=23655","url_meta":{"origin":26249,"position":4},"title":"Show GN: Awesome JSX","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 5\uc6d4 30\uc77c","format":false,"excerpt":"React\uac00 \uc544\ub2cc \uc21c\uc218 JSX \ucc3e\uae30 \uc5b4\ub824\uc6b4 \uc800\uac19\uc740 \ubd88\uc30d\ud55c \uc911\uc0dd\uc744 \uc704\ud574\uc11c \uc81c\uac00 \uadf8\ub0e5 Awesome List\ub97c \ub9cc\ub4e4\uc5b4 \ubc84\ub838\uc2b5\ub2c8\ub2e4. \uc5ec\ub7ec\ubd84\ub3c4 React\ub97c \ubc97\uc5b4\ub09c JSX \uc5d0\ucf54\uc2dc\uc2a4\ud15c\uc774 \uc5b4\ub5a4 \uac83\uc774 \uc788\ub294\uc9c0, \uc9c1\uc811 JSX \uae30\ubc18\uc758 \uc5d0\ucf54\uc2dc\uc2a4\ud15c\uc744 \ub9cc\ub4e4 \uc218 \uc788\ub294 \ub9ac\uc18c\uc2a4\ub97c \ud655\uc778\ud558\uc2dc\uace0 \uc990\uac70\uc6b4 JSX\uc758 \uc138\uacc4\uc5d0 \ube60\uc838\ubcf4\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4. \uadf8\ub807\ub2e4\uace0 react \ud558\uc9c0 \ub9d0\ub77c\uace0... \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":26249,"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\/26249","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=26249"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/26249\/revisions"}],"predecessor-version":[{"id":26250,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/26249\/revisions\/26250"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}