본문 바로가기
활동/내일배움캠프 UXUI 1기

[240103]Figma 활용법 1_2주차(프레임/그룹의 차이, 오토레이아웃/컨스트레이트)

by 은애옹이 2024. 1. 3.

1/3

*강의를 통해 가져갈 것*

[프레임vs그룹의 차이]

  • 프레임은 코드 블록을 만드는 기능과 동시에 코드 블록 그 자체이다.
  • 그룹은 여러 개체를 하나로 묶을뿐

 

[레이어와 정렬]

  • 레이어의 앞 뒤: z축, 모니터랑 어느 게 더 가까운지

  • 여러 객체를 누르고 정렬을 하면 기준과 가장 가까이 있는 객체를 기준으로 삼는다.

 

[오토레이아웃]

오토레이아웃 내에 있는 순서는 단순 레이어랑 반대의 위계를 가짐

 

[컨스트레인트 Constraints]

부모 컨테이너의 왼쪽, 상단을 기준으로 자식 컨테이너가 움직인다.

오토레이아웃보다 이게 더 헷갈리는 것 같다.

 

*2주차 HW*

주어진 영상과 동일하게 만들어 보기

1~6번 숙제인데 헷갈렸던 건 3번 문제이다.

오토레이아웃 적용이 아닌 부모 컨테이너를 기준으로 어떻게 움직일 건지 컨스트레이트 패널에서 설정을 했어야 한다.