| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- Server
- channel
- PROPS
- URL
- component
- go
- 행렬
- CDN
- websocket
- todo-list
- Vue.js
- emit
- toggle
- Matrix
- cli
- reactivity
- goroutine
- TODO
- Refactoring
- Vue
- Dictionary
- container
- SFC
- golang
- App.vue
- localStorage
- goroutines
- method
- graceful shutdown
- map
- Today
- Total
목록websocket (2)
ksundev 님의 블로그
카테고리로 분류되는 채팅방과 각 채팅방에 접속한 유저들과 채팅으로 소통할 수 있는 앱을 만들어보았습니다.프론트엔드 코드는 이 게시글에 없고, 백엔드 코드만 작성되었습니다.이후 프론트엔드 코드까지 업로드하여 링크 달아놓겠습니다!전체 코드package mainimport ( "fmt" "net/http" "strings" "time" "github.com/gorilla/websocket")type Message struct { Username string `json:"username"` Content string `json:"content"` Room string `json:"room"` Timestamp time.Time `js..
웹 개발을 하다 보면 실시간 기능을 구현해야 할 때가 있습니다. 채팅, 알림, 실시간 업데이트 등을 위해 WebSocket을 사용하는데, 이때 중요한 것이 바로 연결의 지속성입니다. 오늘은 SPA(Single Page Application)와 WebSocket의 조합이 왜 강력한지 알아보겠습니다.전통적인 웹사이트 vs SPA전통적인 웹사이트 (Multi-Page Application)전통적인 웹사이트는 여러 개의 HTML 파일로 구성됩니다:프로젝트 구조:├── login.html├── dashboard.html├── patients.html└── settings.html사용자가 페이지를 이동할 때마다:새로운 HTML 파일을 서버에서 받아옴페이지가 완전히 새로고침됨이전 페이지의 모든 JavaScript가 ..