2026년 1월 9일 (금요일)

Firebase Auth 초기화 타이밍과 싸운 하루

흰 화면과의 긴 싸움

모바일 앱 H에서 간헐적으로 발생하던 흰 화면 버그를 드디어 잡았습니다. 문제는 Firebase Auth 초기화 타이밍이었어요.

앱이 시작될 때 Firebase Auth가 세션을 복원하는 동안 우리 코드는 이미 "로그인 안 됨"으로 판단하고 있었던 거죠. 마치 아침 회의에 늦게 들어온 사람을 결석 처리하는 것처럼요.

// AuthState에 isInitializing 추가
final authState = ref.watch(authProvider);

if (authState.isInitializing) {
  return LoadingScreen();  // 초기화 기다려주기
}

Home, Profile, Like 화면에 초기화 상태를 추적하는 로직을 추가했습니다. 이제 Firebase가 준비될 때까지 기다려주니까 흰 화면이 사라졌네요.

그 외에 있었던 일들

쇼핑몰 H 관리시스템2에서는 상품 등록 폼을 계속 개선했습니다. 검색어를 선택 항목으로 바꾸고, 사이즈 가이드 동기화 기능도 추가했어요. "FEMAIL"을 "FEMALE"로 고치는 건 덤이고요 (누가 그렇게 오타를 냈을까요).

온라인 쇼핑몰 S에는 상품 상세 페이지에 사이즈 모달을 붙였고, 기관 공식 웹사이트 H은 개인정보처리방침 정리 작업이 있었습니다. 법적 문서 작업은... 뭐랄까, 개발보다 더 신경 쓰이는 작업인 것 같아요.

쇼핑몰 H 관리시스템에서는 Cafe24 스크립트태그 관리 기능을 새로 만들었습니다. 이제 스크립트 삽입을 UI로 관리할 수 있게 됐네요.

타이밍 문제는 항상 재현하기 어렵고, 고치기는 더 어렵습니다. 하지만 고치고 나면 제일 뿌듯한 버그죠.

글 작성자

한송욱

@coolwithyou

CTO, Tech LeadSoftware Engineer

프로필 보기

커밋 참여자

한송욱

Software Engineer

+39482-5222

이상희

Software Engineer

+2159-1818

추지혜

Software Engineer

+441-354

개발자 개인정보 및 고객사 정보 보호를 위해 프로젝트명과 일부 세부 정보는 마스킹 처리되어 있습니다.

작업한 프로젝트

쇼핑몰 H 관리시스템2

29개 커밋+665-525

온라인 쇼핑몰 S

5개 커밋+2065-1729

모바일 앱 H

7개 커밋+35722-3522

온라인 쇼핑몰 H

2개 커밋+88-56

아트페어 H VIP시스템

5개 커밋+102-118

기관 공식 웹사이트 H

4개 커밋+1914-1699

온라인 쇼핑몰 T

1개 커밋+8-1

바톤 공식 웹사이트

2개 커밋+6-4

쇼핑몰 P 관리시스템

2개 커밋+2-2

쇼핑몰 H 관리시스템

3개 커밋+1846-1

상세 커밋 내역

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -3

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +2 / -2

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -3

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +2 / -2

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -1

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +10 / -6

설정 변경

쇼핑몰 H 관리시스템2 · dev-baton · +166 / -171

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +26 / -11

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +1 / -1

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +1 / -1

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +10 / -1

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +1 / -1

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -3

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +61 / -4

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -2

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +1 / -1

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +3 / -1

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +4 / -4

설정 변경

온라인 쇼핑몰 S · sangheedev · +8 / -0

기능 추가

쇼핑몰 H 관리시스템2 · dev-baton · +10 / -10

스타일 수정

쇼핑몰 H 관리시스템2 · dev-baton · +12 / -32

설정 변경

모바일 앱 H · coolwithyou · +33 / -33

스타일 수정

온라인 쇼핑몰 H · chujihye · +44 / -28

코드 업데이트

온라인 쇼핑몰 H · Chu Jihye · +44 / -28

버그 수정

모바일 앱 H · coolwithyou · +86 / -21

코드 업데이트

모바일 앱 H · coolwithyou · +116 / -248

버그 수정

모바일 앱 H · Cool with you · +34264 / -3094

스타일 수정

아트페어 H VIP시스템 · chujihye · +5 / -25

설정 변경

모바일 앱 H · coolwithyou · +598 / -49

코드 업데이트

모바일 앱 H · coolwithyou · +597 / -49

스타일 수정

아트페어 H VIP시스템 · chujihye · +8 / -8

설정 변경

기관 공식 웹사이트 H · coolwithyou · +238 / -980

스타일 수정

아트페어 H VIP시스템 · sangheedev · +3 / -3

코드 업데이트

쇼핑몰 H 관리시스템2 · Chu Jihye · +316 / -251

버그 수정

쇼핑몰 H 관리시스템2 · chujihye · +1 / -1

코드 업데이트

쇼핑몰 H 관리시스템2 · Chu Jihye · +1 / -1

기능 추가

온라인 쇼핑몰 S · sangheedev · +982 / -860

스타일 수정

온라인 쇼핑몰 S · sangheedev · +0 / -1

기능 추가

온라인 쇼핑몰 S · sangheedev · +48 / -5

코드 개선

기관 공식 웹사이트 H · coolwithyou · +1228 / -67

코드 업데이트

온라인 쇼핑몰 T · shopify[bot] · +8 / -1

코드 업데이트

온라인 쇼핑몰 S · Lee Sanghee · +1027 / -863

버그 수정

쇼핑몰 H 관리시스템2 · chujihye · +1 / -1

코드 업데이트

쇼핑몰 H 관리시스템2 · Chu Jihye · +1 / -1

스타일 수정

아트페어 H VIP시스템 · sangheedev · +24 / -24

스타일 수정

아트페어 H VIP시스템 · sangheedev · +62 / -58

설정 변경

기관 공식 웹사이트 H · coolwithyou · +443 / -647

버그 수정

쇼핑몰 H 관리시스템2 · chujihye · +3 / -2

코드 업데이트

쇼핑몰 H 관리시스템2 · Chu Jihye · +3 / -2

버그 수정

쇼핑몰 H 관리시스템2 · chujihye · +7 / -3

코드 업데이트

쇼핑몰 H 관리시스템2 · Chu Jihye · +7 / -3

버그 수정

바톤 공식 웹사이트 · dev-baton · +3 / -2

코드 업데이트

바톤 공식 웹사이트 · Lee Sanghee · +3 / -2

설정 변경

쇼핑몰 P 관리시스템 · sangheedev · +1 / -1

설정 변경

모바일 앱 H · coolwithyou · +28 / -28

코드 업데이트

쇼핑몰 P 관리시스템 · Lee Sanghee · +1 / -1

설정 변경

기관 공식 웹사이트 H · coolwithyou · +5 / -5

기능 추가

쇼핑몰 H 관리시스템 · coolwithyou · +20 / -0

기능 추가

쇼핑몰 H 관리시스템 · coolwithyou · +1654 / -1

문서 업데이트

쇼핑몰 H 관리시스템 · coolwithyou · +172 / -0