320x100
반응형
320x100
반응형
개요 웹 소켓 서버에 대한 기능은 이전 포스팅으로 분리하였으므로, 이번에는 채팅 앱 클라이언트에서 웹 소켓 서버와 통신하고 실제로 실시간 채팅이 이루어지는 기능을 상호작용할 수 있도록 해보자. [ 시리즈 포스팅 내용 보기 ] Flutter/Dart - 채팅 앱 만들기(1) - 다트로 웹 소켓 서버/클라이언트 만들기 (WebSocket) Flutter/Dart - 채팅 앱 만들기(2) - 앱 UI 레이아웃 디자인 및 기능 설계하기 Flutter/Dart - 채팅 앱 만들기(3) - 다트 웹 소켓 서버 기능 구현하기 Flutter/Dart - 채팅 앱 만들기(4) - 앱에서 소켓 서버와 통신하여 채팅 기능 구현하기 이번 포스팅에서는 아래와 같은 내용을 다룬다. 클라이언트에서 메시지를 보내는 방법 단순히 모든..
개요이전 포스팅에서 다뤘던 기능들과 플러터 앱의 UI를 결합하여,이번에는 웹소켓 서버와 통신 하여 실제 실시간 채팅이 이루어지도록 기능을 구현해보자.웹소켓과 채팅 기능의 이해를 돕기 위해 최대한의 최대한... 간소화 하였다.UUID와 Shared Preference를 활용한 조금 더 정밀한 개인 메시지 전송 방법을 설명하려했지만,그러면 포스팅의 내용이 너무 길어지고 복잡해질꺼 같아서 전부 다 뺐다.프로젝트를 간단히 초기 설정된 닉네임으로만 통하여 메시지를 보내도록 수정하였다.때문에 같은 닉네임을 사용한다면 사실상 1:1 개인 메시지의 기능이 아니게 되는 허점이 존재하지만 이해하길 바란다.(이 기능을 잘 활용하면 특정 방에 접속한 유저들끼리 나눌 수 있는 '채팅방' 형태의 기능을 구현할 수도..
앱 업로드 문제 발생 내용 구글 플레이 콘솔에 플러터로 만든 앱을 업로드 하려 하니 다음과 같은 문구가 출력되었다. 디버그 모드로 서명한 APK 또는 Android App Bundle을 업로드했습니다. 출시 모드로 APK 또는 Android App Bundle에 서명해야 합니다. 해결 방법 서명 구성 정보를 릴리즈 모드로 빌드 타입 변경하기 프로젝트 폴더에서 android > app > build.gradle 파일을 연다. 빌드 그레이들 파일에서 빌드 타입 부분의 signingConfigs를 디버그에서 릴리즈로 변경한다. buildTypes { release { // TODO: Add your own signing config for the release build. // Signing with the ..
개요 작성 목적 나는 처음 상태 관리를 provider로 배웠다. 간단한 로직임에도 다른 클래스끼리의 상태 변환을 위해 provider를 불러오고 정의하려니 너무 번거롭기도 하고 익숙한 형태도 아니기 때문에 불편했다. 간단히 클래스 간 상태를 공유하기 위해서, 또한 상태가 변경될 때의 빌드 작동 순서를 명확하게 이해하고자 직접 샘플 프로젝트로 최대한 간단하게 구현해 보았다. 내용 이 포스팅은.. 상태 관리 관련 패키지(Provider, GetX, Riverpod, bloc) 등의 패키지를 사용하지 않고 다른 클래스 간 상태를 직접 setState로 변경하는 방법을 다룬다. * 설명으로 다루는 프로젝트는 아래의 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-..
Overview 이번 포스팅에서는 Carousel Slider 를 사용하여 페이지들을 슬라이드로 넘기는 기능을 구현해 보도록 합니다. 또한, 사용자의 입력 없이 자동으로 일정한 간격으로 페이지가 슬라이드 되는 기능과 하단의 인디케이터를 통해 현재 화면 표시 및 특정 페이지로 이동하는 기능을 구현합니다. 포스팅에서는 각 페이지당 이미지를 배치하여 식별할 수 있도록 하였습니다. 포스팅에서 설명하는 플러터 프로젝트 파일은 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-example/tree/main/flutter_carousel_slider_test 사전 작업 Carousel Slider 패키지 설치 flutter pub add carousel_slider 이미..
Overview 이전에 다이얼로그와 플로팅 액션바를 이용한 메모 앱 만들기를 통해 다이얼로그에 대한 설명을 하였었지만, 이전 포스팅에서는 앱의 기능 구현을 위주로 포스팅하였으나, 다이얼로그의 설명 내용이 너무 부실한 것 같아서 다이얼로그에 대한 설명만을 담은 포스팅을 새롭게 추가하였습니다. (이전 포스팅 보러 가기) Flutter - Floating Action Button, showDialog - 플로팅 액션 버튼으로 특정 작업 수행하기(리스트뷰 항목 추가하기) 이번 포스팅에서는 다이얼로그를 출력하는 기능을 구현해봅니다. showDialog를 이용하여 AlertDialog 위젯을 생성 후, 다이얼로그로 사용자와 상호작용할 수 있는 방법을 설명합니다. 예시) 다이얼로그에서 숫자를 카운팅하는 앱 다이얼로그..