1️⃣ favicon 추가

• 아래 이미지와 같이 웹 페이지 접속 시 창 이름 좌측에 표시되는 이미지를 추가

  

• 추가되는 이미지 파일은 .ico 확장자를 가지며, HTML의 head 태그 내에 아래 link 태그를 추가

  • <link rel="shortcut icon" href="ico 파일 경로">

2️⃣ 너비에 따른 화면 표시 최적화

• 아래 이미지와 같이 웹 상에서 화면 너비를 줄이거나 모바일 상에서 웹 페이지를 접속할 경우, 너비에 맞춰 글자 크기, 이미지 배열 등이 조정 되도록 수정

  

• px 단위가 아닌 %, rem 등의 크기 및 길이 단위 사용 및 CSS 파일 내 @media 규칙 적용

3️⃣ 사용 이미지 등 저작권 및 출처 표시

• 해당 웹 페이지는 교육 및 학습 목적으로 제작되었다는 사실과 웹 페이지 내 사용된 여러 이미지 및 자료들의 저작권이 원저작자에게 있음을 밝히기 위한 문구 추가

• 상세한 출처는 추가 페이지를 통해 확인할 수 있도록 링크