[✍️ Dev Log] 이우성 / 2021-05-18

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

- #103 useScrollFadIn 애니메이션 hook 제작
- #101 Landing Part-2 디자인 및 애니메이션 추가
- #102 Landing Part-3 디자인 및 애니메이션 추가
- #108 Landing Part-4 디자인 및 애니메이션 추가
- #109 Landing Part-5 디자인 및 애니메이션 추가



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

랜딩 페이지 part-2 부분에서 이미지를 스크롤 내려서 part-3까지 끌고 오는 3D 효과를 작업하고 있다.

일정 스크롤 위치에서 나타났다가 일정 스크롤 위치에서 다시 사라지게 해주고 있다. `display: none` 은 `trainsition`이 먹지 않아서 당황했다.

그래서 `opacity`로 다시 도전해보려고 한다. 처음에는 Ref로 이미지에 접근을 해서 시차 라이브러리인 rellax를 사용해서 시간차를 주려고 했는데, 텍스트에서는 잘 되는데 이미지가 잘 안되어서 애먹었다.

결국 이미지는 해답을 찾지 못했고, fixed를 주어서 일정 스크롤에서 opacity효과를 주려고 한다. 생각보다 3D 효과가 내 마음대로 움직이질 않아서 삽질을 정말 많이 하고 있다.

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

- [ ] Landing Part-6 구현