<p>js파일안의&nbsp;<span style="background-color: #263238; color: #eeffff; font-family: Consolas, 'Courier New', monospace; font-size: 14px; white-space: pre;">TweenMax.from</span>&nbsp; 이런식으로 이벤트설정을 해주셨는데요</p>
<p>TweenMax를 어느 변수로 설정(?) 한건지 안적어놨는데도 가져올수있는게 html파일의 cdn 덕분인건가요?</p>
<p></p>
<div style="color: #eeffff; background-color: #263238; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>TweenMax<span style="color: #89ddff;">.</span><span style="color: #82aaff;">to</span>(window<span style="color: #89ddff;">,</span>&nbsp;<span style="color: #f78c6c;">2</span><span style="color: #89ddff;">,</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;scrollTo<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;y<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #89ddff;">'</span><span style="color: #c3e88d;">.bottom</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #89ddff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #546e7a; font-style: italic;">//autoKill:&nbsp;true</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #89ddff;">},</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;delay<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">1.7</span><span style="color: #89ddff;">,</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;ease<span style="color: #89ddff;">:</span>&nbsp;Power4<span style="color: #89ddff;">.</span>easeInOut<span style="color: #89ddff;">,</span></div>
<div>&nbsp;&nbsp;<span style="color: #89ddff;">}</span>)<span style="color: #89ddff;">;</span></div>
</div>
<p>위의 코드에서 TweenMax 부분을 임의로 다른 식으로 고쳐서 사용해도되나요 예를들면</p>
<p>아래 처럼요</p>
<div style="color: #eeffff; background-color: #263238; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>Tween<span style="color: #89ddff;">.</span><span style="color: #82aaff;">to</span>(window<span style="color: #89ddff;">,</span>&nbsp;<span style="color: #f78c6c;">2</span><span style="color: #89ddff;">,</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;scrollTo<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #89ddff;">{</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;y<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #89ddff;">'</span><span style="color: #c3e88d;">.bottom</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div>
<div><span style="color: #89ddff;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #546e7a; font-style: italic;">//autoKill:&nbsp;true</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #89ddff;">},</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;delay<span style="color: #89ddff;">:</span>&nbsp;<span style="color: #f78c6c;">1.7</span><span style="color: #89ddff;">,</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;ease<span style="color: #89ddff;">:</span>&nbsp;Power4<span style="color: #89ddff;">.</span>easeInOut<span style="color: #89ddff;">,</span></div>
<div>&nbsp;&nbsp;<span style="color: #89ddff;">}</span>)<span style="color: #89ddff;">;</span></div>
</div>

<p>안녕하세요 cdn 으로 tweenmax 를 로드해서 사용가능합니다. Tween은 안되고요. TweenLite 는 됩니다. var tween = TweenMax('..... 이렇게 변수 선언을 할 수는 있습니다.&nbsp;</p>

Inflearn Community Q&A

TweenMax 질문있습니다.