Skip to content

1주차 미션/1조 이강준#4

Open
acturus0162 wants to merge 2 commits intoKonkuk-KUIT:acturus0162from
acturus0162:acturus0162/week1
Open

1주차 미션/1조 이강준#4
acturus0162 wants to merge 2 commits intoKonkuk-KUIT:acturus0162from
acturus0162:acturus0162/week1

Conversation

@acturus0162
Copy link
Copy Markdown

1. 미션

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

  • 실습상에 진행한 내용들 포함하기 V
  • 프로필 카드 만들기 V

2. 구현에 대한 설명

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

  • 이미지와 글이 세로로 나열되도록 Column을 사용하였고 각 컴포넌트간의 수직간격을 20.dp로 맞추었습니다. 이미지는 clip(RoundedCornerShape)를 이용해 가장자리를 둥글게 만들었고 Text에 이름,학번,학과,생년월일의 정보를 담았습니다. 그리고 Column을 Box로 담아 안의 내용부분과 50.dp 떨어지도록 padding하고 border설정으로 테두리를 만들었습니다.

3. 스크린샷 & 실행영상

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

스크린샷 2026-03-19 230533 스크린샷 2026-03-19 230631

4. 기타

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

import androidx.compose.ui.res.painterResource
import androidx.compose.ui.unit.dp
import com.example.kuit7.ui.theme.KUIT7week1Theme
class missionActivity :ComponentActivity(){
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 내부에 구현하신 부분을 실습했던 것처럼 MainActivity에 넣는 등의 방식으로 수행해 주심 됩니다~

setContent {
KUIT7week1Theme {
Scaffold(modifier = Modifier.fillMaxSize()) { innerPadding ->
Box(
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 = Modifier.fillMaxSize()) { innerPadding ->
Box(
Modifier.padding(innerPadding)
.padding(50.dp)
Copy link
Copy Markdown

@1hyok 1hyok Mar 21, 2026

Choose a reason for hiding this comment

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

박스 내부 컴포넌트의 배치는 패딩의 여백으로 밀어서 하기보다는 contentAlignment 파라미터를 활용해 보시기 바랍니다!

@1hyok
Copy link
Copy Markdown

1hyok commented Mar 21, 2026

깔끔하게 잘 구현하신 만큼 여백도 피그마 디자인과 똑같이 하는 것도 도전해 보십쇼 👍🏿

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.

2 participants