Topic #1 React 스크롤 애니메이션 구현

목적

React에서 스크롤 애니메이션을 구현하는 다양한 방법 탐구하기

미션 정보

토픽 운영자: @abyss-s

• 미션 개시 : 3/31(월) 예정
• 미션 제출 : 4/3(목) 예정

기능 요구 사항

• 사용자가 스크롤을 내리면 각 이미지가 순차적으로 애니메이션 효과와 함께 나타나야 합니다.
• CSS 애니메이션, GSAP, Framer Motion 등을 사용해 애니메이션을 구현합니다.
• 성능 최적화를 고려하여 불필요한 리렌더링을 방지해야 합니다.
• 원본 레포지토리의 main 브랜치로 Pull Request(PR)를 생성합니다.
  • PR 제목은 [Topic #1] 이름 미션 제출 형식으로 작성합니다.
  • PR 본문에는 구현한 애니메이션을 구현한 방법을 구체적으로 기재합니다.

기술 스택

• React
• CSS 애니메이션 / GSAP / Framer Motion 등 선택

코딩 컨벤션

• 코드 스타일은 Airbnb JavaScript 스타일 가이드를 준수합니다.

참고 자료

• GSAP 공식 문서
• Framer Motion 공식 문서
• CSS 애니메이션 가이드