홈화면 바로가기

SVG - Study & Sample

svg 공부하면서 정리한 애니메이션 예제 리스트 입니다.
배운것을 토대로 구현해보거나, 타 사이트를 보고 구현해보았습니다.

JS - Ranking SPA

바닐라 자바스크립트로 구현해 본 랭킹 애플리케이션 입니다.
node.js, parcel, babel, json-server 등을 사용하였고, 컴포넌트 관리로 로그인하면과 랭킹 리스트 화면을 구현하였습니다.

React - Study Planner

유튜브 "코딩앙마 - 리액트"를 보고 배운 내용을 응용하여 스터디 플래너를 만들어 봤습니다. 스킬 / 스터디 / 강의 등 추가 삭제가 가능하고, 체크하여 공부 완료 표시가 가능합니다.

Plugin - YTPlayer

유튜브 소스를 가져오는 방법 중 하나로, 스크립트로 제어하거나 커스텀하기 위해 사용하는 플러그인 입니다.

Plugin - Swiper Slide

슬라이드 플러그인으로 주로 사용하는 Swiper slide 를 커스텀하여 각종 슬라이드 예제를 정리해두었습니다.

API - Kakao Map

카카오맵 api 를 활용하여 길찾기 라인을 그리는 애니메이션 효과를 적용한 예제 입니다.

API - youtube

youtube api 스크립트를 활용하여 유튜브 동영상 제어 방법을 적어 정리했습니다.