138일차 - 프로젝트 19일차

Dev Log

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

• MainPage 마지막에 다시보고 싶은 section을 누르면 부드럽게 slide되어서 올라가는 애니메이션을 구현했다.
• 스크롤을 내릴시 video가 나타나는 애니메이션을 구현하기 위해 gsap라이브러리를 공부하고 있다.
• MainPage 버튼을 눌렀을때 각 페이지로 이동하게 수정했다.

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

• MainPage 마지막에 slide되서 처음으로 돌아가는 애니메이션을 넣고 싶었는데 전에 실패했었다. 다시 공부해서 시도해보니 구현되었다.

우선 돌아가고싶은 section에 id같을 주고 예시 <section id='landing'>LandingPage</section>
아래 코드처럼 a태그 href에 새로고침하지 않는 #를 넣고 이동하고 싶은곳의 id를 넣으면 된다.

  <a href='#landing>처음으로</a>

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

• 오늘 성공하지 못한 mainpage 애니메이션을 추가할 것이다.

추가