1.오늘 학습한 내용

오늘은 피그마에 대해 기본적인 개념부터 강의를 따라 여러 실습까지 해봤다.
피그마를 다루기 위해 반드시 알아야 하는 핵심 개념인 프레임과 프레임을 다루는 오토레이이웃, 컨스트레인트 등 핵심 기능에 대해 공부했다.

• 프레임은 코드 블록을 만드는 기능이면서 동시에 코드 블록 그 자체이다.
• 그룹은 여러 개체를 하나로 담아두는 기능이다.
• 오토레이아웃은 말 그대로 auto-layout, 즉 레이아웃을 자동으로 조정할 수 있는 기능이다.
• 오토레이아웃은 개체를 내부 여백(패딩)으로 감싸 컨테이너로 만든다.
• 오토레이아웃은 간격에 맞게 컨테이너를 쌓을 수 있게 해준다.

컨스트레인트의 뜻

• 컨스트레인트(Constraint)는 제약(조건), 제한이라는 뜻이다.
• 오토레이아웃 안에 있는 개체들이 움직이는 방식을 제한한다는 뜻이다.
• 더 정확하게는, 부모 컨테이너의 크기가 변할 때, 자식 컨테이너는 어디를 기준으로 변할까?를 정할 수 있다.

리사이징의 개념

• 프레임은 기본적으로 가로와 세로 길이가 고정이다. 이 상태를 `Fixed(픽스드;고정된)`라고 부른다.
• 프레임을 오토레이아웃으로 감싸는 순간, Fixed 외의 다른 사이즈값이 생긴다.
• 이걸 피그마에서는 리사이징(Re-sizing)이라고 부른다. 사이즈가 변경된다는 뜻이다.
• 부모의 리사이징 값에 따라 자식의 리사이징 값이 영향을 받는다.
• 반대로, 자식의 리사이징 값에 따라 부모의 리사이징 값도 영향을 받는다.

값 / 설명 / 유형

• Fixed / 고정값 / 공통
• Hug / 자식 컨테이너의 크기에 맞춰 조정 / 부모만 쓸 수 있음
• Fill / 부모 컨테이너의 크기에 맞춰 조정 / 자식만 쓸 수 있음

내일 학습할 내용

내일은 피그마 3주차 강의까지 학습할 예정이다.
sql, 파이썬, 피그마 까지 한번에 공부하려니 머리가 조금 어지럽지만 화이팅!