Front-end Development,
Publising, UXUI
G Y U R I
More special, More meticulous. More special, More meticulous. More special, More meticulous.
More special, More meticulous. More special, More meticulous. More special, More meticulous.
웹에이전시 경력 1년 5개월
WEB PROJECT 66 +
ALL RENEWAL PROJECT 42 +
깔끔하고 효율적인 코드를 그리고, 가장 어울리는 모션을 칠해
호기심을 자아내고, 브랜드를 잘 표현해낸 사이트를 만들고 싶습니다.
새로운 것에 대한 강한 호기심과 매일 조금씩 성장하는 성실함은
빠르게 변화하는 웹 시장에서 진가를 발휘할 것이라고 생각합니다.
![](./images/contents/about-img.jpg)
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
PROJECTPROJECTPROJECT
STUDY
STUDY
새로운 것을 공부하는 것을 좋아합니다.
가지고 있는 지식을 바탕으로 가장 적절한 코드를 만들어 낼 때 즐거움을 느낍니다.
큰 노력이 모여 작은 디테일의 차이를 만들고,
그 작은 디테일의 차이가 결정적인 역할을 하는 것도 알고 있습니다.
현재의 나를 알고, 가능한 기준을 세워 조금씩 나아가는 것.
저의 하루하루의 목표입니다.
STUDY
![](./images/contents/study-svg.gif)
![](./images/contents/study-ranking.gif)
JS - Ranking SPA
바닐라 자바스크립트로 구현해 본 랭킹 애플리케이션 입니다.
node.js, parcel, babel, json-server 등을 사용하였고, 컴포넌트 관리로
로그인하면과 랭킹 리스트 화면을 구현하였습니다.
![](./images/contents/study-studyplanner.gif)
React - Study Planner
유튜브 "코딩앙마 - 리액트"를 보고 배운 내용을 응용하여 스터디 플래너를 만들어 봤습니다. 스킬 / 스터디 / 강의 등 추가 삭제가 가능하고, 체크하여 공부 완료 표시가 가능합니다.
VIEW MORE![](./images/contents/study-yt1.jpg)
![](./images/contents/study-yt2.jpg)
Plugin - YTPlayer
유튜브 소스를 가져오는 방법 중 하나로, 스크립트로 제어하거나 커스텀하기 위해 사용하는 플러그인 입니다.
1. 커스텀 및 스크립트 제어 2. youtube api 키를 활용하여 내용 가져오기![](./images/contents/study-swiper.gif)
![](./images/contents/study-kakaomap.gif)
![](./images/contents/study-youtube.jpg)
언제든지, 편하게 연락주세요!
fnffkdll@naver.com