안녕하세요~ totally 개발자입니다. photo_view 어플을 개발하다보면 사진을 올리고 그 사진을 볼 수 있도록 탭해서 사진을 확대, 축소할 수 있는 기능이 필요한 경우가 있습니다. 그런 경우에 사용할 수 있는 패키지로 photo_view를 사용할 수 있습니다. 패키지 버전이 초기 버전이기는 하지만 간단하게 사용할 수 있기 때문에 활용해보면 좋습니다. 먼저 3장의 이미지를 준비해주셔야 합니다 (pixabay를 활용했습니다) Step 1: pubspec.yaml에 photo_view를 설치해주시고 flutter pub get 해줍니다. Step 2: 먼저 사진을 탭했을 때 보여주는 photoView.dart 파일을 하나 생성해주시고 코드를 작성해줍니다. 전체 코드는 맨 아래에 있으니 참고하시기 바랍..

안녕하세요~ totally 개발자입니다. 아래처럼 Home, Search, Settings 페이지를 구성하고 Home이 아닌 Search와 Settings에서는 좌측 상단의 drawer 메뉴를 보이지 않게 하고 하단 메뉴의 아이콘을 클릭하면 각 페이지로 이동할 수 있는 간단한 실습을 해보도록 하겠습니다. Step 1: 시작하기에 앞서 구현 방법은 여러 가지로 꼭 해당 방법으로 구현하실 필요는 없으시고 라우팅 방법도 필자처럼 하실 수도 있고 Navigator.push, pop 등을 활용해서 하실 수도 있는 등 구현 상황에 따라 다르게 적용하셔야 함을 미리 말씀을 드립니다. 먼저 아래처럼 5개의 파일들을 구성합니다. Step 2: routeObserver를 구성을 해줍니다. 다만 이 실습에서는 이 overr..

안녕하세요~ totally 개발자입니다. FCM (Firebase Cloud Messaging) 오늘 다뤄볼 부분은 FCM입니다. 이 파이어베이스 클라우드 메시징을 사용하면 앱이 켜 있는 Foreground나 앱이 종료되거나 앱을 종료하지는 않았으나 켜두지 않은 상태인 Background 형태에서 알림 메시지를 푸시하여 사용자에게 알림을 줄 수 있습니다. 이 FCM을 위해서는 파이어베이스가 필요하며 파이어베이스 연동 관련해서는 아래의 포스팅에서 설명을 드렸으니 참고하시기 바랍니다. https://totally-developer.tistory.com/112 [040] 플러터 (Flutter) 배우기 - Firebase(파이어베이스) 연동 안녕하세요~ totally 개발자입니다. Firebase & Flut..

안녕하세요~ totally 개발자입니다. Freezed 오늘은 지난 번에 이어서 Freezed를 살펴보도록 하겠습니다. 지난 freezed 1편을 먼저 보시고 이 포스팅을 보시는 것이 좋습니다. https://totally-developer.tistory.com/139 [060] 플러터 (Flutter) 배우기 - freezed 사용하기 1 안녕하세요~ totally 개발자입니다. 먼저 이 포스팅 보시기에 앞서 지난 059 포스팅의 immutable 객체에 대한 사전 이해가 필요하기 때문에 먼저 보고 이 포스팅을 보기를 권장합니다. https://totally-devel totally-developer.tistory.com Union Types 이 Freezed에는 여러 기능이 존재하지만 그 중에서도 U..

안녕하세요~ totally 개발자입니다. 오늘은 제목 그대로 키보드 입력시에 bottomNavigationBar을 키보드 자판 위에 위치시킬 수 있게 하고 또 밖의 화면 탭하면 키보드 자판을 다시 사라지게 하는 방법에 대해서 공유합니다. Step 1: 아래처럼 controller, focusNode 변수를 선언합니다. Step 2: 아래처럼 GestureDetector와 Scaffold를 2번 추가해줍니다. Step 3: 다음처럼 구성해줍니다. Step 4: 테스트한 화면입니다.

안녕하세요~ totally 개발자입니다. 먼저 이 포스팅 보시기에 앞서 지난 059 포스팅의 immutable 객체에 대한 사전 이해가 필요하기 때문에 먼저 보고 이 포스팅을 보기를 권장합니다. https://totally-developer.tistory.com/136 [059] 플러터 (Flutter) 배우기 - immutable 객체 사용하기 안녕하세요~ totally 개발자입니다. immutable 이번 시간에는 플러터에 사용되는 Dart 강좌로 오늘은 immutable 객체에 대해서 살펴보도록 하겠습니다. immutable 말그대로 "불변의, 변경할 수 없는"이라는 totally-developer.tistory.com Freezed 이 포스팅에서는 freezed에 관해 살펴보도록 하겠습니다. 지난..