week1.md

2024년 겨울 Frontend 온보딩 1주차: HTML과 CSS로 웹 페이지 구현하기

✏️ 1주차 과제 요구 사항

• 요구 사항 명세서를 읽어보고 HTML과 CSS를 이용하여 외부 라이브러리 없이 페이지들을 구현해보자.
  • JavaScript를 이용한 기능들은 2 & 3주차에서 구현할 예정이므로, 버튼과 달력, 모달 등은 동작하지 않아도 된다.
• 아이콘과 같은 asset은 Bootstrap Icons 라이브러리를 사용한다.
  • 이때, 라이브러리 사용을 방지해 asset은 svg의 형태로 삽입한다.
  • 본인이 직접 넣고 싶은 asset이 있다면 추가해도 괜찮다.
• (심화) 현재 Figma는 다크모드로 디자인 되어 있는데, 라이트모드 & 다크모드를 전환할 수 있는 기능을 추가로 구현해보자.
• 코드는 읽기 쉽고 유지 보수가 용이하도록, 또한 확정 가능성을 고려하여 작성되어야 한다.
• 최종 디렉토리 구조는 다음과 같다. 아래의 구조는 중요한 디렉토리/파일 만을 나타낸 것이므로 아래와 완전히 동일할 필요는 없으나, 전체적인 구조는 따르도록 한다.

├── docs
├── public # 정적 파일을 저장하는 디렉토리
│   └── index.html
├── src # 소스코드를 저장하는 디렉토리
│   ├── assets # 이미지, 폰트 등의 자원을 저장하는 디렉토리
│   │   ├── fonts
│   │   └── images
│   └── styles # 스타일시트를 저장하는 디렉토리
└── README.md