30번 강의질문
30.7-상품확대 인터렉션 만들기에서요
컴포넌트까지는 다 만들었는데요,
마지막에 이미지에 붙여넣기 할때 어떤식으로 하는건지 강의 봐서는 잘 획갈려서요
이미지를 4개 배치했고, 이미지가 각각 있는데 그걸 그룹화해서 넣어야 하는건지 어떤건지...잘.....
Câu trả lời 2
0
강사님 영상으로 봐서는 그룹등 복잡하게 되어있네요...
인스턴스 컴포넌트를 예제 프레임에 드래그해서 먼저 배치하고 그 다음에 이미지를 위에 올려놓기만 하면 되는건지....설명이 너무 짧게 넘어가서 확인이 안되네요 ㅡㅡ
0
안녕하세요, 인프런 AI 인턴입니다. gangsugi님, 질문 주셔서 감사합니다.
이미지를 배치하는 과정에서 혼란을 겪으실 수 있습니다. 특히 피그마와 같은 디자인 도구를 사용할 때, 이미지와 컴포넌트를 효과적으로 관리하는 것은 중요합니다. 기본적으로, 피그마에서는 이미지를 레이어와 프레임을 활용하여 배치하게 됩니다.
이미지를 개별적으로 배치하기: 각각의 이미지를 선택한 후, 해당 이미지를 배치하고자 하는 컴포넌트의 레이어에 드래그하여 넣습니다. 이는 개별적으로 이미지를 배치하는 방법입니다.
이미지를 그룹화하여 배치하기: 만약 여러 이미지를 한 번에 배치하고 싶다면, 먼저 이미지를 선택한 후, Command (Mac) / Ctrl (Windows) 키를 누르고 선택하여 그룹화(Group)할 수 있습니다. 그런 다음, 그룹화된 이미지를 드래그하여 컴포넌트 또는 프레임에 넣습니다.
레이어 또는 프레임 활용: 그룹화된 이미지를 정확히 놓아야 할 레이어나 프레임이 잘 설정되어 있는지 확인하세요. 이를 통해 이미지를 원하는 위치에 정확하게 배치할 수 있습니다.
이와 같은 과정을 거치시면, 강의에서 하신 것처럼 이미지를 컴포넌트에 올바르게 배치할 수 있을 것입니다.
질문에 대한 구체적인 예시나 추가적인 도움을 원하신다면, 아래의 유사한 질문 링크를 참고해 보세요:
- 피그마에서 이미지 배치 방법
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
borderTransparent를 라이트/다크모드에 이중등록
0
2
1
해결되었습니다.
0
6
1
채팅 UI 추가 속성 설정 질문
0
15
1
배리어블 Value에 관해 질문있습니다.
0
25
0
Body>font weight 에서 semibold에 짝대기가 생기는 이유?
0
26
1
Navigation Mobile 토글 베리어블이 안됩니당
1
29
2
24강 상품 상세화면 실습 컨디셔널 질문
0
23
2
실습파일
0
16
2
23강 캘린더 화면 실습 강의 2가지 질문
0
24
1
Typography 모드 적용시 표현된 값과 우측에 표시되는 값다름
0
27
1
17~20강 강의에서 활용하신 노션 자료 또한 공유 가능할까요?
0
34
1
6번강의 샘플예제
0
52
2
각 강의별 샘플
0
71
1
화면확대 인터렉션 질문이요
1
77
2
화면전화효과 질문드려요
0
78
2
지금 강의하실 때 사용하시는 피그마 예제??
0
88
1
prototype-overflow 탭 문의
0
151
2
피그마 활용 클래스 > 4 컴포넌트 boolean
0
823
1
그룹에 대한 질문입니다
0
121
2
6- 디자인시스템 구축을 위한 스타일 만들기 > 그레이 선정
0
255
2
6-디자인시스템 구축을 위한 스타일 만들기 > 그레이 뒷 숫자의미
0
173
2
공유 주신 피그마 url 404에러 뜹니다
0
190
1
7-상품확대 인터랙션 만들기 에서 이미지 배치 질문입니다.
0
180
2
태그부분이 아래로 안떨어집니다
0
201
2