<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> 협업 툴

</aside>

Notion

• stand up meeting을 통해 전일 개발 진행상황 , 금일 개발 목표 공유

Trello

• Notion에 작성된 stand up meeting 내용 반영
• BackLog, To-Do, In Progress, In Review(PR), Done 5개 section으로 분리하여 개발단 Agile 운영

PostMan

• BackEnd 협업 데이터 통신을 위해 API Document 공유 하여 데이터 통신

프로젝트 구현 파트

<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> 메인페이지

</aside>

• 역동적인 페이지 구현을 위한 Fade In , Fade Out
• 현재 스크롤 값을 이용하여 각각의 메인 배너 이미지가 등장하면 서서히 등장하며 현재 사용자가 보고 있는 배너가 사라지면 Fade Out 되며 서서히 사라지는 기능 구현
• 라이브러리를 사용하지 않고 계산식을 사용하여 구현

요소가 많아지면서 각각의 높이값이 달라 동일한 애니메이션을 구현하는데 어려움이 있었습니다.

⇒ 배열의 index 값을 계산식의 포함시켜 각각요소가 같은 애니메이션을 보여주도록 해결했습니다.

<aside> <img src="/icons/playback-play_gray.svg" alt="/icons/playback-play_gray.svg" width="40px" /> 네비게이션 바

</aside>