[이서용][08/18]

### 오늘은 어떻게 프로젝트에 기여했나요?

- 랜딩 페이지 및 어바웃 페이지에 GSAP을 이용한 텍스트 페이드 인/아웃 효과를 구현하였습니다.

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 리액트에 GSAP을 적용하는 부분이 처음에 헷갈렸으나 useState와 useRef을 이용한 두 가지 방법이 있다는 것을 알게되었고, 여러 객체를 묶기 쉬운 useState를 사용하기로 하였습니다.

```js
import React, { useEffect, useState } from 'react';
import gsap, { Power4 } from 'gsap';

export default function About() {

const [textTl] = useState(gsap.timeline({ repeat: -1 })); // timeline을 state 에 담아 사용하는 방법
const text = {};

useEffect(() => {
textTl
.to(text.text1, {
duration: 2, // transition 효과
opacity: 1, // 초기 값을 0으로 둔 뒤 1로 바뀌며 페이드 인
y: 15,
ease: Power4.easeOut,
}, 0)
// ... 엘리먼트 별 애니메이션 효과
});

return (