{"id":456,"date":"2025-10-10T18:12:08","date_gmt":"2025-10-10T09:12:08","guid":{"rendered":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/?p=456"},"modified":"2025-10-31T19:39:49","modified_gmt":"2025-10-31T10:39:49","slug":"7%ec%a3%bc%ec%b0%a8-2","status":"publish","type":"post","link":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/2025\/10\/10\/7%ec%a3%bc%ec%b0%a8-2\/","title":{"rendered":"2-7\uc8fc\ucc28"},"content":{"rendered":"\n<p class=\"has-cyan-bluish-gray-background-color has-background has-large-font-size\"><strong>2-7\uc8fc\ucc28 \uae30\ub2a5 \ucd94\uac00 \ubc0f \uc218\uc815 \uc0ac\ud56d<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>v-talk :&nbsp;<a href=\"https:\/\/v-chat-ade97.web.app\/\">https:\/\/v-chat-ade97.web.app\/<\/a><\/li>\n\n\n\n<li>\uc2a4\ub9c8\ud2b8 \ud68c\uc758 \ud50c\ub7ab\ud3fc \ub2e4\uc6b4\ub85c\ub4dc (\uc0c1\uc2dc \uc5c5\ub370\uc774\ud2b8) : <a href=\"https:\/\/github.com\/moth36\/v-talk-project-university\">https:\/\/github.com\/moth36\/v-talk-project-university<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>7\uc8fc\ucc28 \ud3c9\uac00 \ubaa9\ub85d<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ud654\uc0c1 \uacf5\uc720<\/strong> \uad6c\ud604 (\uc544\uc9c1 \ubd88\uc548\uc815 \ud558\ubbc0\ub85c test server \uad6c\ud604)<\/li>\n\n\n\n<li>test server : <a href=\"https:\/\/v-talk-1f552.web.app\/\">https:\/\/v-talk-1f552.web.app\/<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>\ud654\uc0c1 \uacf5\uc720 \uad6c\ud604<\/strong> <strong>(\uc544\uc9c1 \ubd88\uc548\uc815 \ud558\ubbc0\ub85c test server \uad6c\ud604)<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. \uac1c\uc694<\/h3>\n\n\n\n<p>\ud504\ub85c\uc81d\ud2b8\uba85: <strong>V-Talk (WebRTC \uae30\ubc18 \uc2a4\ub9c8\ud2b8 \ud68c\uc758 \ud50c\ub7ab\ud3fc)<\/strong><br>\ubaa9\ud45c: \uc0ac\uc6a9\uc790 \uac04 \uc2e4\uc2dc\uac04 \ud654\uc0c1 \ud68c\uc758 \ubc0f \ud654\uba74 \uacf5\uc720 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uc5ec \uc6d0\uaca9 \ud611\uc5c5\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \uc218\ud589\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0<br>\uc0ac\uc6a9 \uae30\uc220:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WebRTC<\/strong>: \uc2e4\uc2dc\uac04 \ubbf8\ub514\uc5b4 \uc2a4\ud2b8\ub9ac\ubc0d (\ube44\ub514\uc624\/\uc624\ub514\uc624)<\/li>\n\n\n\n<li><strong>Firebase Realtime Database (RTDB)<\/strong>: \uc2dc\uadf8\ub110\ub9c1(Signaling) \ucc98\ub9ac \ubc0f \uc5f0\uacb0 \uad00\ub9ac<\/li>\n\n\n\n<li><strong>Firestore<\/strong>: \uc0ac\uc6a9\uc790 \ubc0f \ucc44\ud305\ubc29 \ub370\uc774\ud130 \uad00\ub9ac<\/li>\n\n\n\n<li><strong>JavaScript (ES6)<\/strong>: \ud074\ub77c\uc774\uc5b8\ud2b8 \ub85c\uc9c1 \uad6c\ud604<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">2. \uad6c\ud604 \uae30\ub2a5 \uc694\uc57d<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">(1) \ud654\uc0c1 \uacf5\uc720 \uc2dc\uc791 (\ud638\uc2a4\ud2b8)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud638\uc2a4\ud2b8\uac00 \u201c\ud654\uc0c1 \uacf5\uc720 \uc2dc\uc791\u201d \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 <code>navigator.mediaDevices.getUserMedia()<\/code>\ub97c \ud1b5\ud574 <strong>\ube44\ub514\uc624 \uc2a4\ud2b8\ub9bc\uc744 \uac00\uc838\uc634<\/strong><\/li>\n\n\n\n<li>\uac00\uc838\uc628 \uc2a4\ud2b8\ub9bc\uc740 <code>&lt;video id=\"localVideo\"&gt;<\/code> \uc694\uc18c\uc5d0 \ud45c\uc2dc\ub418\uace0, Firebase RTDB\uc758 <code>videoChatUsers\/{roomId}<\/code> \uacbd\ub85c\uc5d0 **\ud638\uc2a4\ud2b8 \uc815\ubcf4(newUid \ud3ec\ud568)**\ub97c \ub4f1\ub85d<\/li>\n\n\n\n<li>\uc774\ud6c4 \ud638\uc2a4\ud2b8\ub294 PeerConnection\uc744 \uc0dd\uc131\ud558\uace0 Offer\ub97c Firebase\uc5d0 \uc800\uc7a5\ud558\uc5ec \ubdf0\uc5b4\uac00 \uc218\uc2e0\ud560 \uc218 \uc788\ub3c4\ub85d \ud568<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(2) \ud654\uc0c1 \uacf5\uc720 \ubcf4\uae30 (\ubdf0\uc5b4)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ubdf0\uc5b4\ub294 \ucc44\ud305\ucc3d\uc5d0 \ud45c\uc2dc\ub41c <code>[\ubcf4\uae30]<\/code> \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uba74 <code>joinVideoChat(hostNewUid)<\/code> \ud568\uc218\ub97c \ud1b5\ud574 <strong>\ud638\uc2a4\ud2b8\uc758 Offer\ub97c \uc218\uc2e0<\/strong><\/li>\n\n\n\n<li>Offer\ub97c \uae30\ubc18\uc73c\ub85c PeerConnection\uc744 \uc0dd\uc131\ud558\uace0 Answer\ub97c \uc0dd\uc131\ud558\uc5ec Firebase\ub85c \uc804\uc1a1<\/li>\n\n\n\n<li>\ud638\uc2a4\ud2b8\ub294 \ud574\ub2f9 Answer\ub97c \uc218\uc2e0\ud574 \uc5f0\uacb0\uc744 \ud655\ub9bd\ud558\uace0, \ubdf0\uc5b4\uc758 <code>&lt;video id=\"remoteVideo\"&gt;<\/code>\uc5d0 \ud638\uc2a4\ud2b8 \ud654\uba74\uc774 \ud45c\uc2dc\ub428<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">(3) \uc5f0\uacb0 \uad00\ub9ac \ubc0f \uc885\ub8cc<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>ICE Candidate<\/strong>\ub294 <code>videoChatCandidates\/{roomId}<\/code> \uacbd\ub85c\ub97c \ud1b5\ud574 \uad50\ud658<\/li>\n\n\n\n<li>\ud654\uc0c1 \uacf5\uc720 \uc885\ub8cc \uc2dc, \ubaa8\ub4e0 PeerConnection\uacfc \uad00\ub828 Firebase \ub370\uc774\ud130(<code>videoChatOffers<\/code>, <code>videoChatCandidates<\/code>, <code>videoChatUsers<\/code>)\ub97c \uc815\ub9ac<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">3. \uc8fc\uc694 \uae30\uc220 \uad6c\uc870<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\ud56d\ubaa9<\/th><th>\uc124\uba85<\/th><\/tr><\/thead><tbody><tr><td><strong>Signaling<\/strong><\/td><td>Firebase RTDB \uacbd\ub85c(<code>videoChatOffers<\/code>, <code>videoChatCandidates<\/code>, <code>videoChatUsers<\/code>) \uc0ac\uc6a9<\/td><\/tr><tr><td><strong>\uc2a4\ud2b8\ub9bc \uad00\ub9ac<\/strong><\/td><td><code>localVideo<\/code>, <code>remoteVideo<\/code> DOM \uc694\uc18c\ub85c \ub85c\uceec\/\uc6d0\uaca9 \uc2a4\ud2b8\ub9bc \ud45c\uc2dc<\/td><\/tr><tr><td><strong>PeerConnection \uad00\ub9ac<\/strong><\/td><td><code>videoPeerConnections[roomId][uid]<\/code> \uad6c\uc870\ub85c \ub2e4\uc790\uac04 \uc5f0\uacb0 \uad00\ub9ac<\/td><\/tr><tr><td><strong>UI \uc694\uc18c<\/strong><\/td><td>\u201c\ud654\uc0c1 \uacf5\uc720 \uc2dc\uc791 \/ \uc885\ub8cc\u201d \ubc84\ud2bc, \u201c\ubcf4\uae30\u201d \ubc84\ud2bc, \u201c\ud654\uc0c1 \uacf5\uc720 \uc885\ub8cc\ub428\u201d \uc548\ub0b4 \uba54\uc2dc\uc9c0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">4. \uad6c\ud604 \uacb0\uacfc<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud638\uc2a4\ud2b8\uac00 \ud654\uc0c1 \uacf5\uc720\ub97c \uc2dc\uc791\ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc601\uc0c1\uc774 \ud45c\uc2dc\ub428<\/li>\n\n\n\n<li>\ubdf0\uc5b4\ub294 \u201c\ubcf4\uae30\u201d \ubc84\ud2bc \ud074\ub9ad \uc2dc \ud638\uc2a4\ud2b8\uc758 \uc601\uc0c1\uc744 \uc218\uc2e0\ud558\uace0 \uc2dc\uccad \uac00\ub2a5<\/li>\n<\/ul>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>\ud638\uc2a4\ud2b8\uac00 \ud654\uc0c1 \uacf5\uc720\ub97c \uc2dc\uc791 \ud560 \ub54c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1024\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-892x1024.png\" alt=\"\" class=\"wp-image-458\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-892x1024.png 892w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-261x300.png 261w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-768x882.png 768w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image.png 940w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/figure>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>\ubdf0\uc5b4\uac00 \ud638\uc2a4\ud2b8\uc758 \ud654\uc0c1 \uacf5\uc720\ub97c \ubcf4\uae30 \ubc84\ud2bc\uc744 \ub20c\ub7ec \ucc38\uc5ec \ud560 \ub54c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"909\" height=\"1024\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-1-909x1024.png\" alt=\"\" class=\"wp-image-459\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-1-909x1024.png 909w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-1-266x300.png 266w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-1-768x865.png 768w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-1.png 958w\" sizes=\"auto, (max-width: 909px) 100vw, 909px\" \/><\/figure>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>\ud638\uc2a4\ud2b8\uac00 \ud654\uc0c1 \uacf5\uc720\ub97c \uc885\ub8cc \ud560 \ub54c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"1024\" src=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-2-906x1024.png\" alt=\"\" class=\"wp-image-460\" srcset=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-2-906x1024.png 906w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-2-266x300.png 266w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-2-768x868.png 768w, https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/image-2.png 955w\" sizes=\"auto, (max-width: 906px) 100vw, 906px\" \/><\/figure>\n\n\n\n<p class=\"has-cyan-bluish-gray-background-color has-background has-medium-font-size\"><strong>\ubbf8\uad6c\ud604 \uae30\ub2a5 (\ucd94\ud6c4 \ucd94\uac00 \uc608\uc815)<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\ud638\uc2a4\ud2b8<\/strong>\uac00<strong> \ud654\uc0c1 \uacf5\uc720 \uc885\ub8cc \ubc84\ud2bc<\/strong>\uc744 \ub204\ub974\uba74 <strong>\ubdf0\uc5b4<\/strong>\ub3c4<strong> <\/strong>\uac19\uc774 <strong>\uc885\ub8cc <\/strong>\ub418\uac8c\ub054 \ub9cc\ub4e4 \uac83.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>2-7\uc8fc\ucc28 \uae30\ub2a5 \ucd94\uac00 \ubc0f \uc218\uc815 \uc0ac\ud56d 7\uc8fc\ucc28 \ud3c9\uac00 \ubaa9\ub85d \ud654\uc0c1 \uacf5\uc720 \uad6c\ud604 (\uc544\uc9c1 \ubd88\uc548\uc815 \ud558\ubbc0\ub85c test server \uad6c\ud604) 1. \uac1c\uc694 \ud504\ub85c\uc81d\ud2b8\uba85: V-Talk (WebRTC \uae30\ubc18 \uc2a4\ub9c8\ud2b8 <a class=\"mh-excerpt-more\" href=\"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/2025\/10\/10\/7%ec%a3%bc%ec%b0%a8-2\/\" title=\"2-7\uc8fc\ucc28\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":54,"featured_media":463,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3"],"jetpack_featured_media_url":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-content\/uploads\/sites\/54\/2025\/10\/ChatGPT-Image-2025\ub144-10\uc6d4-10\uc77c-\uc624\ud6c4-06_15_23.png","_links":{"self":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/posts\/456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/comments?post=456"}],"version-history":[{"count":0,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/posts\/456\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/media\/463"}],"wp:attachment":[{"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/media?parent=456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/categories?post=456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infognu.ansan.ac.kr\/PortFolio\/202019017\/wp-json\/wp\/v2\/tags?post=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}