Where who wants to meet someone

[Flutter] Firebase에 사용할 SHA1, SHA-256 확인하기

Lust3r — Thu, 26 Sep 2024 19:33:48 +0900

너무 삽질을 했어서 나중에 이런 상황이 발생하거나 도움이 필요한 사람들을 위해 메모

환경:

- Macbook Pro (M3 Pro) 14.6.1

- VS Code

1. 문제

- Firebase 전화 인증을 위해 구성하던 중, 안드로이드는 디지털 지문 추가를 해야 했다.

- 이를 위해 터미널에서 ./gradlew signingReport 를 사용했으나 java가 없다는 오류가 발생

- java 홈페이지에서 m시리즈용 8버전을 받았으나 'Could not resolve all files for configuration 'classpath'. 오류가 발생

- 이에 최신 버전인 23을 설치했으나 'Execution failed for task ':gradle:compileGroovy' 오류가 발생

- 오류 코드 중에 11버전이 있어 8과 23을 제거하고 11버전 설치했으나 'Build failed with an exception' 오류가 발생
- Android Gradle plugin이 Java 17을 필요로 한다고 한다.

2. 해결

- (Homebrew가 설치되어 있다는 가정 하에) 터미널에서 다음 코드 입력

brew install openjdk@17

- 설치가 끝나면 기본 버전 설정 및 환경 변수 설정 가이드가 나오는데 해당 코드 입력

sudo ln -sfn /opt/homebrew/opt/openjdk@17/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk-17.jdk

echo 'export PATH="/opt/homebrew/opt/openjdk@17/bin:$PATH"' >> ~/.zshrc

(위는 예시일 뿐 터미널에 표기된 코드를 복붙하자)

이후 VS Code에서 터미널을 열고 cd android로 프로젝트의 android 폴더로 이동,

./gradlew signingReport

코드를 입력하면 잠시 뒤 결과가 출력되는데 스크롤을 조금 내리면 SHA1과 SHA-256을 확인할 수 있다.

[Flutter] Firebase 인증 상태에 따른 GoRouter redirect 구현하기

Lust3r — Tue, 24 Sep 2024 12:00:53 +0900

go_router | Flutter package

A declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and more

pub.dev

로그인 기능을 구현하다보니, 로그인 / 로그아웃을 할 때 context.go 메서드를 통해 화면을 전환하는 것이 아니라 자동으로 상태 반영이 되면 어떨까 하는 생각이 들게 되었다.

Flutter에서 Firebase 인증 시작하기 | Firebase 문서

Google I/O 2022에서 Firebase의 새로운 기능을 확인하세요. 자세히 알아보기 의견 보내기 Flutter에서 Firebase 인증 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류

firebase.google.com

현재 인증 상태 확인을 위해서는 다음의 3가지 메서드를 사용할 수 있다.

1. authStateChanges()

- 리스너가 등록된 직후

- 사용자가 로그인한 경우

- 현재 사용자가 로그아웃한 경우

2. idTokenChanges()

- 리스너가 등록된 직후

- 사용자가 로그인한 경우

- 현재 사용자가 로그아웃한 경우

- 현재 사용자의 토큰이 변경된 경우

3. userChanges()

- 리스너가 등록된 직후

- 사용자가 로그인한 경우

- 현재 사용자가 로그아웃한 경우

- 현재 사용자의 토큰이 변경된 경우

- FirebaseAuth.instance.currentUser에서 제공하는 다음 메서드가 호출되는 경우:
- reload()

- unlink()

- updateEmail()

- updatePassword()

- updatePhoneNumber()

- updateProfile()

지금 프로젝트의 상황에서는 토큰을 사용하거나 currentUser의 메서드 감지 목적이 아닌 로그인/로그아웃에 의한 상태 변화만 원하기 때문에 authStateChanges를 사용하기로 했다.

