Framework/Flutter
-
최근 공유 가계부 앱을 런칭했습니다.이제 기능을 하나씩 확장 중인데요. 오늘은 다국어 기능을 추가했던 과정을 기록해봤습니다.서비스 중인 앱은 Flutter로 개발되었고, flutter_localizations와 intl 패키지를 이용해 다국어 기능을 구현했습니다. 테스트 환경Flutter 3.27.1intl 패키지는 Flutter에서 다국어(i18n)와 숫자, 날짜, 통화 형식 등의 로컬라이제이션을 지원하는 공식 패키지입니다.flutter_localizations와 함께 사용하면 앱의 언어를 디바이스 설정에 따라 자동 변경할 수도 있고, 앱 내 설정을 통해 수동으로 변경할 수도 있습니다. 1. 패키지 다운로드flutter pub add flutter_localizations --sdk=flutterflu..
[Flutter]다국어 구현2025. 2. 21.
-
최근 모바일앱을 개발하며 Text Editor 기능을 추가하게 되었습니다. 앱에서의 에디터 기능 추가는 처음이었는데, 역시나 라이브러리가 잘 되어 있어 어렵지 않게 만들 수 있었습니다.오늘은 Text Editor로 사용한 flutter_quill 사용법에 대해 알아보겠습니다. ※ 테스트 환경Flutter 3.22.3Dart 3.4.41. 패키지 설치현재 개발 중인 서비스에서는 모바일앱에서 에디터를 통해 글을 작성하게 되면 API를 통해 DB에 저장된 후, 웹 브라우저를 통해 보여지게 됩니다.이러한 구조를 위해 아래 3개의 패키지를 설치합니다.flutter_quill: ^9.1.1vsc_quill_delta_to_html: ^1.0.5flutter_quill_delta_from_html: ^1.3.12fl..
[Flutter]Text Editor 적용하기 2025. 1. 5. -
최근 앱 개발을 하면서 항상 추가해왔던 구글 애드몹(google_mobile_ads)을 추가하던 중 아래와 같은 오류가 발생했습니다..Error (Xcode): Undefined symbols:Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation) 다행히 Github에서도 동일한 오류로 질문이 올라온 것을 확인할 수 있었습니다.Google Mobile Ads가 5.x 버전대로 업데이트되면서, Xcode 15.3 이상으로의 업데이트가 필요한 것으로 확인되었습니다.현재 Xcode 버전은 15.2 버전이었고, 업데이트를 진행했습니다. 이후에 디바이스 에러가 발생했지만 podfile, package 업데이트를 통해 오류가 ..
[Error]Linker command failed with exit code 1 (use -v to see invocation) 2025. 1. 2. -
Windows 환경에서 Flutter 최초 설치시 발생하는 에러 모음입니다. 1. cmdline-tools component is missingAndroid SDK의 cmdline-tools 구성 요소를 감지하지 못했을 때 발생하는 에러입니다.1-1. Android Studio 실행Customize - All settings 클릭 1-2. Language & frameworks - Andorid SDK Android SDK Command-line Tools 선택 후 Apply 2. Android license status unknownFlutter가 Android SDK와 관련된 라이센스 동의를 감지하지 못할 때 발생합니다.아래 명령어를 통해 에러를 해결할 수 있습니다.flutter doctor --a..
[Error]Flutter 설치 에러 모음 2024. 12. 18. -
오늘은 Naver Map을 활용해 개발 중인 애플리케이션에 지도를 적용해 보았습니다.작업 과정에서는 pub.dev의 flutter_naver_map 라이브러리를 참고했으며, 문서가 잘 정리되어 있어 해당 문서를 참고하시면 도움이 될 것입니다. ※ 테스트 환경Flutter 3.22.3Dart 3.5.4flutter_naver_map 1.3.01. 어플리케이션 등록1-1. Naver Map 사용 등록NCP Console에 접속하여 Application을 등록합니다. 1-2. 네이버 지도 서비스 등록Web Dynamic Map, Mobile Dynamic Map을 선택하고, Android, iOS 패키지명을 입력합니다. 1-3. Client ID 확인 2. Naver Map 위젯 만들기2-1. 지도 초기화...
[Flutter]Naver Map 사용하기 2024. 12. 9. -
Xcode 빌드시 발생한 오류입니다.error: Sandbox: rsync.samba(22953) deny(1) file-write-create /Users/eeesnghyun/Library/Developer/Xcode/DreivedData/Runner-axfbqbxwydyxttaoazrqretedltu/Build/Intermediates.noindex/ArchiveIntermediates/Runner/BuildProductsPath/Release-iphoneos/Flutter.framework (in target 'Runner' from project 'Runner') Xcode는 잠잠하다 싶을 때 이해안되는 오류를 종종 보여주곤 하네요.. Runner - TARGETS - Runner - Build..
[Error]error: Sandbox: rsync.samba(22953) deny(1) file-write-create ... 2024. 8. 26. -
최근 Flutter로 모바일 게시판을 개발하게 됐는데 페이징 처리를 고민하다가 무한 스크롤 방식으로 결정했습니다. 패키지 중에 infinite_scroll_pagination이 문서도 잘 나와있고 사용하기도 편했습니다. infinite_scroll_pagination을 적용한 앱(농실농실 보러가기) 화면 중 공지사항 페이지를 예제로 소개합니다. 실제 개발중인 프로젝트의 코드를 가져왔기 때문에 중간중간 import가 불가능한 코드들이 존재합니다. 페이징 컨트롤러, 위젯의 생김새, _fetchPage 함수 부분들만 참고하시고 각자의 프로젝트에 맞게 적용해서 사용하시길 바랍니다. 개발 환경Flutter 3.16.5Dart 3.2.3Spring boot 2.7.51. 패키지 설치flutter pub add in..
[Flutter]무한 스크롤 구현하기 2024. 6. 21. -
앱 스토어에 아무런 설정없이 배포를 했을 때 기본 언어가 EN으로 설정되어 있게 됩니다.아래와 같이 언어란에 KO를 표기하기 위해서 따로 설정이 필요합니다. 프로젝트 - iOS - Runner.xcodeproj 파일을 vscode로 엽니다. project.pbxproj 파일의 developmentRegion과 knowRegions의 en -> ko로 변경합니다.
[Flutter]iOS 앱 기본 언어 정보 한글로 변경하기 2024. 5. 20.