{"id":25840,"date":"2023-08-06T11:54:05","date_gmt":"2023-08-06T02:54:05","guid":{"rendered":"http:\/\/nori.company\/?p=25840"},"modified":"2023-08-06T11:54:05","modified_gmt":"2023-08-06T02:54:05","slug":"vanjs-1kb-reactive-ui-%ed%94%84%eb%a0%88%ec%9e%84%ec%9b%8c%ed%81%ac-without-react-jsx","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=25840","title":{"rendered":"VanJS &#8211; 1KB Reactive UI \ud504\ub808\uc784\uc6cc\ud06c without React\/JSX"},"content":{"rendered":"<ul>\n<li>\ubc14\ub2d0\ub77c JS \uc640 DOM\uc744 \uae30\ubc18\uc73c\ub85c \ud558\ub294 \ucd08\uacbd\ub7c9 unopinionated Reactive UI \ud504\ub808\uc784\uc6cc\ud06c<\/li>\n<li>&quot;\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&quot;<\/li>\n<li>0.9kb(\uc555\ucd95) \uc73c\ub85c \ub2e4\ub978 UI \ud504\ub808\uc784\uc6cc\ud06c\ubcf4\ub2e4 50~100\ubc30 \uc791\uc74c<\/li>\n<li>\ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \uc9c0\uc6d0<\/li>\n<li>4\uac1c\uc758&#8230;\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=10202\" 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>\ubc14\ub2d0\ub77c JS \uc640 DOM\uc744 \uae30\ubc18\uc73c\ub85c \ud558\ub294 \ucd08\uacbd\ub7c9 unopinionated Reactive UI \ud504\ub808\uc784\uc6cc\ud06c &quot;\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&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-25840","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-6IM","jetpack-related-posts":[{"id":30666,"url":"https:\/\/nori.company\/?p=30666","url_meta":{"origin":25840,"position":0},"title":"RustGPT &#8211; Rust+Htmx+SQLite\ub85c \ub9cc\ub4e0 ChatGPT UI","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 26\uc77c","format":false,"excerpt":"OpenAI\uc758 ChatGPT \uc778\ud130\ud398\uc774\uc2a4\ub97c Rust \uc640 Axum \ud504\ub808\uc784\uc6cc\ud06c \ubc0f Htmx \ub85c \uad6c\ud604\ud55c \uc624\ud508\uc18c\uc2a4 Server Sent Events (SSE) \ub97c \uc774\uc6a9\ud55c \uc2e4\uc2dc\uac04 \uc2a4\ud2b8\ub9ac\ubc0d\uc73c\ub85c ChatGPT \uc758 \uc778\ud130\ub799\uc158 \ubd80\ubd84\uc744 \uad6c\ud604 ... \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":27235,"url":"https:\/\/nori.company\/?p=27235","url_meta":{"origin":25840,"position":1},"title":"Astro 3.0 \ub9b4\ub9ac\uc988","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 9\uc6d4 7\uc77c","format":false,"excerpt":"View Transitions API\ub97c \uc9c0\uc6d0\ud558\ub294 \ucd5c\ucd08\uc758 \uba54\uc774\uc800 \uc6f9 \ud504\ub808\uc784\uc6cc\ud06c SPA\uc5d0\uc11c\ub9cc \uac00\ub2a5\ud558\ub358 \ud398\uc774\ub4dc, \uc2ac\ub77c\uc774\ub4dc, \ubaa8\ud551 \ub4f1 \ud398\uc774\uc9c0 \uc804\ud658 \ud6a8\uacfc\ub97c \uc5b4\ub514\uc11c\ub4e0 \uc27d\uac8c \uc774\uc6a9 \uac00\ub2a5 \uacf5\ud1b5 UI\ub97c \ud398\uc774\uc9c0\uac04\uc5d0 \uc720\uc9c0 \uac00\ub2a5 \ub354 \ube60\ub978 \ub80c\ub354\ub9c1: Astro \ucef4\ud3ec\ub10c\ud2b8\ub4e4\uc774 30~75% \ube68\ub77c\uc9d0 \uc774\ubbf8\uc9c0 \ucd5c\uc801\ud654... \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":25525,"url":"https:\/\/nori.company\/?p=25525","url_meta":{"origin":25840,"position":2},"title":"Chidori &#8211; AI \uc5d0\uc774\uc804\ud2b8 \uc791\uc131\uc6a9 \ub9ac\uc561\ud2f0\ube0c \ub7f0\ud0c0\uc784","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 30\uc77c","format":false,"excerpt":"Reactive, Observable, Robust \ud55c AI \uc5d0\uc774\uc804\ud2b8 \uac1c\ubc1c\uc744 \uc704\ud568 \ud504\ub808\uc784\uc6cc\ud06c Rust\ub85c \uac1c\ubc1c\ub41c \ub7f0\ud0c0\uc784\uc774\uc9c0\ub9cc, Node.js, Python\ub85c \uac1c\ubc1c \uac00\ub2a5 \ube44\uc6a9 \uc808\uac10\uc744 \uc704\ud55c LLM \uce90\uc2f1 \uc9c0\uc6d0 \uc7a5\uae30\ub85c \uc2e4\ud589\ub418\ub294 AI Workflow\uc5d0 \ucd5c\uc801\ud654 \ucf54\ub4dc \uc778\ud130\ud504\ub9ac\ud130 \ub0b4\uc7a5 Time Travel \ub514\ubc84\uae45 \uc9c0\uc6d0 ... \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":30846,"url":"https:\/\/nori.company\/?p=30846","url_meta":{"origin":25840,"position":3},"title":"\ub2f9\uc2e0\uc758 \uc9d1\uc5d0 \ub300\ud55c \ubb38\uc11c \uc791\uc131","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 29\uc77c","format":false,"excerpt":"\uc8fc\ud0dd \uae30\uc220 \ubb38\uc11c \uc791\uc131\ud558\uae30 \ub3d9\uae30 \ubd80\uc5ec \uccab \uc8fc\ud0dd \uc18c\uc720\uc790\ub85c\uc11c \ub2e4\uc591\ud55c \uc9c8\ubb38\uc5d0 \ub300\ud55c \ubb38\uc11c\ud654\ub41c \ucc38\uace0 \uc790\ub8cc\uc758 \ud544\uc694\uc131 \uc778\uc2dd \uc8fc\ud0dd\uc5d0 \ub300\ud55c \uc0ac\uc6a9\uc790 \ub9e4\ub274\uc5bc \ubc0f \uae30\uc220 \ubb38\uc11c\uc758 \uc911\uc694\uc131 \uac15\uc870 \ucd94\ucc9c \ud504\ub808\uc784\uc6cc\ud06c Di\u00e1taxis \uae30\uc220 \ubb38\uc11c \ud504\ub808\uc784\uc6cc\ud06c \uc801\uc6a9 \uace0\ub824 \ubb38\uc11c\ub97c \ud29c... \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":24623,"url":"https:\/\/nori.company\/?p=24623","url_meta":{"origin":25840,"position":4},"title":"GPT-Migrate &#8211; \ud504\ub808\uc784\uc6cc\ud06c\/\uac1c\ubc1c\uc5b8\uc5b4\ub97c \ubcc0\uacbd\ud574\uc8fc\ub294 \ub3c4\uad6c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 4\uc77c","format":false,"excerpt":"GPT\ub97c \uc774\uc6a9\ud558\uc5ec \uc0c8\ub85c\uc6b4 \ud504\ub808\uc784\uc6cc\ud06c \ub610\ub294 \uac1c\ubc1c\uc5b8\uc5b4\ub85c \ucf54\ub4dc\ubca0\uc774\uc2a4\ub97c \uc774\uad00(Migration)\ud574\uc8fc\ub294 \ub3c4\uad6c Python to Rust, Python to Javascript,.. GPT-4-32K \ub97c \uc0ac\uc6a9\ud558\ub294 \uac83\uc744 \ucd94\ucc9c \uc544\uc9c1 \ucd08\uae30\ub2e8\uacc4\uc774\ubbc0\ub85c \uc2e4\ud5d8\uc6a9\uc73c\ub85c\ub9cc \uc0ac\uc6a9\ud560 \uac83 ... \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":29838,"url":"https:\/\/nori.company\/?p=29838","url_meta":{"origin":25840,"position":5},"title":"Giskard &#8211; ML \ubaa8\ub378\uc744 \uc704\ud55c \ud14c\uc2a4\ud305 \ud504\ub808\uc784\uc6cc\ud06c","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 9\uc77c","format":false,"excerpt":"Tabular \ubd80\ud130 LLM \uae4c\uc9c0 ML \ubaa8\ub378\uc744 \uc704\ud55c \uc804\uc6a9 \ud14c\uc2a4\ud2b8 \ud504\ub808\uc784\uc6cc\ud06c \uba87\uc904\uc758 \ucf54\ub4dc\ub85c AI \ubaa8\ub378\uc744 \uc2a4\uce94\ud558\uc5ec \ud3b8\ud5a5\uc131, \uc131\ub2a5 \ubb38\uc81c \ubc0f \uc624\ub958 \uc704\ud5d8 \uac10\uc9c0 \uac00\ub2a5 \ud30c\uc774\uc36c 3.9~ \uc774\uc0c1\uc744 \uc9c0\uc6d0\ud558\ub294 \ub77c\uc774\ube0c\ub7ec\ub9ac\ub85c \uc81c\uacf5 ... \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\/25840","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=25840"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/25840\/revisions"}],"predecessor-version":[{"id":25841,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/25840\/revisions\/25841"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}