web-introduction 저장소를 기반으로 미션을 진행한다. 저장소를 자신의 계정으로 Fork 한다.
- 'introduction' 폴더는 'html' 폴더와 'images' 폴더로 이루어져 있습니다.
- 'html' 폴더에는 HTML 종류의 파일을 저장합니다.
- 'images' 폴더에는 이미지 파일을 저장합니다.
- HTML 파일의 인코딩 방식은 'UTF-8' 입니다.
- 이미지 파일의 경로는 모두 상대 경로가 기준입니다.
-
<head>안에는<meta charset="utf-8">을 집어넣습니다. -
<title>은 재량 - 본문은
<div>로 적절히 화면을 나누어야 합니다. - 적절히
<h#>으로 섹션을 구분하여 주세요. - 본인의 이름과 간단한 자기소개가 문단으로 구성되어 있어야 합니다.
- 인생 영화 BEST5를 표로 정리하여 보여주세요.
- 영화의 포스터와 바로가기 링크(네이버 영화)는 꼭 있어야 합니다.
- 방문자가 남길 수 있는 방명록이 있어야합니다.
- 이름은
<input>으로 type은 'text'입니다. - 방문자가 본인의 취향의 영화를 고를 수 있도록 체크박스 형태로 제공합니다. (예시 파일은 라디오버튼으로 되어 있어 오류!)
- 이름은
- 등록 버튼과 취소 버튼이 있어야 합니다.
- 등록 버튼은
<button>을 사용하며 type은 'button'입니다. - 취소 버튼은
<button>을 사용하며 type은 'reset'입니다.
- 등록 버튼은
- 본문에 관한 자세한 요구 사항 예시 파일을 참고해 주세요!
방명록에 등록한람 이름(OOO)과 일치하는 취향의 개수(N)를 조사하여 “OOO님, 저와 N개의 취향이 같으시네요!"라는 Alert를 띄워 주세요.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent