Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[feat] Artworks(작품목록) 화면 구성 #15 #26

Open
wants to merge 12 commits into
base: develop
Choose a base branch
from

Conversation

easyhooon
Copy link
Collaborator

@easyhooon easyhooon commented Feb 3, 2025

📌 관련 이슈

📁 작업 설명

  • 작품 목록 화면 구성(임시 artworks UI 모델, 더미 이미지로 매핑)

📸 작업화면(선택)

제가 이해한 화면내 작품 아이템의 가로, 세로 비율은 아래 영상과 같은데, 맞는 방향인지 확인 부탁드립니다.

이미지(png)

png_placeholder.mp4

이미지(Url)

https://placehold.co/

dynamic_placeholder.mp4

레퍼런스

Jetpack Compose Coil 이미지 캐싱, 잘 하고 계신가요?
Jetpack Compose Coil 캐싱, 어떻게 하고 있을까요?- 디스크 캐싱

문제

dynamic placeholder(imageUrl 을 통한 이미지 로드)의 경우, 아래 방향으로 스크롤 할땐 문제가 없으나 위로 스크롤시 스크롤이 스무스하게 진행되지 않는 문제가 있어, 여러 방법을 시도해봤는데 문제가 해결된것같지 않아 원인을 좀 더 찾아봐야할 것 같습니다.

이후 작업 진행하면서 문제 해결해보도록 하겠습니다.
해결
8eb0398
6f9545c

  • landscapist 사용할 경우
    간헐적으로 스크롤이 스킵되는 현상 발생
landscapist.mp4
  • coil 기본 AsyncImage 사용할 경우
    간헐적으로 바운드 되는 현상 발생
AsyncImage.mp4

easyhooon and others added 6 commits February 2, 2025 18:54
landscapist-coil 라이브러리 적용
- 이미지 로드 실패시, 실패 이미지가 두개가 다른 비율로 로드되는 문제 해결
- 이미지가 사진의 비율에 따라 세로 크기가 변동되도록 구현(가로 크기 고정)
- 작품목록 리스트 상하 padding 적용
@easyhooon easyhooon requested a review from 2chang5 February 3, 2025 05:52
@easyhooon easyhooon self-assigned this Feb 3, 2025
@easyhooon easyhooon linked an issue Feb 3, 2025 that may be closed by this pull request
2 tasks
@easyhooon easyhooon changed the title [feat] Artworks(작품목록) 화면 구성 [feat] Artworks(작품목록) 화면 구성 #15 Feb 3, 2025
전역적으로 설정한 이미지 캐싱 전략과 NetworkImage 내에 ImageLoader 의 캐싱 전략이 충돌되어 발생했다고 판단되어짐
Kotlin 2.0 이후 버전으로 kotlin 과 compose compiler 가 버전 통합되어 별도로 compose 라이브러리들의 버전을 관리해줄 필요가 없어짐
초기에 placeholder 이미지의 크기만큼 이미지의 영역이 할당되는 문제 해결
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[feat] Artworks(작품목록) 화면 구성
2 participants