[이서용][08/16]

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

- 네비게이션 관련 각종 오류 및 작동 방식을 수정하였습니다.

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

- 우측 면에 숨겨진 네비게이션 컨테이너가 보이는 현상 때문에 네비게이션을 클릭하였을때 펼쳐지는 방식을 X축 이동이 아닌 width 변경으로 바꾸게 되었습니다. GSAP을 수정하여 해결할 수 있었습니다.

```js

useEffect(() => {
menuTl
.to(menuBars.back, {
duration: 0.25,
width: 420, // 클릭과 동시에 기본값 0에서 420px로 넓어지도록 하였습니다.
opacity: 1
}, 0)
.reverse();
}, [
menuBars.back,
menuTl
]);
```
```css
/* Nav */

.container {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
/* 다음과 같이 처음에는 넓이를 가지지 않도록 하였습니다. */
width: 0;
height: 100vh;
border-radius: 80px 0 0 80px;
background-color: $gray;
z-index: 15;
opacity: 0;
```

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

- [ ] 랭킹, 프로필 컴포넌트 구성