[UI/#159][FEAT/#160] mypage / 전체 로직 구현 #188

shinythinking · 2024-12-02T03:45:52Z

closed [FEAT] Mypage / UI #159
closed [FEAT] Mypage / 로직 구현 #160

📍 Work Description

마이페이지 ui 구현
프로필 수정 ui 구현
이용약관을 누르면 노션 페이지로 연결됩니다.
프로필을 수정하면 마이페이지로 이동하고 반영됩니다.
로그아웃 버튼을 누르면 로그인 페이지로 이동합니다.

📸 Screenshot

6.mp4

📢 To Reviewers

계정 삭제는 시간 관계상 전부 구현은 못 했습니다. ui는 감춰두었습니다.

⏲️Time

- 8 h

# Conflicts: # feature/main/src/main/java/com/boostcamp/mapisode/main/MainNavigator.kt

haeti-dev

나중에 다시 봐볼게요 리뷰 반영해서 재요청해주세요

haeti-dev · 2024-12-02T05:41:50Z

core/navigation/src/main/java/com/boostcamp/mapisode/navigation/MypageRoute.kt

+sealed interface MypageRoute : Route {
+	@Serializable
+	data object ProfileEdit : MypageRoute
+}


별도로 Route 정의한게 이미 있습니다. 왜 만드신거죠?

프로필을 변경하는 화면으로 가는 route가 필요해서 뚫었습니다. 다른 좋은 방법이 있나요???

haeti-dev · 2024-12-02T05:43:09Z

feature/main/src/main/java/com/boostcamp/mapisode/main/MainNavigator.kt

+	var endSplash by mutableStateOf(false)
+
+	fun navigateToLogin() {
+		navController.navigate(Route.Auth)
+	}
+


태웅님꺼 먼저 머지하고 이거 리베이스할때 없애주세요

endSplash는 제거했습니다.
navigateToLogin은 로그아웃시 필요해서 popbackstack하는 코드로 바꾸었습니다.

popupto 사용했습니다.

haeti-dev · 2024-12-02T05:43:38Z

feature/mypage/src/main/AndroidManifest.xml

+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+	<uses-permission android:name="android.permission.INTERNET" />
+</manifest>


app 모듈에 있는데 왜 추가하셨나요?

있어야 동작한다고 생각했는데 불필요한 코드였군요. 감사합니다.

haeti-dev · 2024-12-02T05:45:14Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/MypageViewModel.kt

+
+	private fun initState() {
+		viewModelScope.launch {
+			userPreferenceDataStore.getUserPreferencesFlow().first().let { userPreferences ->


에러 처리 해주세요

깜빡했네여 ㅜㅜ 말씀해주셔서 감사합니다! 수정했습니다!

haeti-dev · 2024-12-02T05:45:54Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/MypageViewModel.kt

+	}
+
+	private fun openPrivacyPolicy(context: Context, useCustomTab: Boolean) {
+		val url = "https://pricey-visitor-e41.notion.site/14e94239a962805b9dadf87c68353909?pvs=4"


url 같은 경우도 로컬 프로퍼티에 저장하는게 좋습니다.

넵 알겠습니다!
팁 감사합니다

haeti-dev · 2024-12-02T05:47:34Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/ProfileEditViewModel.kt

+	private fun initState() {
+		viewModelScope.launch {
+			userPreferenceDataStore.getUserPreferencesFlow().first().let { userPreferences ->
+				intent {
+					copy(
+						isLoading = false,
+						uid = userPreferences.userId ?: throw Exception("UserId is null"),
+						name = userPreferences.username ?: throw Exception("Username is null"),
+						profileUrl = userPreferences.profileUrl
+							?: throw Exception("ProfileUrl is null"),
+					)
+				}
+			}
+		}
+	}


예외처리 해주세요

여기도 빠르렸네요 ㅠ 귀찮게 해드려 죄송합니다 ㅠ

haeti-dev · 2024-12-02T05:51:19Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/screen/MypageScreen.kt

+	viewModel: MypageViewModel = hiltViewModel(),
+) {
+	val context = LocalContext.current
+	val googleOauth = GoogleOauth(context)


여러곳에서 쓰이니 팩토리 메서드 패턴 사용하면 좋을 것 같아요

조언 감사합니다!
이번주 내로 반영해보겠습니다!

haeti-dev · 2024-12-02T05:52:10Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/screen/MypageScreen.kt

+			titleText = context.getString(R.string.mypage_withdrawal_title),
+			contentText = context.getString(R.string.mypage_withdrawal_message),
+			confirmText = context.getString(R.string.mypage_withdrawal_confirm),
+			cancelText = "취소",


일관성을 지켜주세요

네넵!!
수정했습니다

haeti-dev · 2024-12-02T05:52:31Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/screen/MypageScreen.kt

+						viewModel.onIntent(MypageIntent.ConfirmClick(googleOauth))
+					}
+
+					false -> {}


false일 때 처리 해주세요

if 문으로 변경했습니다. 계정 삭제에서 취소했을 때, 보통 아무것도 안 뜨는 것 같다고 생각했기 때문입니다.
감사합니다~

haeti-dev · 2024-12-02T05:53:35Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/MypageViewModel.kt

+		try {
+			if (useCustomTab) {
+				val customTabsIntent = CustomTabsIntent.Builder()
+					.setShowTitle(true)
+					.build()
+				customTabsIntent.launchUrl(context, Uri.parse(url))
+			} else {
+				val intent = Intent(Intent.ACTION_VIEW, Uri.parse(url))
+				context.startActivity(intent)


이 작업이 뷰모델에서 일어나면 안되죠. context도 뷰모델에서 사용하는 것을 지양해주세요

말씀해주셔서 감사합니다!
성공해서 그냥 넘어갔었네요ㅠ
감사합니다!! sideeffect에서 처리하도록 했습니다.

haeti-dev

고생하셨습니다~

haeti-dev · 2024-12-02T10:21:12Z

feature/login/src/main/java/com/boostcamp/mapisode/login/AuthViewModel.kt

+	private fun onInit() {
+		handleAutoLogin()
+	}


함수를 호출하는 함수? 필요없지 않나요..?

그러게요 ㅋㅋㅋㅋㅋ
원래 저기서 intent를 호출하는 로직이 있었는데 불필요해서 삭제했습니다.
onInit은 아무리 봐도 쓸모가 없네요 ㅋㅋㅋ
감사합니다!!!!!!!!!!!!!!!!!!!🤩

TaewoongR

고생많으셨어요~ repoImpl create, update user 함수 손봐주시면 되겠습니다

TaewoongR · 2024-12-02T11:40:55Z

.github/workflows/pr_checker.yml

+                    PRIVACY_POLICY: ${{ secrets.PRIVACY_POLICY }}
                run: |
                    echo NAVER_MAP_CLIENT_ID=$NAVER_MAP_CLIENT_ID > ./local.properties
                    echo NAVER_MAP_CLIENT_SECRET=$NAVER_MAP_CLIENT_SECRET >> ./local.properties
                    echo GOOGLE_WEB_CLIENT_ID=$GOOGLE_WEB_CLIENT_ID >> ./local.properties
+                    echo PRIVACY_POLICY=$PRIVACY_POLICY >> ./local.properties


local properties 추가 하셨나보네요!!

넵 ㅎㅎ
태희님의 추천으로 local properties에 추가했습니다.

TaewoongR · 2024-12-02T11:46:12Z

data/user/src/main/java/com/boostcamp/mapisode/user/UserRepositoryImpl.kt

+	override suspend fun updateUserNameAndProfileUrl(
+		uid: String,
+		userName: String,
+		profileUrl: String,
+	) {
+		val userDocument = userCollection.document(uid)
+
+		try {
+			userDocument.update(
+				mapOf(
+					"name" to userName,
+					"profileUrl" to profileUrl,
+				),
+			).await()
+		} catch (e: Exception) {
+			throw Exception("Failed to update user", e)
+		}
+	}


여기랑 createUser 함수 다시보니까 firebase storage에 저장/덮어씌우기 하는 코드가 안보이네요.
로컬에서의 url은 디바이스에 저장된 경로고, 서버에 올라가야할 url은 firebase storage이에요.
coil에서는 두가지 전부 지원을 해서 get/create 에서 하나의 url 프로퍼티를 공용하고 있는데 update같은 경우에는 프로퍼티가 두가지여야 해요.
업데이트에 한해서는 서버 url, 로컬url 두가지 프로퍼티를 갖고 대조해서 바뀐 이미지인지 아닌지 구분하고 바뀌었다면 storage에 업로드 후 user collection에 저장해야 해요.

감사합니다 ㅠㅠ
제게 필요한 부분이었습니다!
코드를 짜다보니 꽤 길어지고, 리뷰를 받아야 할 부분이 있다고 판단하여 다른 pr로 올리겠습니다!

TaewoongR · 2024-12-02T12:01:04Z

feature/mypage/src/main/java/com/boostcamp/mapisode/mypage/screen/ProfileEditScreen.kt

+	LaunchedEffect(Unit) {
+		viewModel.sideEffect.collect { sideEffect ->
+			when (sideEffect) {
+				is ProfileEditSideEffect.Idle -> {}


여기서 Idle이 필요할까요?

필요 없는 것 같아서 삭제를 고민하고 있었습니다!
삭제하겠습니다!

shinythinking added 25 commits December 2, 2024 12:33

chore/#159 : coil 의존성 추가

f0db544

ui/#159 : MypageScreen ui 구현

0ad39a5

ui/#159 : ProfileEditScreen ui 구현

e43939e

feat/#160 : MypageRoute 설정

6f7b50b

feat/#160 : Mypage navGraph 설정 및 navigation 함수 구현

7f683a4

feat/#160 : NavHost에 Mypage navGraph 추가

7091184

feat/#160 : navigateToProfileEdit 구현

2b33c6d

feat/#160 : screen에 navigation 관련 로직 추가

915f963

chore/#160 : 브라우저 여는 의존성 추가

58a1956

feat/#160 : firestore의 name과 profileurl 초기화 함수 추가

fd1e327

feat/#160 : GoogleOauth에 로그아웃 및 회원탈퇴 함수 추가

24b0aca

fix/#160 : conflict 대응

ecdcd2b

# Conflicts: # feature/main/src/main/java/com/boostcamp/mapisode/main/MainNavigator.kt

feat/#160 : mvi 기본 설정 (State, Intent, SideEffect)

0b8842b

chore/#160 : 스트링 리소스 추가

03ce36e

feat/#160 : 외부 브라우저 연결을 위한 manifest 추가

041dd79

feat/#160 : MypageViewModel 구현

6219ded

feat/#160 : ProfileEditViewModel 구현

0e4b5c0

feat/#160 : MypageScreen 구현

5e57297

feat/#160 : ProfileEditScreen 구현

9db6086

fix/#160 : ktlint 대응 1

914f041

fix/#160 : ktlint 대응 2

ed674c4

fix/#160 : ktlint 대응 3

24e5703

fix/#160 : ktlint 대응 4

9435ef6

fix/#160 : ktlint 대응 5

b0cf29f

chore/#160 : 의존성 추가

bd73f98

shinythinking requested a review from a team as a code owner December 2, 2024 03:45

shinythinking requested review from Ameri-Kano, haeti-dev and TaewoongR and removed request for a team December 2, 2024 03:45

fix/#160 : ktlint 대응

d7d51fd

haeti-dev requested changes Dec 2, 2024

View reviewed changes

shinythinking added 9 commits December 2, 2024 16:05

fix/#160 : 에러 대응 추가

3a0fc7d

chore/#160 : 불필요한 manifest 파일 제거

79c32aa

chore/#160 : 스트링 리소스에 추가

e1ba04e

feat/#160 : 프로필 로딩 예외처리 추가

843ca46

chore/#160 : 디렉토리 분리

1c61c80

fix/#160 : 이용약관으로 이동하는 것을 sideEffect로 처리

261633a

chore/#160 : buildconfig에 링크 추가

d9b89f6

feat/#160 : 로그아웃시, 백스택을 제거한 뒤, 로그인 화면으로

c26a3a0

feat/#160 : pr_checker에 privacypolicy 관련 코드 추가

0e0af95

shinythinking self-assigned this Dec 2, 2024

shinythinking added 📱UI/UX UI/UX 관련 작업 ⚙️ feature 새로운 기능 구현 ⚡init 초기 세팅 작업 ➕ add 라이브러리, 플러그인 의존성 추가 작업 and removed ⚡init 초기 세팅 작업 labels Dec 2, 2024

shinythinking added this to the 마이페이지 milestone Dec 2, 2024

shinythinking requested a review from haeti-dev December 2, 2024 09:44

haeti-dev approved these changes Dec 2, 2024

View reviewed changes

TaewoongR approved these changes Dec 2, 2024

View reviewed changes

refactor/#160 : 불필요한 sideEffect 삭제

5e69823

shinythinking merged commit f9cc49d into develop Dec 2, 2024
2 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[UI/#159][FEAT/#160] mypage / 전체 로직 구현 #188

[UI/#159][FEAT/#160] mypage / 전체 로직 구현 #188

shinythinking commented Dec 2, 2024

haeti-dev left a comment

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

haeti-dev left a comment

haeti-dev Dec 2, 2024

shinythinking Dec 2, 2024

TaewoongR left a comment

TaewoongR Dec 2, 2024

shinythinking Dec 2, 2024

TaewoongR Dec 2, 2024

shinythinking Dec 2, 2024

TaewoongR Dec 2, 2024

shinythinking Dec 2, 2024

[UI/#159][FEAT/#160] mypage / 전체 로직 구현 #188

[UI/#159][FEAT/#160] mypage / 전체 로직 구현 #188

Conversation

shinythinking commented Dec 2, 2024

📍 Work Description

📸 Screenshot

📢 To Reviewers

⏲️Time

haeti-dev left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

haeti-dev left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

TaewoongR left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment