프레임을 씌울 때
종종 그룹을 먼저 씌운 후, 오토레이아웃을 설정하시던데
특별한 이유가 있는지 궁금합니다!
답변 1
0
Overbold님, 질문 주셔서 감사합니다.
오토레이아웃은 단축키를 사용해 바로 적용할 수 있습니다. 하지만 제가 그룹으로 묶어서 사용하는 이유는 다음과 같습니다.
오토레이아웃을 바로 적용하면 기본값이 상하좌우 여백에 붙게 됩니다. 예를 들어 기본 그리드가 8px이면 각각 여백이 붙겠죠. 하지만 저는 의도한 바와 다를 때가 많습니다. 특히 작업 중에 8px보다는 0px 여백을 더 자주 사용합니다.
이런 이유로 그룹으로 묶은 후 오토레이아웃을 적용합니다. 이 경우 기본 여백이 0이 됩니다.
이 방식은 제가 개발 쪽을 공부하면서 얻은 방법입니다.
오토레이아웃은 주로 CSS의 Flex에서 영감을 받았습니다. 보통 개발 시에는 Div로 HTML 에서 구조를 만든 후 CSS에서 Flex로 오토레이아웃을 적용해 배열을 맞춥니다. 그래서 디자인할 때도 자연스럽게 이 방식을 사용하곤합니다. 그룹으로 전체적인 뼈대를 잡고 오토레이아웃으로 정렬하는 것이죠.
컴포넌트의 경우에는 복잡한 뼈대가 필요 없기 때문에 그룹으로 묶은 후 바로 오토레이아웃을 적용합니다.
이는 지극히 개인적인 성향에 따른 방식임을 알려드립니다. 더 궁금하신 점 있으시면 언제든지 질문 주세요!
아이콘 빌런 부분
0
22
1
배리어블 Value에 관해 질문있습니다.
0
46
0
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
46
1
Navigation Mobile 토글 베리어블이 안됩니당
1
43
2
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
40
1
디자인 시스템에 그룹명을 숨길 수도 있나요?
0
49
2
디자인 시스템 네이밍에 관한 질문드립니다.
0
62
2
next step?
1
78
1
16강 Print Variables 출력 질문
0
84
2
open in Figma 누르고 ui kit 다운?받았을 때
0
74
2
variables 이름 지을때 소문자,대문자 사용에 관해..
0
98
2
디자인 시스템 네이밍 순서에 대해 질문남깁니다!
0
119
2
이미지 캐러셀 영상
0
70
2
아이콘 사이즈 컴포넌트 구성 방식 관련
0
107
3
완강/리뷰 이벤트 후 강의자료
0
66
2
Stack 컴포넌트 관련하여 궁금한 점이 있습니다.
0
59
1
컴포넌트별 베리어블 구축
0
81
2
인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?
0
41
1
섹션 6 / 29.Button 강의의 아이콘 인스턴스 스왑 질문
0
54
2
UI Kit에서 배리어블 등록 안되는 문제
0
63
2
교육용 피그마 계정 문의
0
65
2
베리어블 등록했는데 스타일에 연결하려니까 안보여요..
0
91
3
폰트 웨이트 지정에서, '바디만 따로 웨이트를 시멘틱에 그룹핑 하는 이유'가 무엇인가요??
0
53
2
섹션 6 / 29.Button 강의 질문
0
68
2