Flutter - TTS로 글자 읽어주는 기능 구현하기 (flutter_tts)

TTS (Text To Speach)한국어로는 음성합성'이라고 칭한다.컴퓨터의 프로그램을 통해 사람의 목소리를 구현해 내는 것을 말한다.말 그대로 컴퓨터가 특정 글자들을 읽어주는 것을 말한다. 포스팅에서 설명하는 프로젝트는 아래의 링크에서 다운받을 수 있습니다.https://github.com/luvris2/flutter-example/tree/main/flutter_tts_testTTS Package Setting (설치 및 설정)TTS 패키지 설치텍스트를 읽어주기 위해서는 우선 필요한 패키지를 설치를 해야한다.flutter pub add flutter_tts안드로이드 설정android - app - build.gradle해당 경로의 파일을 열어 defaultConfig의 minSdkVersion을 2..

• format_list_bulleted Mobile/Flutter
• · 2023. 11. 1.
• textsms

Flutter - TextEditingController(TextField) 컨트롤러 사용 방법 (텍스트필드의 값 받아오기)

Overview텍스트필드에 사용자가 입력한 값을 받아와서 처리할 수 있도록 합니다.이 포스팅에서의 샘플 코드는 시각적으로 사용자의 입력 값 처리를 확인하기 위해실시간으로 입력된 값을 텍스트 위젯으로 출력하는 방법을 설명합니다. TextEditingController편집 가능한 텍스트 필드의 컨트롤러연결된 컨트롤러를 사용하여 텍스트 필드를 수정할 때마다 값을 업데이트할 수 있음text 속성을 사용하여 입력한 내용이 어떻게 업데이트 되었는지 확인 가능기본 구문// 텍스트 에디팅 컨트롤러 생성TextEditingController textController = TextEditingController();// 컨트롤러 연결TextField( controller: textController,)TextEditing..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 31.
• textsms

Flutter - DropDownButton 위젯 사용 방법 (드롭다운 메뉴 펼치기)

Overview앱 내에서 드롭다운 버튼을 사용하여 리스트의 값을 사용자가 선택할 수 있도록 합니다. 포스팅에서 사용된 프로젝트는 깃허브에서 확인가능합니다.https://github.com/luvris2/flutter-example하위 경로 : flutter_how_to_use_widgets_exampleDropdownButton기본 개념특정 항목의 목록을 선택하기 위한 Material 디자인 버튼버튼에는 현재 선택된 항목과 다른 항목을 선택할 수 있도록 메뉴를 여는 화살표가 함께 표시펼쳐진 메뉴에서 사용자는 여러 항목 중 하나의 항목 선택 가능기본 구문DropdownButton(    items: items, // [필수] 드롭다운 리스트 항목    onChanged: onChanged, // [필수] ..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 30.
• textsms

Flutter Key Input Error) 텍스트필드의 한글 입력 시 자음 모음이 분리되어 입력되는 현상 해결 방법

요약이 포스팅은 플러터에서 프로그래밍 로직 오류로 발생하는 자음 모음 분리 현상을 다룬 것입니다.의외로 한컴 오피스의 한글 소프트웨어에서 자음과 모음이 분리 현상으로 유입되는 분들이 많네요.윈도우에서 자음과 모음이 분리되는 현상에 대한 해결 방법은,아래의 포스팅의 '윈도우에서 전각/반각 변환하기' 챕터에서 확인 가능합니다.[IT 이야기] - 문자 인코딩의 전각/반각에 대해 (전자와 반자 이야기, 영문자 자간이 이상할 때 해결 방법)Error플러터로 앱을 개발하던 도중,안드로이드 에뮬레이터에서 텍스트필드에 입력한 한글이 이상하게 자꾸 자음과 모음이 분리되어 입력되었다.'ㅁㅏㅊㅣ ㅇㅣㄹㅓㅎㄱㅔ' 마치 이렇게 말이다.한국 플러터 개발자 커뮤니티에서도 확인해 본 결과,안드로이드 뿐만 아니라 iOS에서도 발생하는..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 29.
• textsms

Flutter - InAppWebView 팝업 띄우기/닫기 (window.open&window.close)

Introduction & Overview웹 페이지에서 구현되어 있는 SNS 로그인(카카오와 네이버)가 Flutter의 웹뷰에서 제대로 되지 않는 현상이 발생하였다.마침내 웹뷰 자체에서 자바스크립트의 window.open(), window.close() 를 직접 제어해줘야 한다는 것을 알아냈다.내가 사용한 웹뷰는 InAppWebView이므로, 이 위젯을 기준으로 설명하려 한다. 이 글은 InAppWebView 위젯으로 이미 웹 페이지를 표시하고는 있으나,웹 페이지 내 팝업 처리, SNS 로그인(카카오, 네이버 등)에 대한 해결 방법을 제시하는 포스팅이다.또한, iOS 환경에서는 확인하지 않았으며 오로지 안드로이드에서만 확인하였다.InAppWebView의 사용 방법은 아래의 링크를 참고하길 바란다.Flut..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 25.
• textsms

Flutter - 'flutter channel' 키워드에 대해 (Flutter Sdk Upgrade)

개요 flutter upgrade 플러터의 버전을 업그레이드 해야 할 때 터미널에서 'flutter updagrade' 키워드를 사용하여 버전업을 진행한다. 그런데 플러터 버전 업그레이드에는 채널에 따른 종류가 있다. 우선 내가 발생한 문제로 예를 들어 보겠다. 회사 컴퓨터에서 플러터 코드를 짜면 WIllPopScope가 마이그레이션을 하라는 안내 문구가 출력된다. WillPopScope를 PopScope로 마이그레이션을 하고 깃에 푸쉬한 뒤, 집 컴퓨터에서 해당 플러터 코드를 깃에서 풀하게 되면 PopScope 클래스가 인식 자체를 하지 못한다. 오히려 WillPopScope를 작성해줘야 인식하는 상황이 발생한다. flutter --verison flutter upgrade --force 버전을 확인 ..

• format_list_bulleted Mobile/Flutter
• · 2023. 10. 20.
• textsms