Toy Project (15) 썸네일형 리스트형 [iGPT] Version 1.0.3 구현 내용 1. Chat 메시지를 버블 형태로 변환 구현 방법 직접 구현하는 방법과 기존 패키지를 사용하는 방법이 있는데 이번에는 간편하게 후자를 선택 사용한 패키지는 chat_bubbles: https://pub.dev/packages/chat_bubbles chat_bubbles | Flutter Package Flutter chat bubble widgets, similar to Whatsapp and more shapes. Easy to use and implement chat bubbles. pub.dev 원하는 테마인 iMessage 테마도 지원하기 때문에 선택 구현 방법은 간단한데 text와 color에 원하는 글자와 배경색을 지정 가능하고 tail 옵션으로 말풍선 꼬리를 설정 가능 (iMe.. [iGPT] Version 1.0.2 구현 내용 1. 새로운 메시지가 수신되면 자동으로 스크롤이 맨 아래로 이동 구현 방법 Scroll을 관리해주는 ScrollController를 생성, 스크롤을 맨 아래로 이동해주는 _scrollToBottom 함수 생성 Scffold 구현 전에 WidgetsBindig으로 _scrollToBottom 함수 연결 ListView Controller에 _scrollController 추가 참고: https://stackoverflow.com/questions/56685732/flutter-how-to-create-list-view-autoscrolling --------------------------------------------------------------------------------------.. [iGPT] Version 1.0.1 구현 내용 1. 키보드가 아닌 부분 터치시 키보드 내려가게 구현 구현 방법 채팅과 입력 TextField가 있는 부분인 Column을 GestureDetector로 감싸서 구현 GestureDetector : https://api.flutter.dev/flutter/widgets/GestureDetector-class.html GestureDetector class - widgets library - Dart API A widget that detects gestures. Attempts to recognize gestures that correspond to its non-null callbacks. If this widget has a child, it defers to that child for i.. [iGPT] Version 1.0.0 구현 내용 1. gpt-3.5-turbo-0301 사용 2. iMessage Theme 적용 To Do 1. API 키 보호 방법 찾기 2. 새로고침 또는 재접속시에도 이전 채팅 내용 유지 3. 한글 입력 시 입력창에서 글자 깨짐 현상 해결 4. Enter 키 입력으로도 메시지 전송 기능 구현 5. Text 모양 말풍선 형태로 구현 6. GPT 대답 기다리는 동안 loading widget 구현 Flutter + Github Page + Github Actions로 ChatGPT 웹 프로젝트 시작 내가 연구해서 만든 자연어 모델을 서빙하기 위해 시작한 Flutter 일단은 기존 ChatGPT API를 활용한 간단한 서비스를 만들어봤다. 우선은 가비아에서 도메인을 구매 내 이름 영어 스펠링인 Min Dongwook에서 욱(Wook)을 UK로도 쓰는거에서 아이디어를 얻어서 mindong.uk로 구매했다. 그 후 기존 ChatGPT에서 아쉬웠던게 Chat과는 좀 거리가 있는 UI여서 그 부분을 수정해서 Chatting 스타일로 UI를 구성했다. 전체적인 컨셉은 iOS의 iMessage 모든 코드는 Flutter를 사용해서 만들었으며 Github Actions을 이용하여 자동으로 빌드 및 배포하도록 작성하였다. 간단한 구조는 Flutter 코드를 수정 후 push하면 Actions에서 위 사진의 work.. 이전 1 2 다음
