CH2. UXUI 디자인 입문 - 1일차 TIL

✅ 241018

˙ 디자인카타 레퍼런스 3가지

˙ 팀 노션 작성

˙ 피그마 활용법(1) 1주차, 2주차

 

---

📋학습 내용

 

1주차 2주차 강의 완강~~!~!~!

 

개인 공부 시간에 열심히 강의를 들어서 1주차 2주차 완강하고 숙제도 제출했다!!

 

열심히 실습 따라한 흔적들^,^

 

아직까지는 사전캠프 강의랑 많이 다르지 않아서 어렵지 않았다고 생각했는데 

2주차 숙제의 4번 문제를 틀렸다...😵😨

 

왼쪽이 답지 오른쪽이 내가 푼 문제

 

 

2주차 문제는 영상을 보고 피그마로 똑같은 형태를 만들기였고,

오토레이아웃+리사이징으로 만들어내는 게 답이었지만 나는 컨스트레인트로 풀었다.

사실 모양은 똑---같이 나와서 이것도 정답으로 인정되지 않을까? 싶어서 질문방에 올리려고 캡처하는 중에

그만 답이 아닌 이유를 발견해버리고 말았다..................... 

 

4번 문제의 영상 속에는 분명히 패딩 값이 있음을 표시하는 작대기가 사방에 있었다

 

하지만 나처럼 컨스트레인트로 풀면 패딩 작대기는 없고 가운데 작대기 하나랑 빨간 중점 표시하는 동그라미가 생긴다........

컨스트레인트와 오토레이아웃+리사이징의 차이점을 또 하나 알 수 있는 문제였다.

 

---

❇️TIL

오늘은 피그마의 오토 레이아웃과 컨스트레인트 기능의 차이를 하나 더 배울 수 있었다.

컨스트레인트를 활용해도 비슷한 결과물이 나오긴 했지만, 영상 속 결과물은 분명 오토레이아웃에 리사이징을 한 결과물이었다.

아마 4번 문제를 틀리지 않았다면 속성창을 확인하지 않고 오토레이아웃과 컨스트레인트를 구분하는 방법을 계속 몰랐을지도 모르겠다... 새삼 문제를 푸는 것 만큼 정답 풀이도 중요하다는 것을 다시 한번 알게 된 하루였다!!