문과생으로 살아남기

피그마의 Constraints란? 부모 프레임을 변경할 때, 자식 객체가 어떻게 반응해야 할지 결정해 주는 속성이라고 설명할 수 있습니다. 물론, 파고든다면 상당히 심도 깊고 이해를 요하는 기능일 수도 있겠습니다만, 공부해 나가는 입장에서 이해한 내용을 바탕으로 작성해 봅니다. 그림에서 볼 수 있듯이, 초록색을 감싸고 있는 파란색 부분을 Parent라고 합니다. Parent의 크기를 변경할 때 안에 있는 초록색 부분, 즉 children이 어떻게 반응할지 결정하는 것이 Constraints 속성입니다. Constraints에는 크게 가로(Horizontal)와 세로(Vertical)가 있습니다. 1. Horizontal : Left, Right, Left and right, Center, Scale 2...

피그마에는 텍스트 '리사이징'이라는 속성이 3가지 있습니다. 텍스트 리사이징이란, 딱 보기에는 텍스트의 크기를 설정하는 건가? 싶겠지만, 텍스트 레이어를 설정하는 속성입니다. 피그마에서 텍스트를 생성하기 위해 Text 버튼을 누르고 캔버스에 클릭해 보시면, 파란색 테두리의 사각형이 텍스트를 감싸는 것을 보실 수 있습니다. 이것이 텍스트 레이어고, 텍스트 리사이징은 텍스트가 늘어나고 줄어듦에 따라 텍스트 레이어가 작아지거나 커지는 방식을 제어하는 것입니다. 리사이징의 속성에는 3가지가 있습니다. 1. Auto width : 텍스트를 작성하면 그에 따라 자동으로 텍스트 레이어의 가로(width) 길이가 늘어납니다. 2. Auto height : 텍스트를 작성하면 그에 따라 자동으로 텍스트 레이어의 세로(he..