- 미션은 요구 사항, 과제 진행 요구 사항으로 구성되어있다.
- 두 요구 사항을 만족해야한다.
- 디자인 시안을 바탕으로 자기소개 페이지를 완성한다.
- Amout me 페이지는
index.html에 작성한다. 그 외의 페이지는pages폴더에 관리한다. - 카테고리를 클릭하면 해당 페이지로 이동하도록 구현한다.
- SNS 이미지를 클릭하면 본인의 SNS로 이동하도록 구현한다.
- 문서의 언어는
ko로 설정한다. - 각 페이지의 title은
[학번] 이름 | 카테고리형식을 지켜 작성한다.
ex) [202112345] 아무개 | About me - 모든 css 코드는
/assets/styles경로에 위치시키고, 이를 링킹하여 스타일링한다. - 시멘틱 태그를 고려하여 작성한다.
- 시각장애인분들이 우리의 문서를 본다는 것을 염두하여 작성한다.
.sr-only클래스 활용하여 필요한 정보는 남기고 시각적으로는 가릴 수 있는 방안을 활용한다.- BEM 방법론을 활용하여 클래스 명을 작성한다.
div,span태그의 사용을 최대한 지양한다.- 문서의 폰트는 Google Fonts를 통해 Roboto를 임베드하여 사용한다.
- README.md 작성법은 다음을 참고한다.
- Github Pages를 통해 웹 페이지를 배포한 후, 배포 링크는 PR 내용에 기재하여 제출한다.
- 2주차 과제는 2월 25일 자정까지 제출한다.
- 미션은 frontend-introduce-css 저장소를 fork하고 clone하여 시작한다.
- 미션 완료 이후
docs/README.md에 미션을 통해 배운 내용들을 작성한다. - 과제 진행 및 제출 방법은 미션 진행 가이드 문서를 참고한다.