Skip to content

[FEAT] 채팅방 API 연동 및 채팅 UI 구현#46

Merged
DDINGJOO merged 3 commits into
developfrom
feature/40/41/42/chatroom-list-api
Jan 6, 2026
Merged

[FEAT] 채팅방 API 연동 및 채팅 UI 구현#46
DDINGJOO merged 3 commits into
developfrom
feature/40/41/42/chatroom-list-api

Conversation

@DDINGJOO

@DDINGJOO DDINGJOO commented Jan 6, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Summary

  • 채팅방 목록 조회 API 연동 (무한스크롤 지원)
  • 채팅방 생성 모달 구현 (레벨, 최대인원, 비밀방 설정)
  • 채팅방 입장/퇴장 API 연동
  • 카카오톡 스타일 채팅 UI 구현
  • 메시지 조회/전송 API 연동
  • TTS 재생 버튼 구현
  • 전역 채팅 모달 (페이지 이동 시에도 유지)
  • 드래그/최소화/최대화 기능

Related Issues

Closes #34
Closes #35
Closes #36
Closes #37
Closes #38
Closes #39
Closes #40
Closes #41
Closes #42
Closes #43
Closes #44
Closes #45

Test plan

  • 채팅방 목록이 정상적으로 조회되는지 확인
  • 레벨별 필터링이 동작하는지 확인
  • 채팅방 생성이 정상적으로 동작하는지 확인
  • 비밀방 입장 시 비밀번호 검증이 되는지 확인
  • 메시지 조회/전송이 정상적으로 동작하는지 확인
  • TTS 버튼 클릭 시 음성이 재생되는지 확인
  • 페이지 이동 시 채팅 모달이 유지되는지 확인

@DDINGJOO
[FEAT] Chat API 연동 기반 구축
d59ea7f 
- .env.example 추가 (환경변수 템플릿)
- VITE_CHAT_API_URL, VITE_TEMP_USER_ID 환경변수 설정
- chatApi axios 인스턴스 생성
- chatRoomService 구현 (create, getList, getDetail, join, leave)
- messageService 구현 (send, getList)
- voiceService 구현 (synthesize)

Closes #38, #39
@github-actions github-actions Bot added frontend Frontend code changes layer:api API/Services layer layer:store State management layer labels Jan 6, 2026
This was referenced Jan 6, 2026
Closed
Closed
Closed
Closed
@DDINGJOO
[FEAT] 채팅방 목록/생성/입장 API 연동 및 채팅 UI 구현
379820f 
- FreetalkPeoplePage: mock 데이터 제거, API 연동 (무한스크롤)
- CreateRoomModal: 채팅방 생성 모달 컴포넌트 추가
- ChatRoomPage: 카카오톡 스타일 채팅 UI 구현
- 메시지 조회/전송 API 연동
- TTS 재생 버튼 구현

Closes #40, #41, #42, #43, #44, #45
@DDINGJOO
[FEAT] 전역 채팅 모달 및 TTS 기능 구현
4d1cc2a 
- ChatContext를 통한 전역 채팅 상태 관리
- 드래그 가능한 플로팅 채팅 모달 구현
- 최소화/최대화 기능 추가
- 모든 메시지 TTS 재생 기능
- 페이지 이동 시에도 채팅 유지
- Redux store 초기화 오류 수정
- 스크롤바 hover 시에만 표시
@DDINGJOO DDINGJOO force-pushed the feature/40/41/42/chatroom-list-api branch from 7478b11 to 4d1cc2a Compare January 6, 2026 08:52
@DDINGJOO DDINGJOO merged commit 1a0bf22 into develop Jan 6, 2026
1 check passed
This was referenced Jan 6, 2026
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

frontend Frontend code changes layer:api API/Services layer layer:store State management layer

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@DDINGJOO