본문 바로가기

Flutter44

flutter에서 go_router로 로그인시 라우팅 설정하기. 로그아웃일 때 못들어가게 하기. 안녕하세요, 오늘은 Flutter에서 Go_router를 이용하여 로그인 시 라우팅 설정하고 로그아웃 시 접근을 제한하는 방법에 대해 알아볼게요. Go_router는 Flutter에서 라우팅을 쉽게 관리할 수 있도록 도와주는 패키지에요. Flutter GoRouter에서 로그인 여부에 따라 라우팅 설정하기 로그아웃 시 접근 제한 로그아웃 상태일 때는 로그인이 필요한 페이지에 접근할 수 없도록 설정해야해요. 이를 위해 Go_router의 redirect 옵션을 사용하여 로그인 상태를 체크하고, 로그아웃 상태일 때는 로그인 페이지로 리다이렉트하도록 설정해요. 핵심은 router 안에서 redirect로 로그인 상태가 아니면 로그인 페이지로 보내주는 것이에요!! 1. pubspec.yaml: 패키지 다운로드 .. 2024. 3. 1.
FutureBuilder를 사용하여 배경 이미지를 설정하는 방법 [flutter] 아래 코드는 배경 이미지를 설정하는 코드에요. 이 코드에서는 FutureBuilder를 사용해서 비동기로 이미지 파일을 가져오고, 그 파일을 BoxDecoration으로 설정하여 배경 이미지로 사용하고 있어요. 에러 발생 코드 Container( decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.cover, image: FileImage(widget.lightAnimation.imageFile), ), ), ) 문제는 FileImage와 BoxDecoration이 Widget이 아니라는 것이에요. 그런데 제가 이해한 바로는 Container의 자식 위젯이 많은 변수와 함수로 구성되어 있어서 Container를 사용할 수 없다고 하셨네요. 대신.. 2023. 11. 9.
Flutter app에서 SHA-1 생성하기 [Google Sign-In] 아래 질문에 대한 답을 찾아보세요! 😄 "Flutter 앱을 위해 SHA-1을 생성하려고 하는데, 어떻게 해야 할까요?" SHA-1은 Google Sign-In을 지원하기 위해 Android Studio에서 사용하는 인증 키입니다. Flutter 앱에서 SHA-1을 생성하는 방법에 대해 알려드릴게요! 아래의 단계를 따라 진행해보세요. 터미널 터미널에서 프로젝트 폴더로 이동하세요. Mac keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android Windows keytool -list -v -keystore ".android\\debug.keystore" -alias.. 2023. 11. 2.
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance [npm] error 아래 오류는 주로 Xcode와 관련된 문제입니다. 오류가 발생한 이유와 해결 방법에 대해 알아보도록 하겠습니다. xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance 해당 오류는 Xcode와 관련된 문제로, Xcode가 설치되어 있지 않거나 활성 개발자 디렉토리가 잘못 설정되어 있는 경우에 발생합니다. 이 문제를 해결하기 위해 몇 가지 방법을 시도해 볼 수 있습니다. 해결 방법: Xcode 설치 확인: xcodebuild -version Xcode가 설치되어 있지 않은 경우, Ap.. 2023. 11. 2.