Michael Kwon

안녕하세요, 한수연님?이 부분은 제가 출제한 건 아니고 인프런 강의 시스템에서 제공되는 AI 퀴즈로 보입니다.인프런 팀에서 확인해봐야 할 듯 합니다.감사합니다~

퀴즈에 답변이 나와있어요!

46.'Main 작품 목록 영역' 강의 영상 설명 다시 한번 보시구요~아래 답변도 참고하시면 되겠습니다.감사합니다.

모바일 포트폴리오 이미지

탐색창에서 클릭하면 원래 웹 브라우저용이라 인터넷창으로 열립니다.그냥 그대로 코드에서 불러서 쓰시면 됩니다~

svg 이미지 저장

프레임에 설정되어 있는 <code>Layout guide</code>를 보시면 설정한 여백을 참조하실 수 있습니다.<img src="https://cdn.inflearn.com/public/files/posts/7b2e603f-330d-450d-b5ca-4c1bf75ce831/34bfab97-2d4c-4483-991c-1cdbc7c87e33.png" media-type="img" alt="image.png" title="image.png" width="643" height="256">&nbsp;&nbsp;

마진확인하는 법

반갑습니다, rkdtjdtls91님!container 크기가 flex이기 때문에 자동폭으로 잡혔을 겁니다. 그런데 flexbox의 특성상 img크기를 100%로 잡지 않았을 때는 원래의 이미지 크기에 맞춰서 컨테이너도 자동으로 늘어납니다.하지만 img 요소의 크기르 100%하면 원래 지정된 컨테이너(부모)의 크기를 기준으로 해서 100%로 채워지기 때문에 줄어들어 보이는 겁니다^^&nbsp;

#portfolio .container 넓이

안녕하세요, rkdtjdtls91님?'보내기' 버튼 위치가 이상하네요?Layres에서 form레이어로 모두 묶여 있는지 확인해 보세요.<img src="https://cdn.inflearn.com/public/files/posts/50e95054-7580-4ef0-bfdc-ea95cadead2f/43a0e3c8-8a8e-4e5e-b9f4-3feac80edd39.png" media-type="img" alt="image.png" title="image.png" width="225" height="179">&nbsp;Auto layout 설정도 확인해 보세요.<img src="https://cdn.inflearn.com/public/files/posts/efb7bf64-5c95-42c8-a1bc-9bfa2499e4ae/eee8d64e-42f3-4f86-8273-dda779c0fe9f.png" media-type="img" alt="image.png" title="image.png" width="237" height="236">그림만 가지고는 파악이 어려울 수 있으니 문서를 Share해 주시면 답변을 드리는데 더 도움이 될 것 같습니다^^

오토레이아웃

안녕하세요, rkdtjdtls91님?ex1) 예제 부터 다시 따라 해보시겠어요? <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.figma.com/design/ocEPPWdPqt6rBT83eDaaXN/16.Variants?node-id=11-97&t=A7HpuR6qBgMGhb9X-1">https://www.figma.com/design/ocEPPWdPqt6rBT83eDaaXN/16.Variants?node-id=11-97&t=A7HpuR6qBgMGhb9X-1</a><hr>&nbsp;<img src="https://cdn.inflearn.com/public/files/posts/8668c17a-c1ea-4ae2-88ee-5f7ed072842b/5d0d13c9-fe27-487f-94ef-a54256e768a3.png" media-type="img" alt="image.png" title="image.png" width="525" height="374">&nbsp;swap할 아이콘 인스턴스를 선택해 주셨는지 확인 바랍니다~<img src="https://cdn.inflearn.com/public/files/posts/49d1aac6-86f1-48d6-996e-7f4de8d984c3/56f87a42-52c7-486e-9063-1805990ecdb8.png" media-type="img" alt="image.png" title="image.png" width="643" height="304">&nbsp;그 다음에 btn 컴포넌트의 아이콘을 클릭하시고 우측의 Apply Instance Swap Property 아이콘을 클릭하시면 보이게 됩니다.<img src="https://cdn.inflearn.com/public/files/posts/c2122cac-55a8-4e7f-82d1-9e40338b6639/0cf599b4-c323-43b9-81fb-a25d2a095d01.png" media-type="img" alt="image.png" title="image.png" width="643" height="337">&nbsp;그리고 버튼 인스턴는 마지막에 추가해 주셔야 추가된 <code>Property</code>가 확인이 될겁니다~<img src="https://cdn.inflearn.com/public/files/posts/94de7bdc-1768-4fbf-beab-7f85abf7d6af/5453299f-f49e-4c46-ac67-0a8475804e37.png" media-type="img" alt="image.png" title="image.png" width="643" height="290">&nbsp;&nbsp;&nbsp;&nbsp;

버튼이 없습니다

<code>강의목차 > 섹션3 > 강의 잘 듣는 법</code>해당 강의 자료를 보시면 하단에 VS Code 플러그인을 설치 방법에 대한 설명글이 있습니다.영상 촬영 당시에는 Cody라는 AI플러그인을 설치하여 지능적으로 코드를 어시스턴트 해주는 기능을 킨 것 같습니다. 당시 유료인 Github Copilot의 대용(무료 사용 가능)으로 사용한 것인데 현재 시점에서는 Github Copilot도 무료 사용이 가능하니 아래 링크를 참조해 가입후 설치해 주세요.Github Copilot: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/features/copilot">https://github.com/features/copilot</a>

사진과 같이 회색으로 코드가

안녕하세요, 특별한 까치님?지난주 해당 이슈(이미지 Apply All 안됨)가 발견되어 플러그인 개발자 커뮤니티에 보고가 되어 있는 상태네요. 개발자가 수정할때까지 당분간 기다려야 할 듯합니다.현재는 이미지 하나씩만 적용할 수 있는 상태이니 참고해주시기 바랍니다~<hr><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.figma.com/community/plugin/731627216655469013/content-reel">https://www.figma.com/community/plugin/731627216655469013/content-reel</a>

Content Reel에서 Apply All이 안됩니다.

Figma입니다.관련 강좌도 있으니 아래의 링크 참고해 주세요^^<a target="_blank" rel="noopener noreferrer nofollow" href="https://inf.run/RnaeA">Figma 디자인부터 퍼블리싱까지</a>

Michael Kwon

Posts