2021-06-21 (70일차) 수정 보완 시험

< 수정 보완 시험 >

LG 전자 반응형 모바일메뉴 구현

* 결과.zip 의 구성

# 결과.txt

(텍스트 파일, 항목은 : to2.kr/cKd 최하단, 주관적평가, 정답란에도 복붙)

  - 자체평가(0점 ~ 5점)

• 탑바 레이아웃 : -점(10점 만점)
• 탑바 디자인 유사도 : -점(5점 만점)
• 모바일 탑바 레이아웃 : -점(10점 만점)
• 모바일 탑바 디자인 유사도 : -점(5점 만점)
• 탑바와 모바일 탑바가 미디어 쿼리로 스위치 : -점(3점 만점)
• 모바일 탑바에서 모바일 사이드바 버튼 클릭시 모바일 사이드바 노출 : -점(3점 만점)
• 모바일 사이드바 레이아웃 : -점(10점 만점)
• 모바일 사이드바 디자인 유사도 : -점(5점 만점)
• 모바일 사이드바 노출시 화면 어두워짐 : -점(3점 만점)
• 모바일 사이드바의 어두운 부분, 또는 닫기 버튼 클릭시 꺼짐 : -점(3점 만점)
• 모바일 사이드바 노출시 전체 스크롤바(html, html > body) 없어짐(3점 만점)
• 모바일 사이드바 2차 메뉴 구현 : -점(5점 만점)
• 모바일 사이드바 3차 메뉴 구현 : -점(5점 만점)
• 전체적인 완성도(실제 사이트 기준) : -점(5점 만점)
• 전체적인 조형미(내가 만든작업물이 깔끔해 보이는 정도) : -점(5점 만점)
• 추가 작업 : -점(20점 만점)
• 총점 : -점(위 점수 총합)

- 작업 위키주소 : to2.kr/cKh

- 최종 소스코드 주소 : to2.kr/cMg

 

# 캡쳐(폴더)

- PC.jpg

- 모바일.jpg

- 모바일사이드바.jpg

- 모바일사이드바 메뉴펼침.jpg

 

# source.zip(압축파일, 최종 소스코드) - codepen 우측 하단, export, export.zip