# 관련링크 - [인텔리제이 세팅 - slog.gg/p/13923](https://slog.gg/p/13923) - [폴링 채팅 완성](https://github1s.com/sik2/chat_2nd_2412/tree/polling) - [재생목록](https://www.youtube.com/playlist?list=PLMzNIYZSiq7Yg-P8lY5O6gpzDXaSs_Xp9) # 요구사항 ## 기능 명세 ### 채팅방 - 채팅방 정보 저장/조회 ### 채팅 기능 - 채팅 메시지 저장(작성자명, 내용 필수)/조회 - 실시간 채팅 ## API 명세 GET /chat/room/list : 채팅방 목록 조회 GET /chat/room/make : 채팅방 생성 페이지 POST /chat/room/make : 채팅방 생성 GET /chat/room/{roomId} : 채팅방 입장 POST /chat/room/{roomId}/write : 메시지 작성 GET /chat/room/{roomId}/messagesAfter/{afterId} : 채팅방 메시지 조회 ## 응답형식 ```js { "resultCode": "200", // 성공: 2XX(HTTP 상태코드) "msg": "메시지", "data": {} // 선택적 } ``` ## 테이블 구조 ### ChatRoom (채팅방 테이블) | Column Name | Data Type | Constraints | Description | |------------|--------------|-------------------|-------------| | id | BIGINT | PK, AUTO_INCREMENT| 고유 식별자 | | name | VARCHAR(255) | NOT NULL | 채팅방 이름 | | createDate | DATETIME | NOT NULL | 생성 일시 | | modifyDate | DATETIME | NOT NULL | 수정 일시 | ### ChatMessage (채팅 메시지 테이블) | Column Name | Data Type | Constraints | Description | |------------|--------------|-------------------|-------------| | id | BIGINT | PK, AUTO_INCREMENT| 고유 식별자 | | chatRoom_id| BIGINT | FK | 채팅방 ID | | writerName | VARCHAR(255) | NOT NULL | 작성자 이름 | | content | TEXT | NOT NULL | 메시지 내용 | | createDate | DATETIME | NOT NULL | 생성 일시 | | modifyDate | DATETIME | NOT NULL | 수정 일시 | # 1강 - [25 1 2, p 13921, 1강, 프로젝트 세팅](https://youtu.be/Jd8O9ODy8jE) - [Spring Initializr](https://start.spring.io/) - [Spring Initializr - 의존성 추가버전](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.4.1&packaging=jar&jvmVersion=21&groupId=com.ll&artifactId=multiChat&name=multiChat&description=Demo%20project%20for%20Spring%20Boot&packageName=com.ll.multiChat&dependencies=lombok,devtools,web,thymeleaf,h2,data-jpa) - [리포지터리](https://github.com/sik2/muti_chat_2501) - [GIT](https://github.com/sik2/muti_chat_2501/commits/main/) # 2강 - [25 1 2, p 13921, 2강, 포트 충돌시 포트 종료하는 방법](https://youtu.be/2vcD552DYho) - Windows ``` netstat -a -o | findstr 포트번호 taskkill /f /pid PID넘버 ``` - Mac ``` lsof -i :포트번호 kill -9 PID넘버 ``` # 3강 - [24 12 31, p 13921, 3강, 베이스코드 작업,yml 설정, BaseEntity](https://youtu.be/SRXUze5yP40) - [GIT](https://github.com/sik2/muti_chat_2501/commit/211427c) 디렉토리 구조 domain(모듈별구분) - chat(모듈) - chatMessage(서브모듈) - controller - ChatMessageController.java - repository - service - entity - dto - member global(전역적으로 쓰이는 설정) - initData - jpa/baseEntity - rsData - webSocket - application.yml ```yml server: port: 8090 # 서버가 실행될 포트 번호 지정 spring: thymeleaf: cache: false # 개발 환경에서 템플릿 캐시 비활성화 (실시간 변경 반영) prefix: file:src/main/resources/templates/ # 템플릿 파일 위치 지정, file: 접두사로 실시간 반영 output: ansi: enabled: always # 콘솔 출력시 ANSI 색상 활성화 h2: console: enabled: true # H2 데이터베이스 웹 콘솔 활성화 path: /h2-console # H2 콘솔 접속 경로 설정 datasource: url: jdbc:h2:mem:chat_dev # 메모리 DB 사용, DB 이름은 chat_dev username: sa # 데이터베이스 접속 아이디 password: # 데이터베이스 접속 비밀번호 (기본값 없음) driver-class-name: org.h2.Driver # H2 데이터베이스 드라이버 설정 jpa: hibernate: ddl-auto: create # 애플리케이션 시작시 테이블 새로 생성 (개발환경용) properties: hibernate: default_batch_fetch_size: 100 # N+1 문제 해결을 위한 배치 사이즈 설정 format_sql: true # SQL 쿼리 포맷팅 highlight_sql: true # SQL 쿼리 하이라이팅 use_sql_comments: true # SQL 쿼리에 주석 포함 logging: level: org.hibernate.SQL: DEBUG # SQL 쿼리 로깅 org.hibernate.orm.jdbc.bind: TRACE # SQL 바인딩 파라미터 로깅 org.hibernate.orm.jdbc.extract: TRACE # SQL 결과 추출 로깅 org.springframework.transaction.interceptor: TRACE # 트랜잭션 로깅 ``` - global/base/BaseEntity.java ```java import jakarta.persistence.EntityListeners; import jakarta.persistence.GeneratedValue; import jakarta.persistence.Id; import jakarta.persistence.MappedSuperclass; import lombok.*; import lombok.experimental.SuperBuilder; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import java.time.LocalDateTime; import static jakarta.persistence.GenerationType.IDENTITY; import static lombok.AccessLevel.PROTECTED; @MappedSuperclass // JPA Entity 클래스들이 이 클래스를 상속할 경우 필드들도 컬럼으로 인식 @NoArgsConstructor(access = PROTECTED) // 기본 생성자 생성, protected 접근 제어 @AllArgsConstructor(access = PROTECTED) // 모든 필드 값을 파라미터로 받는 생성자 생성 @Getter // 모든 필드의 getter 메서드 생성 @SuperBuilder // 상속된 클래스에서 빌더 패턴 사용 가능 @EntityListeners(AuditingEntityListener.class) // JPA Auditing 기능 사용 @ToString // toString 메서드 자동 생성 @EqualsAndHashCode // equals와 hashCode 메서드 자동 생성 public class BaseEntity { @Id @GeneratedValue(strategy = IDENTITY) @EqualsAndHashCode.Include private Long id; @CreatedDate @Getter private LocalDateTime createDate; @LastModifiedDate @Getter private LocalDateTime modifyDate; } ``` # 4강 - [24 12 31, p 13921, 4강, 베이스코드 작업 RsData, 도메인 파일 작업](https://youtu.be/VUstSZy9CNk) - [GIT](https://github.com/sik2/muti_chat_2501/commit/d22997f) - RsData ```java package com.ll.chat20231104.global.rsData; import lombok.AllArgsConstructor; import lombok.Getter; import java.util.Optional; @Getter @AllArgsConstructor(access = lombok.AccessLevel.PRIVATE) public class RsData { private String resultCode; private String msg; private T data; public static RsData of(String resultCode, String msg, T data) { return new RsData<>(resultCode, msg, data); } public static RsData of(String resultCode, String msg) { return of(resultCode, msg, null); } public boolean isSuccess() { return resultCode.startsWith("S-"); } public boolean isFail() { return !isSuccess(); } public Optional> optional() { return Optional.of(this); } public RsData newDataOf(T data) { return new RsData(getResultCode(), getMsg(), data); } } ``` # 5강 - [25 1 1, p 13921, 5강, 프론트 UI 작업](https://youtu.be/4pIDIE4R2-8) - [코드팬 - 채팅방 목록](https://codepen.io/sik2/pen/xbKXmqa?editors=1000) - [코드팬 - 채팅방 생성](https://codepen.io/sik2/pen/KwPXbmm?editors=1000) - [코드팬 - 채팅방 상세](https://codepen.io/sik2/pen/vEBevmq?editors=1010) - [GIT](https://github.com/sik2/muti_chat_2501/commit/acc92c9) # 6강 - [25 1 1, p 13921, 6강, ChatRoomController, PathVariable, RequestParam](https://youtu.be/k5wXxymAcQs) - [GIT](https://github.com/sik2/muti_chat_2501/commit/0d236d5) ``` http://localhost:8090/chat/room/1 결과 : 1번 채팅방 입니다. ``` ``` http://localhost:8090/chat/room/3?writerName= 결과 : 3번 채팅방 입니다. writer : NoName http://localhost:8090/chat/room/5?writerName=Paul 결과 : 5번 채팅방 입니다. writer : Paul ``` # 7강 - [25 1 1, p 13921, 7강, @RequestMapping, /chat/room/make](https://youtu.be/KkhIh72xBnc) - [GIT](https://github.com/sik2/muti_chat_2501/commit/21f9b1b) ``` http://localhost:8090/chat/room/make => make.html (방 생성 화면 이동) ``` # 실습진행 - [PR 보내는 방법](https://youtu.be/1_uC3Gdnsdk) # 8강 - [25 1 3, p 13921, 8강, list, make, room 뷰 연결](https://youtu.be/u8LcdAzelv0) - [GIT](https://github.com/sik2/muti_chat_2501/commit/cd65ffa) # 9강 - [25 1 3, p 13921, 9강, initData, 채팅방 데이터 자동생성](https://youtu.be/ux6sri8Y2PQ) - [GIT](https://github.com/sik2/muti_chat_2501/commit/65353ff) # 10강 - [25 1 3, p 13921, 10강, 채팅방 타임리프로 출력](https://youtu.be/pWFr8J9LkTM) - [GIT](https://github.com/sik2/muti_chat_2501/commit/c94413d) # 11강 - [25 1 3, p 13921, 11강, 채팅방 등록 작업](https://youtu.be/y9GmifKfnYg) - [GIT](https://github.com/sik2/muti_chat_2501/commit/869c879) # 12강 - [25 1 3, p 13921, 12강, 루트 접속시 채팅방 목록 출력하도록](https://youtu.be/9fjT7KKU6AQ) - [GIT](https://github.com/sik2/muti_chat_2501/commit/a1e23c3) # 13강 - [25 1 3, p 13921, 13강, initData 채팅 메세지 추가](https://youtu.be/mo9TfUCQy98) - [GIT](https://github.com/sik2/muti_chat_2501/commit/add19f7) --- ## 완성코드 - [완성 PR](https://github.com/sik2/muti_chat_2501/pull/22/files) - [완성코드 1s 버전](https://github1s.com/sik2/muti_chat_2501) - [완성코드 브랜치 레포](https://github.com/sik2/muti_chat_2501/tree/finish) $$hide # ?강 - [25 1 3, p 13921, 8강, ]() - [GIT](https://github.com/sik2/muti_chat_2501/commit/) $$

멀티 채팅방으로 알아보는 웹소켓(STOMP)