[240628] 5주차 WIL(KPT)

📌 오토레이아웃과 컨스트레인트

Top Navigation Bar를 만드는 과정에서 글씨를 가운데 위치하게 하고 아이콘을 배치할 때,

오토레이아웃을 적용하면 좌우 아이콘 중 하나만 껐을 때, 타이틀 텍스트가 가운데에 배치되지 않는 문제점이 있었다.

이 문제를 해결하기 위해, 내가 선택한 방법은 오토레이아웃을 끄고 컨스트레인트를 이용하는 것이었다.

아이콘은 좌우에, 타이틀은 가운데에 고정시켰다.

제출한 과제를 확인하니까 컨스테리인트 방향을 잘못 설정하고 제출했다..

 

 

그런데 과제 해설 영상을 보니, 오토레이아웃을 이용해서 해결하는 방법도 있었다..!

 

1.  빈 프레임 이용하기

2. 아이콘들에 앱솔루트 포지션 설정하기

 

영상을 확인하고 나니, 내가 문제를 해결한 방식이 맞는지, 그리고 두 가지의 차이점이 궁금해져서 튜터님께 찾아가서 질문을 했다.

 

우선, 컨스트레인트를 이용하든, 오토레이아웃을 이용하든 정답은 없다는 걸 알게 되었다.

튜터님께서 정답은 없지만 추후에 실무에 나가게 되면 개발자와의 협의를 통해 진행하게 된다는 말씀을 하셨다.

 

그리고 오토레이아웃과 컨스트레인트의 차이에 대해서는

오토레이아웃은 패딩값을 기준으로 각 요소들을 자동으로 배열해주지만

컨스트레인트는 상하좌우, 가운데, 스케일을 기준으로 위치를 고정시킨다.

 

그래서 오토레이아웃을 이용하면 텍스트를 많이 입력해도 아이콘 영역을 침범하지 않지만 컨스트레인트를 이용하면 그렇지 않다.

 

---

 

이번 챕터가 지금까지 진행한 챕터 중 가장 집중도와 만족도가 높았다.

팀원들과 소통도 가장 원활했고, 과제도 열심히 임했던 것 같다.

 

KEEP

• 팀원들과 소통하면서 문제점을 공유하고 해결하기
• 개인 일정이 바빠도 매일 데일리 스크럼, 디자인 스낵타임, 팀 회고를 뺴놓지 않고 진행하기

 

Problem

• 계획된 순서대로 진행하지 않을 때가 있었음
• 문제가 있을 때 튜터님께 바로 질문하지 않고 미룸

 

TRY

• 튜터님께 질문한 내용을 팀원 분들과 공유하기
• 계획을 제대로 이행할 수 있도록 스스로 정리하여 작성해보기