side nav 양쪽 끝으로 붙히는 것
vertical gap between items 를 Auto로 사용안하고 높이를 fill로 사용하시는 이유가 있을까요?
회사 일 관계로 빠른 답변이 어려울 수 있으며, 최대 3일 이내에 답변드리도록 하겠습니다.
이해를 돕기 위해서 스크린샷 이미지, 피그마 파일 링크를 반드시 첨부해주세요.
마지막으로 먼저 유사한 질문이 있는지 한번 찾아보시는 걸 권장 드립니다.
인프런 서비스 운영 관련해서는 1:1 문의하기로 인프런 쪽으로 연락 주시기 바랍니다.
답변 1
1
질문 주셔서 감사합니다.
수평, 수직 상관없이 일정한 간격을 제공할 경우 아래 두가지 모두 가능합니다.
왼쪽 Fill로 채워주기(리사이징)
Auto 해주기(오토레이아웃 간격)
두가지 모두 똑같은 형태를 나타내며,
저는 개인적으로 1번을 선호하지만 2번이 개발자 핸드오프 측면에서는 맞습니다. 왜냐하면 2. Auto를 하면 인스펙트에서 justify: space-between이 나타나고 개발자 측면에서 도움이 됩니다.
제가 왼쪽에 Fill을 주는 이유는 제가 일했던 프로덕트에서 오른쪽 디자인 요소에 가끔 Gap을 줘야하기 때문에 습관이 되었기 때문입니다.
보여주신 경우는 말씀해주신 2번이 더 적합할 것 같고 실무에서 잘 적용하시면 될 것 같습니다.
질문에 답변이 되었으면 좋겠습니다.
아이콘 빌런 부분
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
82
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