[이서용][08/11]

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

- 랜딩 페이지의 페이지 이동 효과 및 로딩 인디케이터를 추가하였고, swiper의 css를 리액트 상태에 맞춰서 변하도록 설정하였습니다.

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

- nav에서 올려 준 컴포넌트 정보를 index.js에서 렌더링 하는 형식으로 구상하였으나, 해당 컴포넌트에 다시 props를 내려줘야 하는 상황이 발생하여 다음과 같이 처리하였다.

```js
export default function Home() {

const [component, setComponent] = useState(); // 컴포넌트를 상태로 저장
const [isWhite, setIsWhite] = useState(false); // 색 반전 상태

const componentHandler = (e) => { // 컴포넌트 세팅
setComponent(e);
};

const colorHandler = (e) => {
if (e === 1) {
setIsWhite(true);
} else {
setIsWhite(false);
}
};

return (

// 랜딩 컴포넌트의 경우에만 colorHandler를 props로 내려야 하므로, type의 name으로 조건문을 비교하도록 설정
{component.type.name === 'Landing' ? : component}

componentHandler(e)}
isWhite={isWhite}
/>

);
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [ ] 프로필 랭킹 등 나머지 페이지 구성