처음에는 authStateChanges()가 Stream<User?>이기 때문에 RootPage를 만들고, StreamBuilder로 해당 메서드에 따라 Auth() 혹은 Home() 위젯을 반환하면 되지 않을까 했지만..

실제로 구현을 해보니 첫 순간에만 화면이 변하고(Auth -> Home || Home -> Auth) 두 번째 부터는 변화가 없었다.

중단점을 찍어본 결과, 로그인/로그아웃 시 해당 코드가 실행되긴 하지만 화면이 변하지 않아 Hot Reload를 하거나 Restart를 해야 변한 것을 확인할 수 있었다.

stateless -> state, WidgetsBinding.instance.addPostFrameCallback(이는 혹시 몰라 router로 이동해볼까 했던 것인데, 위젯이 그려지기 전 router를 호출하는 이슈가 있어 위젯이 그려진 이후 메서드를 사용하고자) 등 다양한 방법을 써보았으나 원하는 방식으로 동작하지 않았다.

그러던 중, 라우팅에 사용했던 GoRouter에 redirect 기능이 있다는 것을 알게 되었고 이를 사용해 보기로 했다.

결과는? 실패.

redirect에 똑같이 조건문과 분기를 넣어도, 로그인과 로그아웃 시 트리거가 되지 않았다.

go_router

Multiple redirections It's possible to redirect multiple times w/ a single navigation, e.g. / => /foo => /bar. This is handy because it allows you to build up a list of routes over time and not to worry so much about attempting to trim each of them to thei

docs.page

go_router의 redirection 문서를 보니, go_router는 앱의 상태 변화를 모르기 때문에 redirect만으로는 변화를 줄 수 없어 수동으로 라우팅을 해야 했다.

대신, 앱의 상태에 따라 go_router가 자동으로 redirect를 하기 위해서는 refreshListenable을 사용할 수 있다고 한다.

If you'd like to have the app's state cause go_router to automatically redirect, you can use the refreshListenable
argument of the GoRouter constructor:

해당 생성자에는 Listenable 타입이 들어가야 하는데, 이건 무엇인가 하니

Listenable class - foundation library - Dart API

An object that maintains a list of listeners. The listeners are typically used to notify clients that the object has been updated. There are two variants of this interface: Many classes in the Flutter API use or implement these interfaces. The following su

api.flutter.dev

공식문서에 따르면 객체가 업데이트되었음을 클라이언트에 알리는데 사용하는 리스너 목록을 관리하는 객체라고 한다.

ChangeNotifier와 ValueNotifer를 통해 이 인터페이스를 사용할 수 있는데 User 값을 사용할 것이 아니기 때문에 ChangeNotifier를 써보기로 했다.

Since the loginInfo is a ChangeNotifier, it will notify listeners when it changes. By passing it to the GoRouter constructor, go_router will automatically refresh the route when the login info changes. This allows you to simplify the login logic in your app:

final class _AuthChangeNotifier extends ChangeNotifier {
  late final StreamSubscription<User?> _authSubscription;

  _AuthChangeNotifier() {
    _authSubscription = FirebaseAuth.instance.authStateChanges().listen((_) {
      notifyListeners();
    });
  }

  @override
  void dispose() {
    _authSubscription.cancel();
    super.dispose();
  }
}

StreamSubscription<User?> 에 FirebaseAuth.instance.authStateChanges().listen을 할당하고, 상태 변경이 일어날 때마다 notifiyListeners를 사용하여 변경이 일어났음을 알려주도록 했다.

또한 상태 변경에 사용한 _authSubscription이 StreamSubscription 타입이기 때문에 dispose시 cancel로 구독을 취소하도록 했다.

이제 트리거를 해줄 refreshListenable과 redirect가 구성되었으므로 실제로 테스트만 해보면 된다.

