본문으로 바로가기

코드에 빠지다

현재위치 :: HOME BLOG CATEGORY SEARCH ARCHIVE TAGS MEDIA LOCATION GUESTBOOK

네비게이션

  • 홈
  • 태그
  • 방명록
관리자
  • 블로그 이미지
    구하천포

    개인 프로젝트 정리 및 개발 관련 지식 공유를 위한 블로그입니다.

    링크추가
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃

2022/01/31 검색 결과

해당 글 1건

[Mini/채팅] 채팅방 접속하기 / 알림

[Mini/채팅] 채팅방 접속하기 / 알림 대부분은 코드를 보고 이해하실 것이라 생각됩니다. 그 중 중요하다고 생각하는 것 위주로 작성하였습니다. 작업 내용 이전 게시글에서는 채팅방 중복 생성 방지를 구현해보았다. 이번 게시글에서는 채팅방에 접속하고, 접속하였으면 알림을 띄워주는 것을 구현해보자. ◆ 채팅방 접속 채팅방 접속을 구현하려고 보니 코드를 나도 모르게 짜놓았다. onJoin 함수를 사용하면 된다. 프론트는 이정도로 끝이다. 이것에 맞게 백엔드 코드도 구현하였다. 아래 코드를 확인해보자. socket.on("join-room", (roomName, done) => { socket.join(roomName); done(); socket .to(roomName) .emit("join-msg", `$..

연습 프로젝트/채팅 (React, Express, Socket.IO) 2022. 1. 31. 07:38
  • 이전
  • 1
  • 다음

사이드바

NOTICE

  • 코드에 빠지다
  • 전체 보기
MORE+

CATEGORY

  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)

RECENTLY

  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Trackback

TAG

  • Electron
  • socket.io 채팅
  • Git
  • React 기초
  • ESLint
  • javascript
  • 자바스크립트
  • nextjs
  • Node 채팅
  • 회고록
  • react-hook-form
  • react
  • 개발자 회고
  • React 채팅
  • typescript
MORE+

ARCHIVE

CALENDAR

«   2022/01   »
일 월 화 수 목 금 토
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

LINK

VISITOR

오늘
어제
전체
  • 홈으로
  • 방명록
  • 로그인
  • 로그아웃
  • 맨위로
SKIN BY COPYCATZ COPYRIGHT 코드에 빠지다, ALL RIGHT RESERVED.
코드에 빠지다
블로그 이미지 구하천포 님의 블로그
MENU
  • 홈
  • 태그
  • 방명록
CATEGORY
  • 분류 전체보기 (234)
    • 회고 (10)
      • 회고록 (10)
    • 개인 프로젝트 (13)
      • 코드 조각 (1)
      • 내가 면접관, 면접자 (5)
      • 블로그 에디터 (1)
      • React 컴포넌트 구현하기 (6)
    • 연습 프로젝트 (16)
      • 공주찾기 (공휴일, 주소찾기) (7)
      • 채팅 (React, Express, Socket... (8)
      • 기타 (1)
    • 공유 (131)
      • HTML, CSS (5)
      • JavaScript, TypeScript (45)
      • ESLint (10)
      • Electron (7)
      • Node, NPM (17)
      • React, Next (6)
      • Git, Github (10)
      • 기타 (31)
    • 에러 모음 (17)
      • React (7)
      • JavaScript (2)
      • 기타 (8)
    • 기타 (+ Legacy) (47)
      • Legacy (47)
VISITOR 오늘 / 전체
  • 글쓰기
  • 환경설정
  • 로그인
  • 로그아웃
  • 취소

검색

티스토리툴바