메시지 브릿지 + 폴더 > DX노트

메시지 브릿지 

message_bridge/

│

├── core/                          # 메시지 브릿지의 핵심 기능(JS)

│   ├── messagebridge.js           # 필수 WebSocket 엔진 (절대 수정 금지 핵심)

│   ├── messagebridge.helper.js    # 토큰/암호화/ID 생성 등 헬퍼 모음

│   ├── messagebridge.event.js     # 사용자 이벤트 인터페이스

│   └── messagebridge.config.js    # 사이트별 설정 파일

│

├── plugins/                       # 플러그인 모음 (독립적으로 확장 가능)

│   ├── chat/                      # 실시간 채팅 플러그인

│   │   ├── chat.js

│   │   ├── chat.css

│   │   ├── chat.html

│   │   └── README.md

│   │

│   ├── online/                    # 현재 접속자/유저 추적 플러그인

│   │   ├── online.js

│   │   ├── online.css

│   │   └── README.md

│   │

│   ├── memo/                      # 실시간 쪽지 플러그인

│   │   ├── memo.js

│   │   ├── memo.css

│   │   └── memo.html

│   │

│   ├── reaction/                  # 내 글 반응(댓글/좋아요/스크랩) 알림

│   │   ├── reaction.js

│   │   ├── reaction.css

│   │   └── README.md

│   │

│   └── ...                        # 향후 무한 확장

│

├── skins/                         # UI 스킨 모음

│   ├── default/                   # 기본 디자인

│   ├── dark/                      # 다크 테마

│   ├── kakao/                     # 카카오톡 스타일

│   └── minimal/                   # 미니멀 스타일

│

├── docs/                          # 문서 자료

│   ├── install_guide.md           # 설치 안내

│   ├── plugin_guide.md            # 플러그인 제작 가이드

│   ├── api_spec.md                # WebSocket 메시지 형식 설명

│   └── version_history.md         # 업데이트 로그

│

├── examples/                      # 예제 파일

│   ├── chat_sample.html           # 채팅 UI 샘플

│   ├── notification_example.html  # 알림 테스트

│   └── integration_gnuboard.md    # 그누보드 연동 예제

│

└── assets/                        # 이미지 / 폰트 / 아이콘

    ├── images/

    ├── icons/

    └── fonts/