Skip to content

2주차 미션 / 2조 김대한#17

Open
about-kim wants to merge 13 commits intoKonkuk-KUIT:about-kimfrom
about-kim:about-kim/week2
Open

2주차 미션 / 2조 김대한#17
about-kim wants to merge 13 commits intoKonkuk-KUIT:about-kimfrom
about-kim:about-kim/week2

Conversation

@about-kim
Copy link
Copy Markdown

1. 미션

각 주차에 해당하는 미션 체크리스트

뉴스 화면 구현하기

  • ✅ 앱 아이콘
  • ✅ 상단 카테고리
  • ✅ 기사 이미지
  • ✅ 기사 본문(이미지 오른쪽 부분)

기사 본문과 카테고리를 더욱 늘려 lazyView 실 사용하기

  • ✅ 카테고리
  • ✅ 기사

2. 구현에 대한 설명

본인이 구현한 것에 대한 설명

  • 상단 로그: 피그마 배치와 동일하게 박스 안에서 상단 정렬
  • Latest 메뉴: shadow 함수를 사용해 그림자 표현
  • 카테고리 메뉴: 카테고리 아이템들을 listof로 묶어 간단하게 표시, contentpadding을 사용해 카테고리 가로 스크롤 구현
  • 기사 관련
    1. 기사 사진, 언론사 사진, 시계, 더보기 메뉴는 Int 타입의 이미지로 표현
    2. 카테고리, 제목, 기사, 시간은 spring 타입의 문자열로 표현
    3. contentpadding을 사용해 기사 세로 스크롤 구현

3. 스크린샷 & 실행영상

실행영상이 있다면 실행영상을, 없다면 스크린샷 첨부

  • 스크린샷 2026-03-27 011200

4. 기타

기타 문의사항이나 질문사항, 그 외 하고싶은 말

  • 후.. 3주차 미션 긴장됩니다.

Copy link
Copy Markdown

@AyoungSe0 AyoungSe0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

로고처럼 svg로 다운받을 수 있는 에셋은 svg로 다운받아 사용하면 화질이 깨지지 않아 좋습니다!
전반적으로 피그마와 거의 동일하게 구현되어 있어서, 디자인 꼼꼼히 반영하신 점이 너무 좋았습니다!!

}

}
Greeting(
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NewsScreen을 호출해주시면 실행 화면에서도 확인하실 수 있습니다!
예) NewsScreen(modifier = Modifier.padding(innerPadding))

val categories = listOf("All", "Sports", "Politics", "Business", "Health", "Travel", "Science", "Fashion")

Column(
modifier = Modifier
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Scaffold 사용 시 인자로 받은 modifier를 사용해 주는 것이 좋습니다!(상단 상태바와 겹침)

Spacer(modifier = Modifier.height(4.dp))

// 제목
Text(
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

긴 텍스트에 대응하기 위해 maxLines/ellipsis 를 처리해주는 것이 좋아 보입니다!
예) maxLines = 2, overflow = TextOverflow.Ellipsis

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants