{"id":16058,"date":"2025-06-07T09:35:38","date_gmt":"2025-06-07T00:35:38","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=16058"},"modified":"2025-06-07T09:35:38","modified_gmt":"2025-06-07T00:35:38","slug":"r3f-cookbook","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=16058","title":{"rendered":"R3F Cookbook"},"content":{"rendered":"<p>R3F\ub294 React \uae30\ubc18\uc5d0\uc11c three.js\ub97c \ub9e4\uc6b0 \uc9c1\uad00\uc801\uc774\uace0 \uc0ac\uc6a9\ud558\uae30 \uc26c\uc6b4 \ucef4\ud3ec\ub10c\ud2b8 \ub808\ubca8\ub85c \uac1c\ubc1c\ud560 \uc218 \uc788\ub294 \ud328\ud0a4\uc9c0\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 \uc601\uc0c1\uc740 R3F\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ucef4\ud3ec\ub10c\ud2b8, \ud074\ub798\uc2a4 \ub4f1\uacfc R3F\ub97c \uc704\ud55c \ubcf4\ub2e4 \ub354 \ubc1c\uc804\ub41c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc81c\uacf5\ud558\ub294 drei\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774 \uc601\uc0c1 \uc81c\uc791\uc758 \ubaa9\uc801\uc740 \uad81\uadf9\uc801\uc73c\ub85c drei\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc774\ud574\ud558\uace0 \uc774\ub7ec\ud55c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc9c1\uc811 \uac1c\ubc1c\ud558\uae30 \uc704\ud55c \uc9c0\uc2dd\uc744 \uc5bb\uae30 \uc704\ud568\uc785\ub2c8\ub2e4.<\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/8je_pqxw6Og?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : CubeCamera \ucef4\ud3ec\ub10c\ud2b8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/CFeF1EdioQQ?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : RenderTexture \ucef4\ud3ec\ub10c\ud2b8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/btcJDUFQ1Gs?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : Detailed \ucef4\ud3ec\ub10c\ud2b8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/BLo7pUYsekI?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : Splat \ucef4\ud3ec\ub10c\ud2b8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/BvaAX6BSjSE?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : useFrame \ud6c5\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/ADQCQD49RL4?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : ScrollControls \ucef4\ud3ec\ub10c\ud2b8 +( Scroll,  useControl )\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/H0qlBUlOEhc?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : canvasTexture \ucef4\ud3ec\ub10c\ud2b8\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><iframe loading=\"lazy\" width=\"1219\" height=\"686\" src=\"https:\/\/www.youtube.com\/embed\/nL_Suaf8VUo?list=PLe6NQuuFBu7HargnioKNwYugIC9Jl9a_B\" title=\"R3F Cookbook : Data3DTexture \ud074\ub798\uc2a4\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>\uc704\uc758 \uc601\uc0c1\uc5d0 \ub354\ud574 \uc9c0\uc18d\uc801\uc73c\ub85c \ub0b4\uc6a9\uc774 \uc5c5\ub370\uc774\ud2b8\ub418\ubbc0\ub85c \ud574\ub2f9 \ucc44\ub110\uc5d0 \ubc29\ubb38\ud558\uc5ec \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>R3F\ub294 React \uae30\ubc18\uc5d0\uc11c three.js\ub97c \ub9e4\uc6b0 \uc9c1\uad00\uc801\uc774\uace0 \uc0ac\uc6a9\ud558\uae30 \uc26c\uc6b4 \ucef4\ud3ec\ub10c\ud2b8 \ub808\ubca8\ub85c \uac1c\ubc1c\ud560 \uc218 \uc788\ub294 \ud328\ud0a4\uc9c0\uc785\ub2c8\ub2e4. \uc544\ub798\uc758 \uc601\uc0c1\uc740 R3F\uc5d0\uc11c \uc81c\uacf5\ud558\ub294 \ucef4\ud3ec\ub10c\ud2b8, \ud074\ub798\uc2a4 \ub4f1\uacfc R3F\ub97c \uc704\ud55c \ubcf4\ub2e4 \ub354 \ubc1c\uc804\ub41c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc81c\uacf5\ud558\ub294 drei\uc5d0 \ub300\ud55c \ub0b4\uc6a9\uc744 \uc124\uba85\ud569\ub2c8\ub2e4. \uc774 \uc601\uc0c1 \uc81c\uc791\uc758 \ubaa9\uc801\uc740 \uad81\uadf9\uc801\uc73c\ub85c drei\uc758 \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc774\ud574\ud558\uace0 \uc774\ub7ec\ud55c \ucef4\ud3ec\ub10c\ud2b8\ub97c \uc9c1\uc811 \uac1c\ubc1c\ud558\uae30 \uc704\ud55c \uc9c0\uc2dd\uc744 \uc5bb\uae30 \uc704\ud568\uc785\ub2c8\ub2e4. \uc704\uc758 \uc601\uc0c1\uc5d0 \ub354\ud574 \uc9c0\uc18d\uc801\uc73c\ub85c \ub0b4\uc6a9\uc774 \uc5c5\ub370\uc774\ud2b8\ub418\ubbc0\ub85c \ud574\ub2f9 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=16058\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;R3F Cookbook&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[145,139],"tags":[],"class_list":["post-16058","post","type-post","status-publish","format-standard","hentry","category-three-js","category-webgl"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16058"}],"version-history":[{"count":3,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16058\/revisions"}],"predecessor-version":[{"id":16061,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/16058\/revisions\/16061"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=16058"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=16058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}