[학습일지] PPT보다 쉬운 피그마 2주차

학습일지 내용 범위 : 2-1~2-7

 

반응형 웹이란 감지된 화면 크기에 따라 자동으로 페이지가 재배얄되는 유동적인 접근방식

오토레이아웃이란 컨텐츠에 따라 자유롭게 변형되는 프레임
피그마는 크기에 따라 사이즈가 유연하게 늘어나는 리사이징 기능을 제공한다.

단축키 : Shift + A 
해제
Ctrl + Shift + G


오토레이아웃의 기능은 매우 다양하다!
버튼, 카드, 하단 메뉴 바, 드롭다운 리스트 등등
요소들을 수정할 때 자동으로 사이즈가 변경된다는 편리함   

오토레이아웃 리사이징이란 뭘까?
-오토레이아웃 프레임 생성 시 상위 프레임 사이즈가 조정될 때 콘텐츠와 컨테이너가 어떻게 
반응해야 할지 설정하는 속성

컴포넌트 이해하기

반복되는 UI를 그릴 때 사용하는 Master component
컴포넌트로 변경하면 객체의 레이어에 보라색으로 변경된다.
마스터 컴포넌트 만들기 단축키 : Ctrl + Alt + K
마스터 = 원본 / 인스턴스 1 = 복제본

디테치(Detech) = 연결해제

컴포넌트 연결을 해제하여 일반 객체로 만드는 것
해제 방법은 객체 우클릭 > Detech instance 클릭
인스턴스 해제 단축키 : Ctrl + Alt + B
단, 한 번 연결을 해제하면 다시 연결할 수 없다. 재복사나 대치만 가능

베리언츠란 뭘까??
베리언츠는 마스터 컴포넌트로 등록된 컴포넌트들의 묶음을 의미한다.

 

 보완해야 할 점 : 배우면 배울수록 단축키가 비슷한 경우가 많거나 중복되게 들어가는 단축키가 많아서 헷갈리는 경우가 있어서 작업연습하는데에 영향을 주니 확실하게 짚고 가야겠다.