728x90
반응형
[HTML+CSS+JS(jQuery)] 인프런 메인페이지
Demo : https://clone-coding-inflearn.firebaseapp.com/
Github : https://github.com/kangyongseok/my-result/tree/master/html_css_js/clone_Inflearn
Inflearn Clone Coding
- html + css + JavaScript(Jquery)
- 메인 페이지만 구현
- 제작기간 약 2일
추가할사항
- 소셜로그인 기능
- 회원가입 및 일반 로그인 기능
- 로그인시 메인화면에 로그인사용자 정보
- 반응형으로
프론트엔드 체크리스트 보면서 수정사항 반영
- 반응형 웹 디자인을 위한 Viewport 설정
- Meta Description 추가
-
<html lang="ko">언어속성 추가 - 모든 CSS 파일이
<head>내에서 자바스크립트 파일보다 이전에 로딩이 완료됨 - W3C 의 validator를 이용하여 테스트 되어야 함
- 페이지 내에 깨진 링크는 없는지, 404 에러가 존재하지 않는지 다시 한번 확인하도록 함
- 반응형 웹 디자인
- 벤더 프리픽스 Autoprefixer CSS online
- 어떠한 경우에도 CSS를 직접 임베딩하거나 인라인으로 사용하지 마시오!
- HTML 코드와 섞어 자바스크립트 코드를 인라인으로 포함하지 않도록 하시오
- 홈페이지 뿐 아니라 모든 페이지가 테스트 완료 되었고 최소한 100점 만점 90점은 획득하였음
-
<nav>태그가 role="navigation" 속성값을 가지고 있음 -
<main>태그가 role="main" 속성값을 가지고 있음 - 접근성 표준 테스트
728x90
반응형
'지난포스트 (deprecated) > Result (deprecated)' 카테고리의 다른 글
| [VanilaJS] Mometum 제작 (0) | 2018.12.27 |
|---|---|
| 공공데이터 API 활용 - 상품정보 불러오기 (0) | 2018.11.20 |
| ReactJS Facebook Login (0) | 2018.11.15 |
| Create ReactJS tutorial todo-list (0) | 2018.11.14 |
| [코딩애플] javascript 활용한 쇼핑몰 기능 구현 (0) | 2018.11.13 |