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

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

강의 문의드립니다.

mo3om_98님안녕하세요? 파일을 확인해보니 제가 실수로 파일을 중복해서 올렸네요학습하시는데 불편을 드려 죄송합니다.72.는 삭제하도록 하겠습니다.그리고 말씀하신 visual영역 하단 내용은 텍스트 마스크 애니메이션효과로 73번에 강의에레이아웃은 다르지만 더 쉽게 이해되실 수 있도록 올린겁니다.답이 늦어져 정말 죄송합니다. 감사합니다.J.young드림

강의 문의드립니다.

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

마우스 채워지는 텍스트

안녕하세요? green님본 강의 구조에서는 y축의 위칫값에 따라 높이값이 달라지는 구조입니다.gsap.to(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, fade.play(), fade.reverse()는 GSAP에서 Timeline 또는 Tween인스턴스를 컨트롤하는 방식에 사용됩니다.감사합니다

scrolltrigger pin-spacer 영역 없애는 법 있나요?

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

scrolltrigger pin-spacer 영역 없애는 법 있나요?

채연님답이 늦어 죄송합니다.확인한 후 답드리도록 하겠습니다감사합니다

선생님 완성본 문의드립니다.

제니님~ 메일로 보내드릴께요^^

선생님 완성본 문의드립니다.

제니님 후기 이벤트에 참여부탁드려요~~

simplyscroll Plugin에 대해서 질문드립니다.

kwanggony님파일을 보내주시면 확인하고 답드리도록 하겠습니다jjjh523@nate.com으로 모든 파일을 압축하여서 보내주세요^^J.young드림