/naver-mobile-clone

scss를 활용하여 네이버 모바일 클론📱

Primary LanguageHTML

📌 과제 설명

  • 네이버 모바일 메인 레이아웃 클론

원본 레포지토리는 private이기 때문에 현재 레포지토리는 복사본입니다.

👩‍💻 요구 사항과 구현 내용

네이버 모바일 메인 클론

👉🏻 배포주소: naver-mobile-clone.vercel.app

default.mp4

기본 요구사항

  • SCSS로 스타일을 작성하세요.
  • 작성된 SCSS를 CSS로 컴파일하세요.
  • 제출 프로젝트에 확인 가능한 HTML, CSS, SCSS 파일이 모두 포함돼야 합니다.
  • 브라우저에서 정상적으로 출력돼야 합니다.
  • @media를 활용해 반응형 레이아웃으로 구현해야 합니다.

선택 요구사항

  • JS가 필요한 부분은 생략하고 이유를 명시해 보세요.(CSS로 대체 가능한지 피드백이 있을 수 있어요)
  • JS가 필요한 부분 중 구현할 부분이 있다면 자유롭게 구현해 보세요.
  • 레거시 코드 활용보단 최신의 CSS Flex와 Grid를 활용해 보세요.
  • 시멘틱 태그를 최대한 활용해 보세요.
  • SCSS 컴파일에 Webpack이나 Parcel 같은 번들러를 활용해 보세요.
  • BEM 방법론을 도입해 보세요.