Stomp, WebRTC, WebSocket을 활용한 실시간 화상 채팅 서비스
김규회 | 이수현 | 조동필 |
Frontend | Frontend | Frontend |
|
|
|
- Custom-Hook Pattern
![](https://private-user-images.githubusercontent.com/48755156/314490065-ceeb95cd-55b3-4c4a-8738-969e86b1caf7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzQwODcxMjYsIm5iZiI6MTczNDA4NjgyNiwicGF0aCI6Ii80ODc1NTE1Ni8zMTQ0OTAwNjUtY2VlYjk1Y2QtNTViMy00YzRhLTg3MzgtOTY5ZTg2YjFjYWY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDEyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQxMjEzVDEwNDcwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTllOTYzZWNmNzdiMDZlZTBmN2E2ZGI2NThlZTc1MmJlYWM5YmRhMzA3OTE1NmU0MTYwZTJiZDQ1Y2ExYmIzZTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.Jfn6qBcOsnIE-f2t7N4hbgA4Ytqmll4WqxHdhPID9Ko)
"@emotion/react": "^11.11.3",
"@emotion/styled": "^11.11.0",
"@mui/material": "^5.15.10",
"@stomp/stompjs": "^7.0.0",
"@tanstack/react-query": "^5.20.5",
"@tanstack/react-query-devtools": "^5.20.5",
"axios": "^1.6.7",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-icon": "^1.0.0",
"react-icons": "^5.0.1",
"react-router-dom": "^6.22.0",
"react-toastify": "^10.0.4",
"simple-peer": "^9.11.1",
"zustand": "^4.5.0"