2210박규민

GSAP로고

학습목표

GSAP을 사용한 포트폴리오 사이트 구축

학습동기 및 이유

취업을 준비하면서 포트폴리오가 매우 중요하다고 느꼈다.

기존에 노션과 같은 도구로 포트폴리오를 작성해 보았지만, 틀이 고정되어 있어 나만의 이야기를 충분히 표현하기

어렵다고 생각했다. 그래서 웹사이트를 직접 개발해 나의 포트폴리오를 자유롭게 구축하고, 내가 원하는 방식으로

개성을 담아낼 수 있는 방법을 찾게 되었다.

특히, GSAP을 사용하려는 이유는 대한민국의 퍼블리싱 기술이 아직 미국 등 다른 나라에 비해 부족한 부분이 있

다고 느꼈기 때문이다. 더 세련된 애니메이션과 부드러운 사용자 경험을 제공하는 GSAP과 같은 최신 기술을 활용

하여, 차별화된 포트폴리오를 제작하고 싶다.

학습 범위 및 내용

인프런 강의

GSAP을 사용한 웹 퍼블리싱

GSAP 기본 문법 학습 및 응용

• gsap.from(): 애니메이션 시작 상태를 정의하여 현재 상태로 이동하는 애니메이션을 만듭니다.
• gsap.fromTo(): 시작 상태와 종료 상태를 모두 지정하여 보다 정교한 애니메이션을 구현할 수 있습니다.
• gsap.set(): 특정 요소의 속성을 고정시키는 데 유용하며, 애니메이션 없이 상태를 바로 설정할 수 있습니다.