마켓컬리 그리드 사이즈 알수 있는법
418
작성한 질문수 6
강의 중 타 사이트 ex) 에어비앤비 혹은 마켓컬리 그리드 사이즈는 어떻게 알 수 있었나요?
답변 1
3
안녕하세요 현진님,
질문 감사합니다.
해당 강의 영상에서는 타사의 Container Width (좌우 길이)를 이야기하고 있는데요. 제가 Container width를 어떻게 재는지 공유드리도록 하겠습니다. 말로 설명하는 것과 더불어서 직접 과정을 보시는 게 더 도움이 되실 것 같아 영상으로 캡쳐를 했습니다.
아래 영상을 함께 봐주시기 바랍니다.
먼저 기본 세팅은 브라우저 상에서 Container Width가 더 이상 늘어나지 않는 지점까지 좌우 길이를 늘이셔야 됩니다. 더 이상 늘어나지 않는 시점이 Container width의 최대길이라고 보시면 됩니다. 그 다음에는..
1. Container의 사이즈를 재고 싶은 화면을 캡쳐합니다.
2. 캡쳐한 화면을 Figma에 붙여넣습니다.
3. 사각형을 만들어서 Container의 사이즈를 잽니다.
제가 타사 container사이즈를 잴 때 조금은 수작업이 들어가지만 이렇게 했었습니다.
참고가 되시기를 바라며 또 궁금한 점이 있다면 말씀주세요.
감사합니다.
프레임 조정 관련
0
55
2
arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?
0
67
1
오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.
0
108
0
하단바 고정
0
388
2
도형 오토레이아웃 설정
0
143
2
단락별 행간 조절
0
97
2
수강기한 연장 관련 질문드립니다.
0
90
2
24화 질문인데 도형 선택해도 layer가 안 뜹니다
0
167
3
go back to previous(이전 버전으로 가기) 가 안뜹니다
0
373
3
Auto Layout 적용이 되지 않습니다
0
394
2
SF Symbols 윈도우
0
360
2
섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다
0
140
2
Constraint기능에서 Top & Bottom 기능이 연동이 안되네요
0
162
2
Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능
0
324
2
프레임 크기를 조정하다가 모르는 박스를 발견했어요.
0
145
2
Style 저장하는데 Variable?
0
372
1
Text 박스 조정하는 법
0
1038
2
확장성
0
117
2
하단바 설정하는 방법
0
293
2
컴포넌트들 에셋상에서 폴더값으로 분류하는 법
0
604
4
하단바 고정시
0
925
3
섹션 12 예제 파일이 안보입니다!
0
174
2
제플린 핸드오프에 관련 질문입니다.
0
138
2
오토레이아웃
0
141
2