동영상 보는 웹페이지에 강의 web-book 보는 방법 알려주세요

Web-book이라는게 어떤걸 말씀하시는지 모르겠네요! 조금더 자세히 말씀해 주시면 다시 답글 남기겠습니다! 자료의 경우 섹션2의 전체 자료 다운받기를 확인하시면 됩니다.

인트로 prototype - 3(관심사 선택) 강의는 원래 없는 건가요?

마지막 섹션 14- 메인페이지 prototype을 보시면 intro페이지 에서 메인 페이지로 연결되는 prototype관련 강의가 포함되어 있습니다. 감사합니다.

오토셀렉션 프레임셀렉션

auto layout은 정확한 padding과 margin이 필요하고 그것에 맞춰 구현이 필요할 때 사용합니다. frame selection은 전체적 구획을 나눔에도 사용하고, 일반적으로는 figma의 기본 대지라고 생각하시면 됩니다. 또한 constrain 기능을 이용하면 frame 내부 정렬도 어느 정도 가능합니다. 더 궁금한 내용이 있으면 답글 달아주세요~ ^^

text style 적용안됨.

text style이 나오는지 일단 그 부분부터 확인해 봐야 할거 같습니다. 보통. 오프라인에서. ~.fig파일을 열게 되면, 등록되있는 스타일들이 나타나지 않기도 해서요. editing할 수 있는 스타일이 있는지 확인하시고 만약 없다면, pretendard 글꼴을 설치 하고 새로고침 하여 글꼴을 적용해 스타일을 등록해 보세요!해보시고 안되시면 다시 답글 남겨 주세요~

질문있습니다!

답변이 늦어져서 죄송합니다. 어플의 흐름도를 전부 디자인하는 것은 아니고, 일부를 만들어 보는 것 입니다.실제 구현을 하는 것도 아님을 말씀드립니다. 디자인과 프로토타입을 진행해 보는 것입니다.

css background-image 적용이 안 돼요

경로를 잘못 쓰신거같아요 아래내용처럼 ../ 가 한번만 쓰시면 나올거예요 ~background-image:url(../img/1.png)

spacing mode가 어디에 있나요?

Figma가 업그레이드 되면서 spacing mode가 변경되었습니다.참고 링크 확인해 보세요.지금은 auto로 하게 되면 양끝 정렬로 레이아웃이 변경됩니다.(사진)

css 관련 질문 있습니다.

안녕하세요~ 질문 주신 내용을 확인해 보았습니다.^^ 현재 mobile css 를 진행하는 단계인 듯 한데요. 말씀하신 s1,s2_list는 flex layout이 desktop에서 나옵니다.mobile에서는 display속성이 block인 상태로도 충분히 만들 수 있기 때문에 구지 복잡하게 만들 필요는 없다고 생각 드네요~~ , 또한 flex layout을 사용하고 싶다면 flex-direction을 column으로 변경해서 진행해야 합니다.참고하세요! 멋진 포트폴리오 완성하길 응원할께요! 감사합니다~

iconsax 플러그인이 어디에 있는건가요...

제가 지금 다시 찾아보니, 검색이 안되네요 ㅜㅜ 강의 제작 시점에는 있었는데 현재는 검색되지 않고 있어요. 일단 완성본에 있는 아이콘을 이용해 제작해 보시고, 추후 진행하실 때는 linear icon으로 resource 검색해서 비슷한 것으로 찾아보시면 될 거예요~

피그마 포트폴리오 배포?

방법은 여러가지가 있습니다.첫번째로 이미지를 통으로 저장하는게 아니라, 각 프레임당 끊어서 내보내기를 하는 방법이 있을것이구요.GIF이미지가 들어간 프레임을 따로 .gif로 만들어야 할거 같고요.두번째 방법은 오캠이나, OBS같은 프로그램으로 미러링한 화면을 촬영해 mp4형식이나, gif로 변환하는 방법이 있습니다.세번째는 프로토파이와 캔바 와 같은 애니메이션 프로그램을 이용하는것이 있을것입니다. 두사이트 모두 gif 애니메이션을 만들 수 있는데 초보자는 캔바를 이용하는것을 추천드립니다.