모글(mogle) - 지도에 쓰는 다이어리, 기록, 일기

👨‍🔧 개요

• 장소 이미지 크롤링을 제거했습니다.
• 지도의 StatusBar를 투명처리 했습니다.
• 여러 버그를 해결했습니다.

📝 작업 내용

• 크롤링을 제거하고, 검색 API 로 장소 이미지를 가져옵니다.
• 홈화면에 들어오면 StatusBar 투명, 다른 화면 이동하면, 투명 제거
• 모먼트 남기기를 갔다오면 FAB 굴곡이 없어지는 버그 해결
• 홈화면에서 글로브화면 UI 튀는 현상을 해결
• FAB 아래 터치를 불가능하도록 수정

📱 수정된 동작화면

https://user-images.githubusercontent.com/80373033/206859647-1c3c629e-074c-4173-a017-58e9ce41e1fb.mp4

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

구웃👍

버그 해결 과정은 이슈 공유에 작성해두었습니다!

👨‍🔧 개요

테마가 변경됨에 따라 Dialog 오작동

📝 작업 내용

INSTNACE 를 사용해, 중복 생성을 막고 있었는데!!! theme 을 변경하면서 context 변경까진 신경쓰진 못했다!!!!

📱 수정후 동작 화면

https://user-images.githubusercontent.com/80373033/207521686-83f0df5f-96df-4b94-853e-e64ab51115f4.mp4

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

구웃

🚀 Issue #10

👨‍🔧 개요

• 마커를 포커싱된 상태에서 계속 클릭하면, 마커가 헐크가 되는 현상을 해결했습니다.
• 마커 포커싱과 해제를 반복하면, 마커가 앤트맨이 되는 현상을 해결했습니다.
• 머지 충돌을 해결하면서, 빠트린 마커 기본 이미지를 다시 추가했습니다.

📝 작업 내용

• MapHelepr클래스에 포커싱 상태를 판단하는 함수 추가

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

• 없습니다.

❌ 버그 설명

모먼트 리스트 정렬 시 스크롤 맨 위로 안올라가는 문제

🚶‍♂️ 접근 방법

접근하기 위한 단계를 작성해 주세요. 1, 바텀 시트에서 정렬 카테고리 선택 2. 정렬 시 리스트가 업데이트 됨 3. 그러나 리스트의 최상단을 보여주지 않음(스크롤을 위로 더 올릴 수 있음)

🧐 예상 행동

버그가 발생하지 않고 기존에 예상했던 행동을 작성해 주세요.

• 정렬 시 리스트가 업데이트 되며 스크롤 최상단을 보여준다.

📷 Screenshots

버그를 설명하는 데 도움이 되는 스크린샷을 추가해 주세요.

📱 Smartphone

버그가 발생한 기기 정보를 입력해 주세요.

• Device: [e.g. Samsung Galaxy S21]
• Version : [e.g. 31]

📢 추가 사항

해당 버그에 관한 추가 및 특이 사항을 작성해 주세요.

• Paging3, Flow, Room,

🚀 Issue #10

👨‍🔧 개요

• 네이버 지도 추가
• 현재 위치 기능 추가
• 커스텀 마커 추가

📝 작업 내용

• [x] 홈 화면에 네이버 지도 표시

• [x] 위치 권한 설정

• [x] 사용자의 현재 위치 추적

  • Naver Map SDK 제공 기능 사용

• [x] 테스트 데이터로 지도에 커스텀 마커 추가

  • CircleImageView 추가

⛰️ 구현 예정

• Location Button을 Bottom Sheet 위로 위치 변경
• 실제 데이터로 마커 표시

📷 구현 화면

📢 특이 사항

• 현재 Bottom Sheet가 왼쪽 하단의 현재 위치 버튼, 네이버 마크, 축척을 가리고 있습니다. 😢
• 나이트 모드의 경우 지도 유형을 Navi 로 설정해야 합니다.
• 마커 이미지로 사용할 샘플 png 파일을 업로드 했습니다. (추후 삭제 예정)
• 위치 기능은 커스텀하기보단 SDK 제공 기능을 사용하기로 결정했으며, Fragment에서 deprecated된 onRequestPermissionsResult() 사용은 불가피 해보입니다 🤔

🚀 Issue #4

👨‍🔧 개요

• 유저는 모먼트를 남길 수 있다. (모먼트 남기기 페이지)

📝 작업 내용