final GoRouter router = GoRouter(
  redirect: (context, state) {
    final user = FirebaseAuth.instance.currentUser;

    if (user == null && state.fullPath == '/home') {
      return '/auth';
    } else if (user != null && state.fullPath == '/auth') {
      return '/home';
    }
    return null;
  },
  refreshListenable: _authChangeNotifier,
  routes: <RouteBase>[
    GoRoute(
      path: '/auth',
      builder: (context, state) => const Auth(),
    ),
    GoRoute(
      path: '/home',
      builder: (context, state) => const Home(),
    ),
  ]
)

아. refreshListenable에서 _AuthChangeNotifier()로 인스턴스화 해서 넣었었는데, router가 리빌드되는 경우를 생각하면 매번 새로운 인스턴스가 생성되고 불필요한 구독이 생길 수 있으므로 다른 방법이 필요했다.

Riverpod을 사용했기 때문에 ChangeNotiferProvider를 써야하나 했지만 router가 ConsumerWidget 내부에 있는 것이 아니라 전역적으로 생성 후 MaterialApp.router에 전달되는 구조기 때문에 ref를 사용할 수 없었다.

(이는 좀 더 생각해보고자 한다)

이에 _AuthChangeNotifier를 인스턴스화 한 것을 router에 전달하는 방식을 사용했다.

final _AuthChangeNotifier _authChangeNotifier = _AuthChangeNotifier();

final class _AuthChangeNotifier extends ChangeNotifier {
  late final StreamSubscription<User?> _authSubscription;

  _AuthChangeNotifier() {
    _authSubscription = FirebaseAuth.instance.authStateChanges().listen((_) {
      notifyListeners();
    });
  }

  @override
  void dispose() {
    _authSubscription.cancel();
    super.dispose();
  }
}

이렇게 하면 로그인 버튼에서는 signIn 메서드만, 로그아웃 버튼에서는 signOut 메서드만 호출하면 바뀐 사용자 상태에 따라 router가 자동으로 트리거되어 라우팅해주게 된다.

이상한 문자 만들기

Lust3r — Sat, 25 May 2024 11:53:12 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/12930

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

내 답안 / 다른 사람들의 답안

func solution(_ s:String) -> String {
    var index = 0
    var result = [String]()

    s.forEach { character in
        if character == " " {
            result.append(String(character))

            index = 0
        } else {
            index % 2 == 0 ? result.append(character.uppercased()) : result.append(character.lowercased())

            index += 1
        }
    }

    return result.joined()
}

- 처음에는 enumerated와 map을 사용하면 변환이 쉽지 않을까 생각했는데 문제가 발생했다.

- 공백처리인가 싶어서 공백을 따로 처리해줬는데, 문제를 제대로 파악을 안해서 생긴 문제였다.

- 문자열 전체의 짝/홀수 인덱스가 아니라 각 단어별이기 때문에 인덱스를 매 단어마다 새로 판단해야 했다.

- 이에 s.forEach로 각 단어를 돌면서 공백이라면 공백을 추가하고 index를 초기화 시켜줬으며, 공백이 아니라면 인덱스에 따라 대소문자 변환을 해주고 index를 증가시켜주는 방식을 쓸 수 있었다.

// 풀이 1
import Foundation
func solution(_ s:String) -> String {
    let a = s.components(separatedBy: " ").map { $0.enumerated().map { $0.offset % 2 == 0 ? $0.element.uppercased() : $0.element.lowercased() } }
    return a.map{ $0.map { $0 }.joined() }.joined(separator: " ")
}

- 기존에 실패했었던 방법을 성공시켰던 풀이라서 눈길이 더 갔다.
s를 공백을 기준으로 나누고, 그 각각에 대해서 enumerated와 map을 사용하여 문자를 변환시켜주었고,
그 각각 변환된 것을 joined로 합쳐준 후, 그 합쳐진 단어들을 공백을 주어 합치는 방법을 사용했다.

- 다만 마지막 return에서 a.map{ $0.map { $0 }.joined() }로 되어있는데 a.map { $0.joined() } 로 해도 같은 결과를 내기 때문에
좀 더 다듬을 수 있을 것 같았다.

점수: +6

3진법 뒤집기

Lust3r — Sat, 25 May 2024 11:15:23 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/68935?language=swift

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

import Foundation

func solution(_ n:Int) -> Int {
    return Int(String(String(n, radix: 3).reversed()), radix: 3) ?? 0
}

- String(n, radix: 3)으로 3진법 수로 n을 나타내고, 그것을 reversed()한 값은 ReversedCollection<String> 이기 때문에 String으로 형변환을 해줬다. 이후 다시 10진수로 나타내기 위해 Int(_, radix:)를 사용하여 변환과정을 거친 뒤 반환했다.

- 이 문제에서의 중요한 점은, radix를 통해 각 진수를 변환하는 것으로 보인다. 10진수에서 다른 진수로 표현하기 위해서는 String(10진수, radix)를 사용하여 변환을 하고, 다른 진수에서 10진수로 표현하기 위해서는 Int(n진수, radix)를 이용할 수 있다.

import Foundation

  func solution(_ n:Int) -> Int {
        let flipToThree = String(n,radix: 3)
        let answer = Int(String(flipToThree.reversed()),radix:3)!
        return answer

    }

점수: +1

직사각형 별찍기

Lust3r — Sun, 19 May 2024 11:16:09 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/12969

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

import Foundation

let n = readLine()!.components(separatedBy: [" "]).map { Int($0)! }
let (a, b) = (n[0], n[1])

for i in 1...b {
    print(String(repeating: "*", count: a))
}

- b만큼 a길이의 *String을 반복하는 방법을 사용했다.

// 풀이 1
import Foundation

let n = readLine()!.components(separatedBy: [" "]).map { Int($0)! }
let (a, b) = (n[0], n[1])

for _ in 0..<b {
    print(Array(repeating: "*", count: a).joined())
}

// 풀이 2
import Foundation

let n = readLine()!.components(separatedBy: [" "]).map { Int($0)! }
let (a, b) = (n[0], n[1])

for _ in 1...b {
    for _ in 1...a {
        print("*", terminator: "")
    }
    print("")
}

- String으로 했을 때 시간이 오래 걸리는 것을 볼 수 있었는데(40ms 이상), Array로 사용하면 평균 10ms 아래로 나오는 것을 알 수 있었다.

점수: +1

행렬의 덧셈

Lust3r — Sun, 19 May 2024 11:10:29 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/12950

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

func solution(_ arr1:[[Int]], _ arr2:[[Int]]) -> [[Int]] {
    var result = Array(repeating: Array(repeating: 0, count: arr1[0].count), count: arr1.count)

    for i in 0..<arr1.count {
        for j in 0..<arr1[i].count {
            result[i][j] = arr1[i][j] + arr2[i][j]
        }
    }

    return result
}

- 각 행과 열의 항목을 더한 배열을 반환하는 방법을 사용했다.

// 풀이 1
import Foundation

func solution(_ arr1:[[Int]], _ arr2:[[Int]]) -> [[Int]] {
    return zip(arr1, arr2).map{zip($0,$1).map{$0+$1}}
}

// 풀이 2
func solution(_ arr1:[[Int]], _ arr2:[[Int]]) -> [[Int]] {
    var arr: [[Int]] = []

    for n in 0..<arr1.count {
        var temp:[Int] = []
        for m in 0..<arr1[n].count {
            temp.append(arr1[n][m] + arr2[n][m])
        }
        arr.append(temp)
    }

    return arr
}

- zip을 사용해보려 했지만 단순히 배열을 합치는 정도여서 반복문을 사용했는데, 풀이 1과 같은 방법으로 사용하면 됨을 알 수 있었다.

점수: +1

문자열 다루기 기본

Lust3r — Thu, 16 May 2024 16:25:48 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/12918?language=swift

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

func solution(_ s:String) -> Bool {
    return (s.count == 4 || s.count == 6) && Int(s) != nil ? true : false
}

