본문 바로가기

TIL

TIL 28일차

스탠다드반 과제 셀프 피드백

 

시작하기 전 예상 시간을 미리 계산해봤다

이정도면 충분하다 생각했으나...

 

정작 구현 방법을 몰라 오래걸릴 것이라 예상했던 부분은 금방 해결했고(button 구현 1시간, 작은 image 15분 정도) 자잘하게 수정하는 부분이나 비율 맞추는 부분이 오래 걸려서 예상 시간을 많이 넘겼다 6~7시간 정도...? 처음이라 그런 것 같고 하다보면 금방 익숙해져서 잘 만들 것 같다.

 

Pixel 3 XL 기준으로 만들었다.

 

 

가장 걱정이 많았던

이 부분! 생각보다 금방 해결했다

 

button을 두 개 만들어서 맞대는 부분의 모서리만 조정하면 생각보다 쉽게 해결되는 문제였다. 근데 과제를 다 끝내고 다시 Figma를 보니까 Register 버튼 위에 Sign in 버튼이 올라가 있는 형태였다...크게 상관은 없겠지? 높낮이 문제가 생길 것 같긴 한데 해결하기 힘든 문제는 아닌 것 같으니 넘어가도록 하자.

button1.xml
button2.xml

 

다음으로 가장 고민을 많이 했던 부분이 login 화면에 있는

이 부분이다. 크게 2가지 문제가 있는데

 

1) cardview 모양 잡기와 동시에 cardview 안에 edittext 넣기

2) underline 지우기

 

첫 번째 문제는 button 에서 사용한 것처럼 drawable에 .xml 파일을 만들어 background로 적용시킬 예정이였지만, cardview에서는 잘 통하지 않았다. 그래서

위와 같이 cardview 안에 edittext 항목을 포함시키는 구조로 완성했다. <androidx.cardview.widget.CardView 로는 radius 적용이 안돼서 <com.google.android.material.card.MaterialCardView 로 만들었다. 이 부분은 왜 그런지 좀 더 알아봐야 한다. (나중에 알아보니까 MaterialCardView가 상위호환 느낌이다 그래서 보통 이걸 쓰면 되지만 오래된 버전(API 21 미만)에서 적용이 안되기 때문에 이전 버전 호환이 같이 필요하다면 기존 CardView를 쓰면 된다)

 

두 번째 문제는 background 설정으로 간단하게 해결했다

 

 

 

마지막으로

이 부분이다. 사실 gradient 적용 방법은 알고 있어서 금방 만들긴 했지만...대칭인데 .xml 파일을 2개를 태우기에는 아쉬워서 방법을 찾아보았다.

역시 회전이 안될리가 없었다

 

 

진짜 마지막으로 간단하게 login 화면으로 넘어가는 코드만 짰다

 

 

과제를 하면서 느낀점은 디테일하게 작업할 수록 작업 시간이 배로 늘어난다는 사실을 알게 되었다. 이번 과제도 한 90%의 완성도를 목표로 했으면 2시간이면 끝냈을 것 같지만 100% 혹은 그 이상을 원하면 엄청난 노력이 필요하다는 것이다. 100% 완벽하게 따라하는 것을 목표로 했지만 아직 배운지 얼마 안돼서 놓친 부분이 (좀 많이) 있을 것이다. 그래도 과제를 하면서 재미있었고 다음에는 더 잘할 수 있을 것이다...

'TIL' 카테고리의 다른 글

TIL 30일차  (0) 2024.03.27
TIL 29일차  (0) 2024.03.25
TIL 27일차  (0) 2024.03.21
TIL 26일차  (0) 2024.03.20
TIL 25일차  (0) 2024.03.18