Kwon Seung Hee Portfolio

  • close
    remove
    add

    • #책임감있는

    확인
  • close
    remove
    add

    • #끊임없이성장하는

    확인
  • close
    remove
    add

    • #디테일중시

    확인
    search

    Kwon Seung Hee

    • 권승희_포트폴리오.html

      웹 퍼블리셔 · 5월 8일 오후 2:00 생성됨

    Name

    권승희

    Kwon Seung Hee

    Info
    • cake

      1997 / 05 / 08

    • mobile_3

      010 - 9211 - 6867

    • mail

      seungh2258@gmail.com

    Skills

    • HTML5

    • CSS3

    • Javascript

    • jQuery

    • AJAX

    • JSON

    • Git & Github

    • Bootstrap

    • Tailwind

    • Vscode

    • Figma

    • Photoshop

    • Illustrator

    • Premiere Pro

    • After Effects

    • 3ds Max

    Archive

    기업형 PC 웹사이트 프로젝트

    • Info

    • 바로가기

      open_in_new
      info_i
      제작 스킬

      HTML5, CSS3, JavaScript, jQuery, Media Query, Ajax, Json, 그누보드 게시판,
      Figma, Photoshop, Illustrator, W3C 웹 표준 통합 마크업 검사(html/css),
      웹 접근성검사 (K-WAH), 크로스브라우징 완료

    • XHTML 1.0 기반 사이트를 HTML5와 CSS3로 재구현
    • W3C 웹접근성 검사 및 통과 완료
    • 웹표준 접근성에 맞춰 시멘틱 마크업과 아웃라인 정돈
    • php include를 활용하여 header, footer 코드의 재사용성과 유지보수의 편의성을 높임
    • 스크롤 위치에 따른 헤더 레이아웃 변형
    • JavaScript를 활용하여 index 페이지 스크롤 이벤트 적용 (서브페이지에선 aos 활용)
    • JavaScript를 활용하여 탭메뉴, 아코디언 메뉴, 이미지 슬라이드, 필터 기능 구현
    • Ajax와 Json 활용
    • swiper, map api 활용
    • 제작 기간

      약 1개월

    • 제작 인원

      1인 기여도(100%)

    • 색상
    • 폰트

      Noto Sans Korean / Roboto

    기업형 Mobile 웹사이트 프로젝트

    • Info

    • 바로가기

      open_in_new
      qr_code_2
      info_i
      제작 스킬

      HTML5, CSS3, JavaScript, jQuery, Media Query, Ajax, Json, Figma,
      Photoshop, Illustrator, W3C 웹 표준 통합 마크업 검사(html/css),
      웹 접근성검사 (K-WAH), 크로스브라우징 완료

    • 기업형 삼양식품 홈페이지를 모바일 기기에 맞춰 새롭게 구현한 모바일 웹사이트
    • W3C 웹접근성 검사 및 통과 완료
    • 모바일 환경에 맞는 터치 이벤트 중심의 UI를 설계
    • Media Query와 JavaScript를 활용하여 해상도별 이미지 최적화 서비스
    • JavaScript를 활용하여 index 페이지 스크롤 이벤트 적용
    • 가로/세로 화면전환에 따른 유동 레이아웃
    • 다양한 디바이스별 테스트
    • 햄버거 메뉴 구현
    • 제작 기간

      약 1주

    • 제작 인원

      1인 기여도(100%)

    • 색상
    • 폰트

      Noto Sans Korean / Roboto

    반응형 웹사이트

    • Info

    • 바로가기

      open_in_new
      qr_code_2
      info_i
      제작 스킬

      HTML5, CSS3, JavaScript, jQuery, Media Query, Ajax, Json,
      Figma, Photoshop, Illustrator, Premiere Pro, W3C 웹 표준 통합 마크업 검사(html/css),
      웹 접근성검사 (K-WAH), 크로스브라우징 완료

    • ‘현대자동차 N’을 주제로 한 반응형 웹사이트
    • W3C 웹접근성 검사 및 통과 완료
    • JavaScript를 활용하여 해상도에 따라 자동으로 비주얼 영역을 조정. PC에서는 영상을, 모바일에서는 사진을 자동으로 교체
    • 다양한 기기별 해상도에 최적화된 UI를 제공하기 위해 Media Query와 JavaScript를 활용하여 사용자 경험을 극대화
    • 스크롤 및 마우스 이벤트를 사용하여 자동차 사이트에 어울리는 역동적인 애니메이션 삽입
    • 그리드를 사용한 유연한 레이아웃
    • Magnific Popup 플러그인을 사용하여, 영상이 페이지 내부에 팝업되어 재생되게 구현
    • Masonry 플러그인으로 간단한 갤러리 페이지 구성
    • 제작 기간

      약 2주

    • 제작 인원

      1인 기여도(100%)

    • 색상
    • 폰트

      Orbitron / Noto Sans