{"id":24646,"date":"2023-07-05T10:54:02","date_gmt":"2023-07-05T01:54:02","guid":{"rendered":"http:\/\/nori.company\/?p=24646"},"modified":"2023-07-05T10:54:02","modified_gmt":"2023-07-05T01:54:02","slug":"million-react%eb%a5%bc-70-%eb%b9%a0%eb%a5%b4%ea%b2%8c","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=24646","title":{"rendered":"million &#8211; React\ub97c 70% \ube60\ub974\uac8c"},"content":{"rendered":"<ul>\n<li>React\uc758 Virtual DOM\uc744 \ub354 \ube60\ub974\uace0 \uacbd\ub7c9(&lt;4kb)\uc73c\ub85c \uad50\uccb4\ud574\uc11c 70% \ube60\ub974\uac8c \ub9cc\ub4e4\uae30\n<ul>\n<li>&#8220;block&#8221; virtual DOM\uc744 \uc774\uc6a9<\/li>\n<\/ul>\n<\/li>\n<li>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\n<ul>\n<li>\ucee4\uc2a4\ud140 \ucef4\ud30c\uc77c\ub7ec\ub85c \uc11c\ubc84\uc5d0\uc11c \ucd5c\uc801\ud654<\/li>\n<\/ul>\n<\/li>\n<li>\uac15\ub825\ud55c &#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=9622\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>React\uc758 Virtual DOM\uc744 \ub354 \ube60\ub974\uace0 \uacbd\ub7c9(&lt;4kb)\uc73c\ub85c \uad50\uccb4\ud574\uc11c 70% \ube60\ub974\uac8c \ub9cc\ub4e4\uae30 &#8220;block&#8221; virtual DOM\uc744 \uc774\uc6a9 React \ucef4\ud3ec\ub10c\ud2b8\ub97c wrapping \ud558\ub294 \uac83\ub9cc\uc73c\ub85c \ube60\ub978&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-24646","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-6pw","jetpack-related-posts":[{"id":24899,"url":"https:\/\/nori.company\/?p=24899","url_meta":{"origin":24646,"position":0},"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":30020,"url":"https:\/\/nori.company\/?p=30020","url_meta":{"origin":24646,"position":1},"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":25840,"url":"https:\/\/nori.company\/?p=25840","url_meta":{"origin":24646,"position":2},"title":"VanJS &#8211; 1KB Reactive UI \ud504\ub808\uc784\uc6cc\ud06c without React\/JSX","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 6\uc77c","format":false,"excerpt":"\ubc14\ub2d0\ub77c JS \uc640 DOM\uc744 \uae30\ubc18\uc73c\ub85c \ud558\ub294 \ucd08\uacbd\ub7c9 unopinionated Reactive UI \ud504\ub808\uc784\uc6cc\ud06c \"\uc124\uce58 \ud544\uc694\uc5c6\uace0, \uc124\uc815 \ud544\uc694\uc5c6\uace0, \uc758\uc874\uc131 \uc5c6\uace0, \ud2b8\ub79c\uc2a4\ud30c\uc77c\ub9c1 \ud544\uc694\uc5c6\uace0, IDE \uc124\uc815\ub3c4 \ud544\uc694\uc5c6\uc74c\" 0.9kb(\uc555\ucd95) \uc73c\ub85c \ub2e4\ub978 UI \ud504\ub808\uc784\uc6cc\ud06c\ubcf4\ub2e4 50~100\ubc30 \uc791\uc74c \ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \uc9c0\uc6d0 4\uac1c\uc758... \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":24007,"url":"https:\/\/nori.company\/?p=24007","url_meta":{"origin":24646,"position":3},"title":"Autocomplete &#8211; \ube60\ub974\uace0 \uae30\ub2a5 \ub9ce\uc740 \uc790\ub3d9\uc644\uc131 \ub77c\uc774\ube0c\ub7ec\ub9ac \uc624\ud508\uc18c\uc2a4","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 6\uc6d4 13\uc77c","format":false,"excerpt":"\uac80\uc0c9\uc5d4\uc9c4 SaaS\uc778 Algolia\uac00 \ub9cc\ub4e4\uc5b4 \uacf5\uac1c\ud55c \ub4a4 \uacc4\uc18d \uac1c\uc120\uc911 \uc778\uc81d\ud2b8 \ud560 \ucee8\ud14c\uc774\ub108, \uc0ac\uc6a9\ud560 \ub370\uc774\ud130, \uc544\ubb34 Virtual DOM \uc194\ub8e8\uc158(JS, Preact, React, Vue \ub4f1) \ub9cc \uc788\uc73c\uba74 \ubc14\ub85c \uc801\uc6a9 \uac00\ub2a5 \ub370\uc774\ud130 \uc18c\uc2a4\ub294 \uc815\uc801 \ub370\uc774\ud130, \uc678\ubd80 \ub370\uc774\ud130, \ucd5c\uadfc \uac80\uc0c9\ub4f1 \ub2e4\uc591\ud558\uac8c \uc774\uc6a9 \uac00\ub2a5 ... \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":24193,"url":"https:\/\/nori.company\/?p=24193","url_meta":{"origin":24646,"position":4},"title":"Vercel AI SDK \uacf5\uac1c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 6\uc6d4 19\uc77c","format":false,"excerpt":"React, Svelte, Vue \ub85c \uc2a4\ud2b8\ub9ac\ubc0d, \ucc44\ud305 \ubc29\uc2dd\uc758 AI\uc571\uc744 \uc0dd\uc131\ud558\uae30 \uc704\ud55c SDK SWR(HTTP RFC 5861, Stale-While-Revalidate)\ub97c \ud65c\uc6a9\ud558\uc5ec \ube60\ub974\uac8c \ub3d9\uc791 LangChain, OpenAI, Anthropic, HuggingFace \ub4f1\uc758 \ub2e4\uc591\ud55c \ubaa8\ub378 \uc9c0\uc6d0 Edge Runtime \ud638\ud658 \uc644\ub8cc\ub41c \uc2a4\ud2b8\ub9ac\ubc0d \uacb0\uacfc\ub97c DB\uc5d0 \uc800\uc7a5\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":29976,"url":"https:\/\/nori.company\/?p=29976","url_meta":{"origin":24646,"position":5},"title":"React Datasheet Grid &#8211; Airtable\/Excel\uacfc \ube44\uc2b7\ud55c \uc2a4\ud504\ub808\ub4dc\uc2dc\ud2b8 \ucef4\ud3ec\ub10c\ud2b8","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 12\uc77c","format":false,"excerpt":"\uc0ac\uc6a9\ud558\uae30 \uc27d\uace0, \uac00\uc0c1\ud654\ub41c \uc544\ud0a4\ud14d\ucc98\ub85c \uc218\uc2ed\ub9cc \ub85c\uc6b0\ub97c \ube60\ub974\uac8c \uad00\ub9ac \ubaa8\ub4e0 \ub3d9\uc791 \uac1c\uc778\ud654 \uac00\ub2a5 \ubc0f \uc790\uc2e0\uc758 \uc704\uc82f \uad6c\ud604 \uac00\ub2a5 \uc5d1\uc140, \uad6c\uae00\uc2dc\ud2b8, \ub178\uc158 \ub4f1\uc5d0\uc11c Copy\/Paste \uc9c0\uc6d0 \ud0a4\ubcf4\ub4dc \ub124\ube44\uac8c\uc774\uc158 \ubc0f \ub2e8\ucd95\ud0a4 \uc6b0\ud074\ub9ad \ubc0f \ucee4\uc2a4\ud140 \ucee8\ud14d\uc2a4\ud2b8 \uba54\ub274 \uc9c0\uc6d0 \ucf54\ub108 \ub4dc\ub798\uae45\uc744 \ud1b5\ud55c \uc120\ud0dd \ud655\uc7a5... \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\/24646","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=24646"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/24646\/revisions"}],"predecessor-version":[{"id":24647,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/24646\/revisions\/24647"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=24646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=24646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}