flutter

[Flutter] ClipRRect Widget - 이미지 테두리를 둥글게 만들고 싶을 때

ClipRRect 위 이미지처럼 플러터에서 콘텐츠박스나 이미지를 둥글게 표현하고 싶을 때 어떤 위젯을 쓸 수 있을까? 바로 ClipRRect이다! 플러터 공식문서에 따르면 R은 Round의 R이라고 한다! ClipRRect위젯 borderRadius값에 둥근 모서리 값을 정할 수 있다 모든 모서리에 같은 값으로 둥글게 하고 싶다면 아래와 같이 할 수 있다 ClipRRect( borderRadius: BorderRadius.circular(20.0), child: image, ), BorderRadius 위젯의 Constructors은 아래와 같다! 원하는 모양에 따라 선택하면 된다! /// Creates a border radius where all radii are [radius]. const Bord..

[Flutter] Firebase Authentication을 사용하여 구글 계정 인증하기

이번 글은 Flutter 프로젝트에서 파이어베이스 인증을 사용하여 구글 로그인을 해보겠습니다 Firebase Authentication Firebase Authentication을 사용하면 서버 측 코드 없이 다양한 제공업체의 사용자를 인증하고 관리할 수 있습니다. 그러면 Flutter에서 firebase을 사용하여 구글 계정 인증하기를 해보겠습니다! 프로젝트에서 빌드-> Authentication 메뉴를 클릭하고 시작하기 버튼을 클릭합니다 그러면 로그인 제공 업체가 보여지는데 이 중 Google로 진행해보겠습니다 구글을 선택하면 위와 같은 화면이 나타납니다 프로젝트의 공개 이름은 자동으로 들어갑니다. 프로젝트 지원 이메일만 선택 후 저장 버튼을 클릭합니다 그러면 최신 구성 파일 다운로드에 대한 안내 내..

[Flutter] Flutter 앱에 Firebase 파이어베이스 설정하기

Firebase 프로젝트 생성 Firebase 프로젝트를 추가하고 Flutter 앱을 추가하여 시작하기를 클릭한다! 참고로 flutter 3.0 공식 릴리즈부터 Firebase가 플러터를 공식 지원했습니다! 🎉 그래서 기존에는 플랫폼별로 다 설정해야 했었습니다 하지만 firebase가 flutter를 지원하기 때문에 손쉽게 설정이 가능합니다 Flutter 앱에 Firebase 추가 [Flutter 프로젝트는 생성했다고 가정하겠습니다] 1. 작업공간 준비 공식 문서를 보면서 하면 쉽게 할 수 있다 😄 https://firebase.google.com/docs/cli?authuser=0&hl=ko#install_the_firebase_cli Firebase CLI 참조 | Firebase Documentat..

Flutter I/O Extended Korea 2022에 다녀오다!

https://festa.io/events/2361 Flutter I/O Extended Korea 2022 | Festa! Festa에서 당신이 찾는 이벤트를 만나보세요. festa.io Flutter I/O Extended Korea 2022 6월 26일(일) 6개의 세션으로 이루어진 이번 행사!! 코로나 이후로 오프라인 행사는 거의 가지 않았는데 오랜만에 오프라인 행사에 참여해봤다! 👍 이 스티커 외에 이것저것 받긴 했지만! 정말 젤 귀여웠던 DART SIDE 스티커 ㅎㅎ https://dev.to/bsutton/the-dart-side-blog-42g1 https://www.youtube.com/watch?v=w_ezWG1yKQQ&t=2s 이번 행사는 Flutter 3.0을 비롯한 다양한 내용의 ..

[Flutter] 마스코트 귀여운 새! 이름은 무엇인가?

6월 26일 주말에 Flutter/IO Extended Korea 2022를 오프라인으로 다녀왔다 다녀와서 알게 된 점과 느낀 점은 추후 올릴 예정! 행사에서 스티커를 받았는데 새가 너무 귀여웠다! 평소에도 귀여워서 프사도 했었는데 정작 이름은 몰랐다 이 기회에 플러터 새의 이름을 찾아보기로 결심! 그래서 플러터 캐릭터의 새 ! 이름이 무엇인지 검색해봤다 Dash https://docs.flutter.dev/dash Who is Dash? Learn more about the Flutter and Dart mascot, Dash. docs.flutter.dev Dash는 Dart언어와 Flutter 프레임워크의 공식 마스코트다!! 탄생한 배경도 재미있었다 원래 Dart는 처음부터 마스코트가 있었던 건 아..

[Flutter] 프로젝트 패키지명 및 앱이름 변경하기

안드로이드 프로젝트 패키지명 변경 pub package를 활용하기 안드로이드의 경우 https://pub.dev/packages/change_app_package_name 패키지를 설치해서 한 후 flutter pub run change_app_package_name:main com.new.package.name com.new.package.name에 변경하고 싶은 프로젝트명을 입력하면 알아서 변경이 된다! 직접 변경해보기 AndroidManifest.xml 파일에 package 값 변경하기 android/app/src/main/AndroidManifest.xml android/app/src/main/profile/AndroidManifest.xml android/app/src/debug/AndroidM..