subindev 님의 블로그

채팅방 조회 쿼리 최적화 방법상황 : 현재 RDBS(MySQL)을 이용하여 데이터베이스를 설계함. 채팅방 아이디를 이용하여 아래의 DTO를 조회해아함.쿼리를 하나로 작성하는 것과 여러 개의 쿼리로 나누어 실행하는 것 중 어떤 것이 더 성능적으로 유리할까?하나로 작성할 때, JOIN 후 limit을 거는것과 limit을 건 서브쿼리와 JOIN 하는 것에 차이가 있을까?1. DTO 구조private int chatRoomId;private ProductCardDTO productCard;private List participants;private List messages; // TODO : Message - Pagination 2. 성능 최적화를 위한 접근 방식1️⃣ 조인 후 LIMIT 걸어 30개 추출 (..

오늘 목표- 플러터 아이디/비밀번호 찾기 화면 제작- 백엔드 mybatis 초기설정 및 더미데이터 제작- 채팅방 조회  오늘의 복습- 데이터베이스는 snake 기법, 변수명은 Camel 기법으로 적혀있을 때, mybatis-config.yml 파일에 추가

오늘 목표- 맥북 플러터 , 안드로이드 스튜디오 다운- Cursor IDE 와 연동 시도노트북으로 작업하기 위하여 노트북에 초기세팅완료

채팅 UI를 구현할 때 고려해야 할 세세한 부분들이 많습니다. 우리는 하루에도 몇십 번씩 사용하는 채팅 앱을 만들기 위해서는 당연하다고 느껴질 수 있는 세부 사항들을 고려하고, 사용자 경험(UX)을 고려하여 고품질의 채팅 기능을 구현해야 합니다.이 포스팅에서는 WhatsApp, 카카오톡, 그리고 라인과 같은 대표적인 채팅 앱에서 적용되는 UI 인터랙션 로직을 적용한 채팅 앱을 개발하는 방법에 대해 설명합니다.기본적인 구조 (뼈대)먼저, 채팅 스크린의 기본 구조를 살펴봅시다. Scaffold( appBar: AppBar( title: const Text("Chat"), backgroundColor: const Color(0xFF007AFF), ), // 일반..

오늘 목표- 현재 MV로 구현된 채팅방, 목록 페이지 -  MV VM 패턴으로 분리하기- 채팅방 화면 디테일 - 키보드가 나오거나 입력한 뒤 최근 메시지가 제일 아래에 보이도록 설정- 상품 등록화면 디자인 개선- 홈 메인화면 디자인 개선 내일 목표- 백 마이바티스 연결해서 JSON 쏴주기- JSON 클래스로 변환해서 화면에 출력하기 채팅방 추가된 기능- 키보드 외의 화면 터치나 드래그 시 키보드 자동으로 내려감ListView.builder( // 리스트를 드래그하면 키보드가 내려가도록 하는 코드 keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDr..

오늘의 작업- 채팅 리스트 화면 구현- 채팅 방 화면 구현- 홈 메인 화면 구현- 모델링 클래스 설계 및 더미 데이터 추가 (상품 | 채팅방 | 채팅메시지) 내일 목표 - 현재 MV를 MV VM 패턴으로 분리하기- 채팅방 화면 디테일 - 키보드가 나오거나 입력한 뒤 최근 메시지가 제일 아래에 보이도록 설정-  홈 화면 디테일 잡기- 상품 보기 화면 구현  구현화면 (결과)  // chatting_room Page 사용class ChatRoom { final int chat_room_id; final ProductCard productCard; final List participants; final List messages; final bool isRead; ChatRoom({ requir..