Toy Project/iGPT (14) 썸네일형 리스트형 [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 다음