• [x] 사진 여러장(최대 5장)을 버튼으로 추가하고, 삭제할 때는 추가한 것을 x 버튼으로 삭제한다.
  • 5 장 모두 추가되면 추가 버튼이 사라진다.
• [x] 날짜는 오늘 날짜로 설정되어 있지만, Text를 누르면 캘런더가 나와서 설정할 수 있다.
  • 년 월 일 로 표시된다.
• [x] 내용 칸에는 해당 모먼트 내용을 입력한다. (최대 500자)
  • 키보드가 올라온 상태에서 스크롤이 가능하다.
• [x] 장소는 일단 더미값을 가진다.
• [x] 글로브를 메뉴 형태로 보고 선택할 수 있다.(더미)
• [x] 추가 버튼이 존재한다

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

• Bitmap 은 Glide 를 사용하지 않고 직접 변경해서 적용했습니다.
• 혹시 사진 슬라이드가 뻐벅이는 것처럼 보이시나요? 기분 탓입니다....
  • 에뮬에선 잘 슬라이드 돼서 이것은 다른 분들의 기기에서도 테스트해봐야 알 것 같습니다.

📱 동작 화면

https://user-images.githubusercontent.com/80373033/202422602-07cc164d-4e7d-404f-a731-e875199817f2.mp4

🎇리뷰 적용 화면

🚀 Issue #5

❗ 테스트 구현이 실패했으므로, 우선순위를 위해 먼저 기능 구현을 다하고 PR을 날립니다. ❗ 아직 테스트 과정을 해보지 못했으므로, UI와 연결해서 테스트한 뒤, 수정하려고 함.

👨‍🔧 개요

• domain 조금 (수정 필요 / Location, Pictrue, Moment 중복 속성 존재) 추가
• data 부분의 Moment 추가 / 모두 가져오기 구현 (repository, datasource, entity, dao)

📝 작업 내용

• 사진 여러장(최대 5장)을 버튼으로 추가하고, 삭제할 때는 추가한 것을 x 버튼으로 삭제한다.
  • [x] 사진 추가할 때, PictureEntity에 저장 (id는 autoGenerate PK, bitmap은 unique 속성)
• 날짜는 오늘 날짜로 설정되어 있지만, 버튼을 누르면 캘런더가 나와서 설정할 수 있다.
  • [x] MomentEntity의 date를 string으로 저장할 수 있도록 속성 추가
• 내용 칸에는 해당 모먼트 내용을 입력한다. (최대 500자)
  • [x] MomentEntity의 content 부분
• 장소를 클릭하면 더미 값을 넣는다.
  • [x] model/LocationEntity 부분 -> data의 모델과 엔티티 모두 Entity로 하는 것이 좋을 듯 because, toEntity() 함수 때문.
• 글로브를 선택하면 더미 값을 넣는다.
  • [x] GlobeEntity 부분, 입력 받을 때, List 형태로 받아서, MomentGlobeEntity의 추가될 것이라 생각
• 추가 버튼을 눌러서 모먼트를 최종 생성한다.
  • [x] Dao 쿼리를 수행 MomentRepositoryImpl 관련해서 쿼리르 수행하는 과정 표현했음 모든 모먼트를 가져오는 것: getMoments, 모먼트를 저장하는 것: saveMoment

📢 특이 사항

• androidTest/DataUnitTest 에서의 에러
  • 현재 이것보다 우선순위가 높은 작업을 우선시 하기 위해서 후순위로 미루려고 함.
  • 에러 캡처

  • kotlinx.coroutines.test.UncompletedCoroutinesError: After waiting for 60000 ms, the test coroutine is not completing, there were active child jobs: [ScopeCoroutine{Active}@2bca63b]
    

• 내용이 비슷해서, 전체 모먼트를 가져오는 Moments 구현, 내용이 비슷하므로 흐름 따라서 보면 이해가 될 것.
• Mapper 함수 의논해봐야 됨. (아직 domain이 다 작성되지 않았으므로)

🚀 Issue #14

👨‍🔧 개요

모먼트 수정 삭제 기능 구현

📝 작업 내용

• 모먼트 삭제 기능 구현
• 모먼트 수정 기능 구현
• 모먼트 수정, 삭제 UI 연동
• 모먼트 상세 페이지 정보 가져오는 로직 수정 (argument 넘기는 방식 -> id로 DB에 접근하여 가져오는 방식)

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

모먼트 수정 시 사진을 변경하면 마커 썸네일이 안들어가는 이슈가 있습니다! 한번 확인해주시면 감사하겠습니다 :)

