jyoung

Lead 레벨

안녕하세요? 소진님~ 자료 다운받는 네이버박스에 imgas.zip을 압축풀어보시면 logo.svg파일이 있습니다.<img src="https://cdn.inflearn.com/public/files/posts/2e05740a-7895-4bee-b9cd-f1d5f9213c6c/1e351323-0d85-4f75-9efc-9a91fa65fbe1.webp" media-type="img" alt="logo.png.webp" title="logo.png.webp" width="643" height="372"> 확인부탁드려요~~~~~ 감사합니다.

로고이미지가없는데요..

레이어명이 대문자여도 바이브코딩하는데는 상관없어요^^ 그대로 진행하셔도 됩니다^^ 열공하셔요^^ J.영드림~

피그마 AI기능 관려

안녕하세요? J.young입니다. 오류 올려주셔서 감사드립니다. 노션에 파일 수정해서 올려드렸습니다. 열공하시고 오늘도 좋은 하루 되세요^^ J.young드림

폰트확인 부탁 드립니다.

안녕하세요? 빛이나님^^ 강의로 만나뵙게 되어 반갑습니다. 이미지와 폰트 다운로드 주소 올려드렸어요...노션에서 확인하시면 됩니다 감사합니다. 열공하셔요~~~ J.young드림

hero-img 이미지

안녕하세요? 제이영입니다. 질문의 내용을 정확하게 이해는 안되지만.. 혹시 컴포넌트를 복사해서 컴포넌트 영역 밖으로 붙여넣기 하셨을까요?? 마스터 컴포넌트는 반드시 복사 > 붙여넣기 하셔야 인스턴스 컴포넌트가 됩니다. 물론 사용도 복사 > 붙여넣기로 사용하셔야하구요.. 질문에 대한 답이 되었는지 모르겠습니다. 감사합니다. J.young드림

피그마_6강_컴포넌트 부분 질문입니다 :)

<a target="_blank" rel="noopener noreferrer nofollow" class="mantine-Text-root css-t8th4q mantine-1kqlfgl" href="https://inf.run/qXykd">mo3om_98님</a>안녕하세요? 파일을 확인해보니 제가 실수로 파일을 중복해서 올렸네요 학습하시는데 불편을 드려 죄송합니다. 72.는 삭제하도록 하겠습니다. 그리고 말씀하신 visual영역 하단 내용은 텍스트 마스크 애니메이션효과로 73번에 강의에 레이아웃은 다르지만 더 쉽게 이해되실 수 있도록 올린겁니다. 답이 늦어져 정말 죄송합니다. 감사합니다. J.young드림

강의 문의드립니다.

답변 바로 드리지 못해 죄송합니다그동안 여건이 안되어 답을 바로 드리지 못했습니다내일 중으로 확인하고 바로 다 드리겠습니다죄송합니다&nbsp;제이영드림

안녕하세요? green님 본 강의 구조에서는 y축의 위칫값에 따라 높이값이 달라지는 구조입니다. <a target="_blank" rel="noopener noreferrer nofollow" href="http://gsap.to">gsap.to</a>(container, { y: y});여기서 y는 마우스의 현재 위치이며, 마우스를 화면 아래쪽으로 내리면 y 값은 커지게 됩니다.예를 들어:화면 맨 위에서 마우스 있으면: y = 0중간쯤이면: y = 400 (예시)화면 맨 아래쯤이면: y = 800~1000 (모니터 해상도에 따라 다름) 그렇기 때문에 지금 구조로 마우스와 .mask가 같은 위치로 되기는 어렵습니다. 전체적 구조를 다시 짜고, 스크립트도 다 다시 작성해야 합니다. 결국 교안을 다시 만들어야하는 상황입니다.ㅜ.ㅜ 죄송합니다. J.young드림

마우스 채워지는 텍스트

1번 : align는 ES6의 대입형 함수에 적용되는 화살표함수 문법입니다. function대신 ' => '를 사용해서 간결한게 작성한 함 수 표현식이구요.. 2번 😀 if조건문에 activeImage가 활성이미지가 활성되면(true) {...}을 실행하기 위해 작성된 구문으로 image를 기준요소(activeImage)와 같은 위치로 정렬하는 코드입니다 3번: fade, <a target="_blank" rel="noopener noreferrer nofollow" href="http://fade.play">fade.play</a>(), fade.reverse()는 GSAP에서 Timeline 또는 Tween인스턴스를 컨트롤하는 방식에 사용됩니다. 감사합니다

스크립트 부분이 이해가 어렵네요

채연님ScrollTrigger에서 pin:true를 사용하면 고정(pin)되는 요소의 레이아웃을 유지하기 위해 자동으로 .pin-spacer가 삽입이 되는데요 이것은 스크롤 애니메이션 중 고정영역이 밀리지 않도록 하기 위한 내부처리입니다. 자동으로 삽입되는것을 막을 수는 없지만, pinSpacer: false로 주면...원래의 레이아웃이 무너질 수 있어서 .gallery요소의 부모요소나 레이아웃을 직접 컨트롤하셔야합니다. 예를 들어 .gallery에 min-height, positon:relative 등...추가하셔서 컨트롤이 필요합니다. ScrollTrigger가 자동으로 작성하는 부분이라..그냥 두시는 것이 좋을 듯 합니다. 감사합니다^^ J.영드림

jyoung

Posts