난로회 클론 코딩 프로젝트 회고 및 분석

1. 깔끔한 웹 사이트

---

2. 인터랙티브 (마우스 커서, GNB, 스크롤 등)

---

3. 웹 표준 준수

---

4. 웹 접근성 준수 오류가 없었다.

---

5. 올바른 태그

---

6. 반응형 태그

---

클론 코딩 회고 및 성장과 배움

1. header 마크업 아쉬움(내 마크업이랑 현 사이트 마크업이 다름) 이를 통해 배움

  1-1. 반응형 웹 구현 어려움과 js 어려움

  1-2. 개발자 모드에서 마크업 분석하고 변경하면서 배움(변경한 내용 보기, git 코드 보기)

2. 슬라이더 마우스 빠르게 드래그 시 깜빡임 아쉬움(내 노트북 기준) 또한 드래그 제어 아쉬움

3. 스타일 rem, min-width 미디어쿼리, bem?, 공통된 스타일 외 hover까지 공통 요소

4. 웹 접근성 준수 / 웹 접근성 검사 후 오류 없음

  4-1. 웹 접근성 대체 텍스트 관련하여 더 많은 이해도

  4-2. 이미지 alt, wai-aria, role 등 웹 접근성을 위한 HTML 속성

  4-3. 학습 후 타 사이트 확인하니 시야가 넓어졌음 더 성장함

5. 이미지 태그 alt 대체 텍스트 사용 방법 배움

6. img 태그를 figure 태그로 래핑했는데 div 태그로 래핑 / 올바르게 태그를 사용 권장할 것

 

클론 코딩 경험

1. gnb hover, 자동 롤링 js 사용하지 않고 구현

2. 슬라이더 제외하고 바닐라 자바스크립트로 ui 구현

3. 페이지 로드 전 로딩 ui 구현