129일차 - 프로젝트 10일차

프로젝트

오늘이 프로젝트 2자리 수로 들어온 날이다.
저번 프로젝트에 비해서 진행속도가 빠른 동시에 느리다.

• 빠른점은 하나 하나 새로운 기능을 새롭게 습득하면서 적용하는 속도가 빨라졌다.
  비교가 되지 않을 정도로 서칭속도와 적용속도가 빨라진 것이 느껴진다.

• 느린점은 하나의 컴포넌트 만드는 속도가 매우 느리다.
  Main 컴포넌트를 제작하기 시작한지 벌써 2일이 지났지만, 아직 완성이 되지 않았다.

물론 주요한 페이지라서 길게 일정을 잡긴했지만, 마음이 급박해 지는 것은 사실이다.
빠르게 완성하기 보다는 생각한 대로 잘 구현하자는 생각으로 제작에 임해야겠다.

Dev Log

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

• 팀원들과 Font-Family를 적용시켰다.
• MainPage를 수정하고, Scroll이벤트를 넣었다.

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

• 스크롤 스냅 이벤트를 넣기위해 서칭과 적용 과정이 어려웠다.

먼저 상위 컴포넌트인 Main.js에 아래와 같이 코드를 넣고

const MainContainer = styled.main`
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
`;

하위 컴포넌트인 LandingPage와 OtherPages에 scroll event를 추가했다.

scroll-snap-align: start

이렇게 적용하니 Footer를 넣으면 제대로 스크롤 이벤트가 작동하지 않아서 Footer에는 다음과 같이 코드를 넣었다.

if (window.location.pathname === '/') {
    return null;
  }

Main 페이지로 갈때 Footer가 랜더링되는 것을 막은 것이다.

그래서 Main 페이지로 갔을때 랜더링할 새로운 Footer를 만들어야 한다.

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

• Main page Footer 완성
• MainPage 레이아웃 다시 잡기