1주차 미션 / 1조 박민우

[mwpark01]

1️⃣ 미션

• 프로필 카드 만들기
• 간격
• 크기
• 글자 사이즈 등

---

2️⃣ 구현에 대한 설명

1. 전역 텍스트 스타일 변수 추가 (myTextStyle)

• fontSize = 8.sp / lineHeight = 10.sp : 피그마에 나와있는대로 글자 크기는 8, 줄 간격을 10으로 고정하였습니다.
• includeFontPadding = false: 안드로이드 폰트 자체에 포함된 상하단 여백을 제거하였습니다.

변수 추가 전	변수 추가 후

• 기존에 폰트 사이즈를 줄여도 기본적으로 차지하는 높이가 고정되어있으므로 카드 내부에 모두 표시가 되지않아서 줄 간격을 10으로 고정하여 모두 표시가 되도록 바꾸었습니다.

2. 레이아웃

• Scaffold & Box : enableEdgeToEdge()를 사용하여 전체 화면 영역을 확보하고, 상단바/하단바 영역을 고려하여 innerPadding을 적용했습니다.
• Column : top = 30.dp, start = 70.dp의 패딩을 주어 카드를 화면의 특정 위치에 배치했습니다.
• Box : 140x 140의 정사각형으로 구성하였습니다. border와 RoundedCornerShape(10.dp)를 통해 테두리가 둥근 카드를 만들었습니다.

3. 카드 내부 구성

• Image : R.drawable.image2를 불러와 40x 40 크기로 표시하며, 카드 모서리처럼 clip을 사용해 10.dp만큼 둥글게 만들었습니다.
• Column (Inner), verticalArrangement = Arrangement.SpaceEvenly: 이미지 아래의 남은 공간에 이름, 학번, 학과, 생년월일 텍스트 4줄을 균등한 간격으로 배치하였습니다.

---

3️⃣ 스크린샷

---

4️⃣ 기타

[1hyok]

말씀드린 대로 사이즈 하드 코딩하지 말고 자연스럽게 감싸 주시면 됩니다. 그리고 이 박스가 border 그리는 용도로만 사용되고 있어서 컬럼을 감싸지 말고 컬럼에다가 바로 border 스타일을 적용해 주면 좋습니다!

[1hyok]

전반적으로 깔끔하게 잘 하셨네요. 다음주도 화이팅입니다 👍🏿👍🏿👍🏿