0

PORTFOLIO

PORTFOLIO

FRONTEND

IT NEEDS GREAT SITE

WEBSTANDARD

웹 표준을 준수한 기본 형태의 사이트입니다.
모든 사용자가 사용에 불편함이 없도록 웹 접근성을 고려해 코딩했습니다.
슬라이드 배너를 구현하기 위한 slick.js, 이미지 갤러리를 구현하기 위한 lightgallery.js 등
jQuery 플러그인들을 사용하여 동적 효과를 주었습니다.

SITE VIEW CODE VIEW

RESPONSIVE

웹 표준을 준수한 기본 형태의 반응형 사이트입니다.
모든 사용자가 사용에 불편함이 없도록 웹 접근성을 고려해 코딩했습니다.
동적 효과를 위해 jQuery 플러그인들과 마우스 오버 이펙트를 활용하고, 비디오를
화면에 출력하기 위해 iframe 태그를 사용했습니다.

SITE VIEW CODE VIEW

PHPSITE

웹 표준을 준수한 기본 형태의 PHP 사이트입니다.
모든 사용자가 사용에 불편함이 없도록 웹 접근성을 고려해 코딩했습니다.
MySQL 연동 으로 DataBase에 회원관리와 게시물을 저장 등 기본적이고 동적인
웹사이트를 코딩하였습니다.

SITE VIEW CODE VIEW

REACTSITE

React 라이브러리를 이용하여 작업한 포트폴리오 사이트입니다.
컴퍼넌트를 생성하여 싱글페이지를 출력시켰고 레퍼런스의 탭메뉴를 구현하였습니다.
또한 SCSS를 사용하여 스타일을 지정하였고,
Youtube 페이지에서 API를 이용한 동영상 목록과 검색이 가능합니다.

SITE VIEW CODE VIEW
VUEWORK VUEWORK

VUESITE

Vue 라이브러리를 이용하여 작업한 포트폴리오 사이트입니다.
컴퍼넌트를 생성하여 싱글페이지를 출력시켰고 레퍼런스의 탭메뉴를 구현하였습니다.
또한 SCSS를 사용하여 스타일을 지정하였고,
Youtube 페이지에서 API를 이용한 동영상 목록과 검색이 가능합니다.

SITE VIEW CODE VIEW

JAVASCRIPT

javascript를 이용해 버튼을 누르면 음악이 재생되는
뮤직 플레이어 컨텐츠입니다.

MUSIC
PLAYER

Javascript를 이용해 테트리스 게임 컨텐츠입니다.

TETRIS
GAME

Javascript와 Weather API를 이용하여 실시간으로
날씨를 알 수 있는 날씨 앱 컨텐츠입니다.

WEATHER
APP

ANIMATION

Svg Bubble
Animation

Canvas
Animation

Canvas
Animation

Info

  • 이메일
  • 연락처
  • 카카오
  • 인스타
  • 깃허브
  • 피그마
  • 노션

Skill