{"id":30332,"date":"2023-11-19T10:51:18","date_gmt":"2023-11-19T01:51:18","guid":{"rendered":"http:\/\/nori.company\/?p=30332"},"modified":"2023-11-19T10:51:18","modified_gmt":"2023-11-19T01:51:18","slug":"screenshot-to-code-gpt-4v%eb%a1%9c-%ed%99%94%eb%a9%b4-%ec%ba%a1%ec%b3%90%eb%a5%bc-%ec%bd%94%eb%93%9c%eb%a1%9c-%eb%b3%80%ed%99%98%ed%95%98%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/nori.company\/?p=30332","title":{"rendered":"Screenshot-To-Code &#8211; GPT-4V\ub85c \ud654\uba74 \ucea1\uccd0\ub97c \ucf54\ub4dc\ub85c \ubcc0\ud658\ud558\uae30"},"content":{"rendered":"<ul>\n<li>GPT-4 Vision \uc744 \uc774\uc6a9\ud574\uc11c \ud654\uba74 \uc2a4\ud06c\ub9b0\uc0f7\uc744 HTML\/Tailwind CSS \ucf54\ub4dc\ub85c \ubcc0\ud658<\/li>\n<li>\ud654\uba74\uc5d0 \uc774\ubbf8\uc9c0\ub294 DALL-E 3 \ub97c \uc774\uc6a9\ud574\uc11c \ube44\uc2b7\ud558\uac8c \ubcf4\uc774\ub294 \uc774\ubbf8\uc9c0\ub97c \uc0dd\uc131\ud574\uc11c \ub300\uccb4 \uac00\ub2a5<\/li>\n<li>\ucd94\uac00 \ud504\ub86c\ud504\ud2b8\ub97c \uc785\ub825\ud574\uc11c \uc6d0\ud558\ub294 \ub300\ub85c \uc0dd\uc131\ub418\ub294 \ucf54\ub4dc\ub97c \uc218\uc815 \uac00\ub2a5<\/li>\n<li>React\/Vite \ud504\ub860\ud2b8\uc5d4\ub4dc + FastAPI \ubc31\uc5d4\ub4dc<\/li>\n<p>&#8230;<\/p>\n<p>\ucd9c\ucc98 : <a href=\"https:\/\/news.hada.io\/topic?id=11927\" target=\"_blank\" rel=\"noopener\">GeekNews &#8211; \uac1c\ubc1c\/\uae30\uc220\/\uc2a4\ud0c0\ud2b8\uc5c5 \ub274\uc2a4 \uc11c\ube44\uc2a4 <\/a><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>GPT-4 Vision \uc744 \uc774\uc6a9\ud574\uc11c \ud654\uba74 \uc2a4\ud06c\ub9b0\uc0f7\uc744 HTML\/Tailwind CSS \ucf54\ub4dc\ub85c \ubcc0\ud658 \ud654\uba74\uc5d0 \uc774\ubbf8\uc9c0\ub294 DALL-E 3 \ub97c \uc774\uc6a9\ud574\uc11c \ube44\uc2b7\ud558\uac8c \ubcf4\uc774\ub294 \uc774\ubbf8\uc9c0\ub97c \uc0dd\uc131\ud574\uc11c&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-30332","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-7Te","jetpack-related-posts":[{"id":22035,"url":"https:\/\/nori.company\/?p=22035","url_meta":{"origin":30332,"position":0},"title":"Taxy AI &#8211; GPT-4\ub85c \ube0c\ub77c\uc6b0\uc800 \uc644\uc804 \uc790\ub3d9\ud654 \ud558\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 4\uc6d4 4\uc77c","format":false,"excerpt":"\uc0ac\uc6a9\uc790\uac00 \uba85\ub839\uc744 \ub0b4\ub9ac\uba74, \uc6f9\ud398\uc774\uc9c0\uc758 DOM\uc744 GPT\uc5d0 \ub123\uace0 click\/setValue 2\uac00\uc9c0 \ub3d9\uc791\uc744 \uc54c\ub824\uc90c LLM\uc744 \ud1b5\ud574\uc11c \uba85\ub839\uc744 \ub0b4\ub824\uc11c \ub2f5\ubcc0\uc744 \ubc1b\uc73c\uba74, chrome.debugger API\ub97c \uc774\uc6a9\ud574\uc11c \uc561\uc158\uc73c\ub85c \uc218\ud589 1\uac1c \ud0dc\uc2a4\ud06c\ub2f9 50\uac1c \uae4c\uc9c0\uc758 \uc561\uc158\uc744 \uc218\ud589 \uac00\ub2a5 \ud604\uc7ac\ub294 \uc560\ub4dc\ud639 \uba85\ub839\ub9cc \uc815\uc758 \uac00\ub2a5\ud558\uc9c0\ub9cc, \ub098\uc911\uc5d4 ... \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":30284,"url":"https:\/\/nori.company\/?p=30284","url_meta":{"origin":30332,"position":1},"title":"Show HN: GPT Vision(OSS \ub3c4\uad6c)\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud06c\ub9b0\uc0f7\uc744 \uae54\ub054\ud55c HTML \ucf54\ub4dc\ub85c \ubcc0\ud658","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 17\uc77c","format":false,"excerpt":"\uc2a4\ud06c\ub9b0\uc0f7\uc744 \ucf54\ub4dc\ub85c \ubcc0\ud658\ud558\ub294 \uc571 \uc2a4\ud06c\ub9b0\uc0f7\uc744 HTML\/Tailwind CSS\ub85c \ubcc0\ud658\ud558\ub294 \uac04\ub2e8\ud55c \uc571 GPT-4 Vision\uc744 \uc0ac\uc6a9\ud558\uc5ec \ucf54\ub4dc\ub97c \uc0dd\uc131\ud558\uace0, DALL-E 3\uc73c\ub85c \ube44\uc2b7\ud55c \uc774\ubbf8\uc9c0 \uc0dd\uc131 \ub370\ubaa8\ub97c \ubcf4\ub824\uba74 \uc544\ub798 \uc608\uc2dc \uc139\uc158 \ucc38\uc870 \uc5c5\ub370\uc774\ud2b8 \ub0b4\uc5ed \uc774\ubbf8\uc9c0 \uc0dd\uc131\uc774 \ud544\uc694 \uc5c6\ub294 \uacbd\uc6b0 DA... \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":26530,"url":"https:\/\/nori.company\/?p=26530","url_meta":{"origin":30332,"position":2},"title":"Notion-Avatar &#8211; \ub178\uc158 \uc2a4\ud0c0\uc77c\uc758 \uc544\ubc14\ud0c0 \ub9cc\ub4e4\uae30","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 23\uc77c","format":false,"excerpt":"\uc5bc\uad74, \ucf54, \uc785, \ub208, \ub208\uc379, \uc548\uacbd, \uba38\ub9ac, \uc545\uc138\uc0ac\ub9ac, \ub514\ud14c\uc77c, \uc218\uc5fc \uc120\ud0dd \uac00\ub2a5 \ubc30\uacbd\uc0c9 \uc9c0\uc815 \ubc0f \uc88c\uc6b0 \ud50c\ub9bd \uac00\ub2a5 PNG\/SVG\ub85c \uc0dd\uc131. \ucf54\ub4dc\ub85c Embed \ud558\uac70\ub098, \ub2e4\uc6b4\ub85c\ub4dc \uac00\ub2a5 \uc624\ud508\uc18c\uc2a4\ub85c \uacf5\uac1c\ub418\uc5b4 \uc788\uc73c\uba70, \uc774\ubbf8\uc9c0 \uc560\uc14b\ub4e4\uc740 CC0 \ub77c\uc774\uc13c\uc2a4(\ud37c\ube14\ub9ad \ub3c4\uba54\uc778, \uc800\uc791\uad8c \uc5c6\uc74c) ... \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":30268,"url":"https:\/\/nori.company\/?p=30268","url_meta":{"origin":30332,"position":3},"title":"&#8220;\uac00\uc11c \uc880 \ub204\uc6cc\uc57c \ud560 \uac83 \uac19\uc544\uc694.&#8221;","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 11\uc6d4 17\uc77c","format":false,"excerpt":"TLDraw\uc758 Make Real \ub370\ubaa8\ub97c \ud574\ubcf8 \uc18c\uac10 AI\ub97c \uc774\uc6a9\ud574\uc11c \uadf8\ub9bc\uc744 \ub3d9\uc791\ud558\ub294 \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub85c \ubc14\uafd4 \uc8fc\ub294 \ub3c4\uad6c OpenAI's GPT-4V\ub97c \uc774\uc6a9\ud574\uc11c \ubca1\ud130 \uc774\ubbf8\uc9c0\ub97c HTML\/TailWind CSS \ubc0f Javascript\ub85c \uc804\ud658 ... \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":24685,"url":"https:\/\/nori.company\/?p=24685","url_meta":{"origin":30332,"position":4},"title":"tinyvector &#8211; \uc791\uace0 \ube60\ub978 \ubca1\ud130 \uc784\ubca0\ub529 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc624\ud508\uc18c\uc2a4","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 7\uc6d4 6\uc77c","format":false,"excerpt":"SQLite + Python(Flask) + Numpy \ub85c \uad6c\uc131 500\ub77c\uc778\ub3c4 \uc548\ub418\ub294 \ucf54\ub4dc\ub85c \uc27d\uac8c \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5 \uac00\ub2a5 \uc911\/\uc18c\uaddc\ubaa8 \ub370\uc774\ud130\uc14b\uc5d0\uc11c \uace0\uae09 \ubca1\ud130 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub4e4\uacfc \ube44\uc2b7\ud55c \uc131\ub2a5 \ubaa8\ub4e0 \uc778\ub371\uc2a4\ub97c \uba54\ubaa8\ub9ac\uc5d0 \uc800\uc7a5\ud574\uc11c \ube60\ub974\uac8c \ucffc\ub9ac \uac00\ub2a5 \uace7 \ucd94\uac00\ub420 \uae30\ub2a5\ub4e4 \uac15\ub825\ud55c \ucffc\ub9ac(SQL \uae30\ub2a5 \ubaa8\ub450 \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":26683,"url":"https:\/\/nori.company\/?p=26683","url_meta":{"origin":30332,"position":5},"title":"Walk &#8211; \ud130\ubbf8\ub110 \ub124\ube44\uac8c\uc774\ud130","author":"\ub178\ub9ac\ucef4\ud37c\ub2c8","date":"2023\ub144 8\uc6d4 26\uc77c","format":false,"excerpt":"\ube60\ub974\uace0 \ud3b8\ub9ac\ud55c \ud30c\uc77c\uc2dc\uc2a4\ud15c \ub124\ube44\uac8c\uc774\uc158 CLI \ub3c4\uad6c. cd + ls \ucee4\uc11c\ub97c \uc774\uc6a9\ud55c \ud30c\uc77c\/\ub514\ub809\ud1a0\ub9ac \ud0d0\uc0c9 \ubc0f \ubbf8\ub9ac\ubcf4\uae30, \uc0ad\uc81c \uac00\ub2a5 \ud37c\uc9c0 \uac80\uc0c9 \uc9c0\uc6d0 Nerd Fonts \ub97c \uc774\uc6a9\ud574\uc11c \ud30c\uc77c \ud0c0\uc785 \uc544\uc774\ucf58 \ud45c\uc2dc \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":[]}],"_links":{"self":[{"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/30332","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=30332"}],"version-history":[{"count":1,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/30332\/revisions"}],"predecessor-version":[{"id":30333,"href":"https:\/\/nori.company\/index.php?rest_route=\/wp\/v2\/posts\/30332\/revisions\/30333"}],"wp:attachment":[{"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=30332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nori.company\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=30332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}