사이트 주소: https://www.nytimes.com/

뉴욕 타임즈를 구현해보았습니다.

원래 사이트는 20 그리드 시스템을 이용해

그리드를 컬럼으로만 나눠서 구현했으나

처음 구현할 당시 col만 사용해 어떻게 구현했는지 감이 안잡혀서

저는 그냥 row도 사용해서 구현했습니다.

사이트의 내용과 레이아웃이 매일 바뀌어서 섹션마다 날짜가 다른 내용과 레이아웃이 되었습니다.

• 헤더와 상단바의 Visibility: 사용자 상호작용에 따라 보이거나 숨김

• 사이드바 토글: 사이드바 체크박스 상태에 따라 숨기고 표시

  자바스크립트로는
  간단하게 헤더와 상단바 사이드바 visible 만 구현했습니다.

  헤더 같은 경우는 스크롤을 일정 이상 내려야 내려오는 식으로 구현되어 있어서

  css만으로 처리하기 힘들다고 판단되었습니다

  사이드바는 checkbox를 사용해서 css만으로 구현하려했으나

  역시 상위 요소에 있어서 자바스크립트를 사용하였습니다

과제readme를 사이트를 반쯤 구현하고나서 확인해버리는 바람에 scss같은 전처리도구를 활용하지 못한것이 너무 아쉽습니다.