본문 바로가기

Flutter15

Flutter 앱 개발 9 : 다국어 지원 II 아래 이전 포스팅에서 앱 내부의 문자열 다국어 처리에 대해서 알아보았었다. Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용 drogrammer.tistory.com 이번 포스팅에서는 스마트폰 런처에 보이는 어플리케이션 이름 다국어 지원에 대해서 알아보겠다. 1. 다국어 리소스 추가 Android > app > src > main > res 디렉토리 아래에 문자열 다국어 리소스를 추가해 준다. 어플리케이션 제목을 번역할 것이므로 'appname' 이라는 키워드로 아래와 같이 파일을.. 2021. 1. 8.
Flutter 앱 개발 8 : 다국어 지원 I 코드가 더 복잡해 지기 전에 다국어 지원을 위한 구현을 추가해보자. 늦으면 늦을 수록 귀찮아 진다. ㅎ; 1. Easy Localization 패키지 추가 다국어 지원을 쉽게 도와주는 easy localization 패키지를 사용할 계획이니 pubspec.yaml 에 의존성을 추가하자. ... dependencies: flutter: sdk: flutter url_launcher: ^5.7.10 easy_localization: ^2.3.3 # 다국어 패키지 추가 ... 2. 다국어 리소스 추가 assets 아래에 translations 폴더를 생성하고 언어별 리소스를 추가한다. 영어 (en.json), 스페인어 (es.json), 일본어 (ja.json), 한국어 (ko.json), 중국어 (zh.js.. 2021. 1. 5.
Flutter 앱 개발 7 : Contents 뷰 - Drawer 추가 Flutter 앱 개발 6 : Contents 뷰 - Scaffold, AppBar 추가 포스팅에 이어 Contents 뷰에 Drawer를 추가해 보자. 1. Drawer 추가 Drawer는 좌에서 우로 슬라이딩 되며 나오는 메뉴인데, '앱 평가하기' 메뉴를 drawer 에 추가해 보자. 지난 포스트에 작성해둔 Contents 클래스에 drawer를 추가해 보자. 뷰의 기본 틀을 만들어주는 Scaffold 위젯의 drawer 속성을 구현해 주면 된다. 참고로 구현 방법은 Drawer 위젯의 child 로 원하는 UI를 구성해 주면 된다. 일반적으로 Column 에 제목인 DrawerHeader 를 넣고 필요한 메뉴를 ListTile로 추가한다. 자세한 내용은 아래 코드의 주석을 참고하길 바란다. @ove.. 2021. 1. 3.
Flutter 앱 개발 3 : 앱 아이콘 추가 아이콘을 1024 x 1024 크기로 준비한다. InkScape 로 공돌이 갬성으로 그려서 PNG 파일로 export 했다. 안드로이드 앱 아이콘은 폰 해상도별로 다양한 크기로 준비해 줘야 한다. 직접 만들기 귀찮아서 App Icon Generator 라는 사이트를 활용했다. 사이트에 만들어둔 이미지를 추가 한후 'Generate' 라고 적혀있는 파란색 버튼을 누르면 AppIcons.zip 파일이 다운로드 된다. 파일의 압축을 풀고 AppIcons > android 아래에 있는 모든 디렉토리를 프로젝트의 android > app > src > main > res 아래에 복사하면 아이콘 준비가 끝난다. :) # 다운로드 폴더 에서 unzip AppIcons.zip cd AppIcons cp -r AppIc.. 2021. 1. 2.
Flutter 앱 개발 2 : 프로젝트 생성 패키지 ID를 com.drogrammer.apod 로 하는 프로젝트를 생성해보자. flutter create --org com.drogrammer apod 결과적으로, 아래와 같은 디렉토리 구조가 생성된다. 시작은 쉽다. ㅎㅎ; . └── apod ├── android │ ├── app │ │ └── src │ │ ├── debug │ │ ├── main │ │ │ ├── java │ │ │ │ └── io │ │ │ │ └── flutter │ │ │ │ └── plugins │ │ │ ├── kotlin │ │ │ │ └── com │ │ │ │ └── drogrammer │ │ │ │ └── apod │ │ │ └── res │ │ │ ├── drawable │ │ │ ├── mipmap-hdpi .. 2021. 1. 2.
Flutter 앱 개발 1 : 기획 (Space Daily) 최근 취미로 천문 사진 관련 안드로이드 앱 'Space Daily' 를 출시 했다. 이 앱을 기반으로 플러터 개발 및 출시 과정에 대해서 공유하고자 한다. Space Daily - Apps on Google Play Every day, you can see stunning photos of the universe with brief descriptions from astronomers. In addition, you can save high-quality photos to your phone's gallery. All photos and information are provided through the NASA Astronomy Picture of the Day (A play.google.com 1. 목.. 2021. 1. 2.

반응형