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

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

안녕하세요~ totally 개발자입니다. immutable 이번 시간에는 플러터에 사용되는 Dart 강좌로 오늘은 immutable 객체에 대해서 살펴보도록 하겠습니다. immutable 말그대로 "불변의, 변경할 수 없는"이라는 뜻으로 쓰입니다. immutable를 쓰기에 앞서 이 부분을 왜 작성하는지를 살펴볼 필요가 있습니다. 먼저 아래와 같은 코드가 있다고 가정합니다. 스타크래프트 마린의 객체를 정의한 예제 클래스이고 17-18번째 줄에 마린 한 마리를 인스턴스화 해주었습니다. 여기에서 중요한 부분은 26-28번째 줄에 마린을 매개변수로 받아 마린의 공격력을 50 더해주는 함수를 선언했고 그 선언된 함수를 21번째 줄에서 호출하여 사용했습니다. 테스트해본 결과입니다. 여기서 marine1을 직접 변..

안녕하세요~ totally 개발자입니다. DevTools 오늘은 DevTools 활용하는 방법에 대해서 살펴보도록 하겠습니다. 이 DevTools은 여러 유용한 기능들을 가지고 있습니다. DevTools는 Dart와 Flutter를 위한 성능 및 디버깅 도구이며 UI 레이아웃, 상태(state)를 점검할 수 있도록 도와주며 그 외 CPU, Network, Debug Memory issue, 코드 분석, 진단 등 여러 복합적인 기능들을 제공하고 있습니다. 실행 방법 기본적으로 Flutter, dart 확장자가 설치되어 있다면 별도로 설치하실 필요는 없으며 Visual Studio Code(VSCode)에서 F1를 눌러서 나오는 Command palatte에 devtools 검색하여 실행할 수 있습니다. 이..