채팅앱 만들기 | 웹소켓이란 뭘까?| 풀스택으로 만들어보자
프론트엔드 코드 가져오기: https://github.com/legobitna/chatapp-client
GitHub - legobitna/chatapp-client
Contribute to legobitna/chatapp-client development by creating an account on GitHub.
github.com
00:00 인트로
00:50 웹소켓 프로토콜 (http VS 웹소켓)
04:44 안내의 말씀 (리액트, nodeJS , 몽고디비)
05:17 오늘 만들 앱 데모
06:31 오늘 우리가 할일
08:50 백엔드 세팅 시작
11:25 데이터베이스 세팅
20:30 웹소켓 세팅
26:06 socket.io의 메인 함수 : on , emit
27:58 프론트엔드 세팅
31:50 웹소켓 연결 테스트
33:17 연결 끊는 테스트
34:27 다음시간 예고 코딩알려주는
https://www.youtube.com/watch?v=uE9Ncr6qInQ
반응형
'Node,Nest,NextJS' 카테고리의 다른 글
| 지도 개발, React Kakao map (0) | 2024.05.09 |
|---|---|
| Remix가 웹 프레임워크 시장을 선두할 것인가? (0) | 2023.04.17 |
| Next.js, 요즘 프론트엔드만으로 먹고살기 힘든 이유 (0) | 2023.04.12 |
| Node.js page.goto 예제 모음 (0) | 2022.06.20 |
| nodemon : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\USER\AppData\Roaming\npm\nodemon.ps1 파일을 로드할 수 없습니다. (0) | 2022.06.20 |