모바일 웹 페이지 작업 리스트 
  • 메인 페이지
  • 로그인 페이지
  • 고객센터 페이지
  • 상품 페이지

모바일 웹을 코딩한 후 리뷰 
  • 웹브라우저 화면과 스마트폰에 내장된 모바일 브라우저에서 원활하게 작동될 수 있도록 가이드에 맞춰서 코딩했습니다.
  • 다양한 디바이스 환경에 대응하기 위해서 부분적으로 %를 사용하였고 vh, vw 등을 적극 활용하였습니다.
  • 전체메뉴가 활성화 되었을 경우 body 요소에 '.not-scroll' 클래스를 적용하여 body를 고정 시켰습니다.
  • 브라우저별 불필요한 벤더 프리픽스(Vendor Prefix) 사용 가능성을 줄이기 위해 Prefix Free 라이브러리로 대체하였습니다.
  • 자바스크립트는 전체메뉴나 탭메뉴 등 removeClass, addClass, toggleClass 주로 이용하여 CSS 제어 하였습니다.

  • 웹사이트 포트폴리오 바로가기

    카카오프렌즈샵 모바일 웹사이트

    • HTML5
    • CSS3
    • JavaScript
  • 웹사이트 포트폴리오 바로가기

    교촌치킨 모바일 웹사이트

    • HTML5
    • CSS3
    • JavaScript
  • 웹사이트 포트폴리오 바로가기

    신한은행 모바일 웹사이트

    • HTML5
    • CSS3
    • JavaScript
  • 웹사이트 포트폴리오 바로가기

    11번가 모바일 웹사이트

    • HTML5
    • CSS3
    • JavaScript
  • 웹사이트 포트폴리오 바로가기

    국대떡볶이 모바일 웹사이트

    • HTML5
    • CSS3
    • JavaScript