🚀 Issue #1

👨‍🔧 개요

글로브 이름 중복 체크로 인한 androidx.room.RoomOpenHelper.checkIdentity 에러 해결

📝 작업 내용

글로브 만들때만 중복체크 / 글로브 상세에서 글로브 이름 변경시에 중복 이름 체크 안했습니다, 따라서 터지게 됩니다.

📢 특이 사항

-> 버그 계속해서 주시해서 슬랙에 공유바랍니다!

👨‍🔧 개요

• 테마 변경에 따라 StatusBar 색 변경
• 테마 변경에 따라 장소확인 배경색 변경 및 마커 수정

📝 작업 내용

https://user-images.githubusercontent.com/80373033/207403223-d03da186-37a5-49af-abe7-e4cdaf9af2c8.mp4

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

• 낮, 밤, 흐림 EnumClass 가 따로 존재하지 않아, 임의의 숫자로 지정했습니다!

👨‍🔧 개요

다양한 버그를 해결했습니다~

📝 작업 내용

• [x] 미래의 추억이란 존재하지 않아~ (금일 이후는 선택 못하도록)(https://github.com/boostcampwm-2022/android06-mogle/commit/5888d2fe005fd3c5f509371f1cb47b812272b4a1)
• [x] datePicker 더블 탭 방지(https://github.com/boostcampwm-2022/android06-mogle/commit/a2756e80722b73f1f6686091b380530c9900368e)
• [x] 바텀 싵 올라온 상태에서 뒤로가기 시, 바텀 싵 내려가도록 변경(https://github.com/boostcampwm-2022/android06-mogle/commit/3e5198d6b8f262e72f47ffbd5e0ee9ade676ca3c)
• [x] 모먼트 추가 후 해당 모먼트 장소 위치로 지도 포커싱(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/99e7c2d6f941a599baec66645e1c12822b15d49c)
• [x] 지도 포커싱 해제(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/6832565b454e7dfcef06ce7440622cc2f06eeaf6)
• [x] 모먼트 검색 - 검색어에 따른 필터링(debounce 처리)(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/546b598b9e159beda5a61ff4b68e95193fbdf0d9)
• [x] 모먼트 검색 EditText 외부 클릭 및 검색 완료 후, 포커스 해제 및 키보드 내림 처리(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/850cb3b284e194183873e30ebb7b7407d915f403)
• [x] Dialog 전면 개편!!!(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/7fee31d128b3ae30624b4dd1354e7d395f6cbf80)
• [x] FullScream 제거(https://github.com/boostcampwm-2022/android06-mogle/pull/100/commits/d16d39ad0ad7475e05071aba34556a4fc928645d)

📢 특이 사항

집중적으로 봐야하거나, 추가 및 특이 사항

StatusBar 컬러와 풀 스크린은 추후 예정입니다~

🚶‍♂️ 접근 방법

1. 바텀시트에서 오래된순 정렬 선택
2. • 버튼을 눌러 모먼트 남기기 페이지로 들어가기
3. 모먼트 남기기
4. 다시 홈화면으로 돌아왔을 때 맨 아래에 모먼트가 추가됨 (모먼트가 여러 개 있을 때는 변화가 없는 것 처럼 보임)

🧐 예상 행동

모먼트 남기기를 누르고 홈화면으로 돌아왔을 때 최신순으로 정렬이 되어있어야하고 스크롤도 맨 위로 올라간 상태여야한다. 만약, 오래된순인 상태에서 모먼트를 남겼을 때 바텀시트 리스트에 변화가 없는 것 처럼 보이기 때문에 최신순 정렬이 필요함. (사용자를 고려하여 모먼트를 남기면 최근에 내가 쓴 글이 보이는 것이 낫다고 생각했음)

문제

기존에 BroadCastReceiver를 활용하여 모먼트를 남겼을 때를 감지하여 이벤트를 주었지만, room + flow 의 이점을 활용하여 DB에 변경내역이 있을 때 자동으로 변경 사항을 collect 하는 방식을 이용하는 것으로 바꿈.

그러나, 최신순으로 정렬을 해야하면 어차피 모먼트를 다시 가져오는 로직이 필요함 (room + flow 이점을 활용할 수 없음)

❌ 버그 설명

모먼트 남기기 시, 데이터 저장 안되고 바로 지도 화면으로 넘어가는 이슈

🚶‍♂️ 접근 방법

접근하기 위한 단계를 작성해 주세요.

1. Go to 모먼트 남기기 및 작성
2. Click on 모먼트 남기기 버튼
3. See error

• 데이터는 안 들어가고, add Fragment가 꺼져서 데이터가 룸에 들어가지 않는 이슈

🧐 예상 행동

• 데이터가 다 들어가고 나서, add Fragment가 꺼지고, map이 나오는 Fragment로 이동

📷 Screenshots

토스트로 모먼트가 남겼습니다 뜨고, add Fragment가 종료 but, Room에 저장 안됨.

📱 Smartphone

버그가 발생한 기기 정보를 입력해 주세요.

• Device: Samsung Galaxy S22
• Version : 31

📢 해결

Room에 저장되기 전에 AddMomentFragment에서 Navgation으로 백 스택을 pop 해서 onDestroy가 되어, save하는 것이 cancel이 되어서,

// AddMoemntFragment
viewLifecycleOwner.lifecycleScope.launch {
                viewModel.saveMoment()
                Toast.makeText(context, "모먼트를 기록하였습니다.", Toast.LENGTH_LONG).show()
                val navController = findNavController()
                navController.setNavigationResultToBackStack("isUpdated", true)
                navController.popBackStack()
            }

// AddMoemntViewModel
        viewModelScope.launch {
            saveMomentUseCase(
                moment = MomentModel(
                    place = place.value,
                    pictures = pictures.value,
                    content = content.value,
                    globes = listOf(selectedGlobe.value),
                    date = selectedDate.value
                ).toDomain()
            )
        }.join()    // join 으로 기다림 (수정된 부분)

🚀 기능 설명

구현하고자 하는 기능을 설명해 주세요. 카카오톡 / 일기장 앱 같은 비밀스러운 다이어리 앱에서 잠금 기능 구현

📝 Task (To-do):

• [ ] [e.g. deisgn xml)
• [ ] [e.g. deisgn xml)
• [ ] [e.g. deisgn xml)
• [ ] [e.g. deisgn xml)

📢 추가 사항

추가 및 특이사항 또는 구현할 디자인을 작성해 주세요.

❌ 버그 설명

오류 내용 SQLite Foreign Key Constraint Failed (code 787)](https://stackoverflow.com/questions/29341380/sqlite-foreign-key-constraint-failed-code-787)

• 참고: https://stackoverflow.com/questions/29341380/sqlite-foreign-key-constraint-failed-code-787

🚶‍♂️ 접근 방법

접근하기 위한 단계를 작성해 주세요.

1. Go to 모먼트 남기기
2. Click on 같은 사진 추가 / 같은 글로브 넣기
3. See error

• 같은 사진 추가 & 한번에 같은 사진 추가에서 에러 + 같은 글로브에서 넣기 에러

🧐 예상 행동

save가 정상적으로 잘 작동, (모든 테이블에 중복 없이 넣기 구현 등)

❗ 해결!

Foreign key로 설정해야 될 것들 선언 변경 사항 -> savePicture, saveGlobes 에는 OnConflicktStrategy.IGNORE 설정 (새로 같은 값이 들어가도 무시 / 새로 업데이트 X) 중복되는 내용(사진 Bitmap)이 있다면 -> getID 해서 해당 아이디를 가져오게

📱 Smartphone

버그가 발생한 기기 정보를 입력해 주세요.

• Device: Samsung Galaxy S22
• Version : 31

📢 추가 사항

해결되었고, 코드가 많이 변경되었습니다 참고바랍니다!

❌ 버그 설명

고화질 bitmap이 ByteArray로 넣어도 너무 커서 안 들어가는 문제.

🚶‍♂️ 접근 방법

접근하기 위한 단계를 작성해 주세요.

1. Go to saveMoment -> savePicture

🧐 예상 행동

• Bitmap이 Room에 ByteArray형태로 저장되는 것

📷 Screenshots

// 이하 동문

📱 Smartphone

• Device: [e.g. Samsung Galaxy S22]
• Version : [e.g. 31]

📢 추가 사항

❌ 버그 설명

Material3 Bottom Sheet 구현 중 DragHandleView를 사용하고 싶은데 BottomSheetDragHandleView를 인식하지 못한다.

🚶‍♂️ 접근 방법

https://github.com/material-components/material-components-android/blob/master/docs/components/BottomSheet.md 위 링크를 참고해 구현할 수 있다.

🧐 예상 행동

xml에서 BottomSheetDragHandleView를 정의한다.

📢 추가 사항

appcompat, material version을 모두 최신버전으로 올려봐도 인식 불가.