Designer Sunny

이번 게시글에서는 auto layout에서 사용하는 absolute 속성에 대해서 알아보려고합니다. 먼저 absoulute라는 속성을 왜 사용하는지에 대해서 알고 계셔야 개발자님과 원활한 소통은 물론 속성에 대한 이해도가 높아져 잘 사용할 수 있겠죠? 우리가 디자인을 할 때 하나의 엘리먼트를 특정한 위치에 고정시켜놓고 싶을 때가 있습니다. 예를 들어 앱에서 새 알람이 왔을 때 알림 아이콘 우측 상단에 빨간 점이 뜨는 것 처럼 말입니다. 우리는 그것을 절대적인 위치에 놓는다고 해서 absolute라고 지칭합니다. 개발 시에는 element { position: absolute;/* absolute로 위치합니다 */ top: -10px;/* 맨 위에서 -10px만큼에 위치합니다 */ right: -10px;..

figma에서 정말 자주 사용하는 Auto Layout에 대해 알아봅시다. Auto Layout 단축키는 shift + A입니다. Auto Layout을 사용하면 아이템이 변경됨에 따라 자동으로 사이즈가 변경되는 신세계를 맛볼 수 있습니다. 반응형 디자인을 해야할 때 무조건적으로 필요한 속성이죠. *auto layout 설정시, 해당 컨텐츠는 자동으로 프레임 속성을 가집니다. 장점을 요약하자면 반응형에 최적화 되어있습니다. 편합니다. 일일이 아이템 변화에 맞춰서 틀(프레임)을 바꿔주지 않아도됩니다. 물론 display: flex; 로 지정되어 수정이 되지 않는다는 점이 아쉽긴 하지만, 편한걸 어쩝니까 정렬에 유용합니다. 아이템 간의 간격을 설정해 놓으면 새 오브젝트가 추가될 때마다 설정한 간격대로 배치가..