- 주어진 조건으로 삼항연산자를 만들면 좋겠다는 생각이 들었고, count를 통해 4자리 혹은 6자리인지 확인하고, 둘 중에 하나라면 Int로 타입캐스팅 했을 때(Int(String)은 옵셔널 값이다) nil이 아니라면(숫자라면) true를, 자리수가 맞지 않거나 nil이라면 false를 반환했다.

// 풀이 1
func solution(_ s:String) -> Bool {
    return (Int(s) != nil && (s.count == 4 || s.count == 6)) ? true : false
}

// 풀이 2
func solution(_ s:String) -> Bool {
    if s.count == 4 || s.count == 6 {
        if Int(s) != nil {
            return true
        }
    }
    return false
}

점수: +6

부족한 금액 계산하기

Lust3r — Thu, 16 May 2024 00:42:13 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/82612

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

import Foundation

func solution(_ price:Int, _ money:Int, _ count:Int) -> Int64{
    let usageFee = (1...count).map { $0 * price }.reduce(0, +) - money

    return usageFee < 0 ? 0 : Int64(usageFee)
}

- 횟수만큼 곱한 값들을 더한 것이 이용금액이기 때문에 그 값에서 money를 뺀 값을 가지고 결과를 도출할 수 있었다.

// 풀이 1
import Foundation

func solution(_ price:Int, _ money:Int, _ count:Int) -> Int{
    return max((count + 1) * count / 2 * price - money , 0)
}

// 풀이 2
import Foundation

func solution(_ price:Int, _ money:Int, _ count:Int) -> Int64{
    let totalPrice = price * (count * (count+1)/2)

    if money >= totalPrice {
        return 0
    }

    return Int64(totalPrice - money)
}

- (count * (count + 1) / 2) 는 1부터 count까지의 합이고 여기에 price를 곱하면 총 이용금액이 됨을 알 수 있었다.

점수: +5

문자열 내림차순으로 배치하기

Lust3r — Thu, 16 May 2024 00:25:51 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/12917

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

func solution(_ s:String) -> String {
    return String(s.sorted(by: >))
}

- 내림차순으로 정렬하는 것으로 보고, sorted(by: >)를 사용해 나온 [Character]를 String으로 형변환해 반환했다.

// 풀이 1
func solution(_ s:String) -> String {
    return String(s.sorted { $0 > $1 })
}

// 풀이 2
func solution(_ s:String) -> String {
    return String(s.sorted().reversed())
}

점수: +1

약수의 개수와 덧셈

Lust3r — Thu, 16 May 2024 00:22:25 +0900

문제

https://school.programmers.co.kr/learn/courses/30/lessons/77884

프로그래머스

programmers.co.kr

내 답안 / 다른 사람들의 답안

import Foundation

func solution(_ left:Int, _ right:Int) -> Int {
    var result = [Int]()

    for i in left...right {
        let miniNum = Int(sqrt(Double(i)))

        miniNum * miniNum == i ? result.append(-i) : result.append(i)
    }

    return result.reduce(0, +)
}

- 규칙을 봤을 때, 약수의 개수가 홀수개인 수는 제곱으로 가능한 수인 것 같았다.

- sqrt로 제곱수를 구하고 그 수를 제곱했을 때 원래 수와 같다면 음수를, 다르다면 양수를 result에 담아 reduce로 결과를 반환했다.

// 풀이 1
func solution(_ left: Int, _ right: Int) -> Int {
    return (left...right).map { i in (1...i).filter { i % $0 == 0 }.count % 2 == 0 ? i : -i }.reduce(0, +)
}

// 풀이 2
import Foundation

func solution(_ left:Int, _ right:Int) -> Int {
    var answer = 0

    for number in left...right{
        if floor(sqrt(Double(number))) == sqrt(Double(number)) {
            answer -= number
        } else {
            answer += number
        }
    }
    return answer
}