Horizontal scroll with mouse drag

overflow-x : scroll로 짜여진 컨텐츠에 마우스 드래그로 이동 가능하도록 구현했습니다.

2020년 11월 29일

[PDFjs] Custom Viewer

pdfjs를 사용하여, 커스텀 뷰어를 제작했습니다.

2020년 8월 2일

Firebase에 deploy한 React 프로젝트의 새로고침 문제 해결

Firebase에 deploy한 React 프로젝트에서 새로고침 실행시 라우팅 적용이 안되고 404페이지로 빠지는 현상을 수정

2020년 6월 15일

Scroll Magic with GSAP

scroll magic 과 gsap 라이브러리를 활용하여 스크롤 애니메이션을 만들었습니다.

2020년 5월 3일

Gulp with PHP, Sass, Javascript (Watching, Minifying, Live Reload)

gulp를 통해 css, js, img 파일들을 최적화하고 수정을 감지하여 live reload가 되도록 gulpfile.js 작성했습니다.

2020년 4월 26일

Context API with Hooks + PWA (투두리스트 연습)

React Context API 와 Hooks를 이용하여 간단한 두투리스트 앱 만들었습니다.

2020년 7월 16일

Scroll Header Practice

scroll에 반응하는 header, draggable slide layer popup 연습

2020년 3월 29일

WordPress with GraphQL, Apollo

WPGraphQL + Apollo + React 를 사용하여 WordPress 연결하기

2021년 1월 7일

React Hooks를 이용한 통합검색 만들기

워드프레스 api로 포스트 통합검색 구현 연습을 했습니다.

2020년 3월 24일

Swiper Fullpage scroll animation

Swiper 플러그인을 사용한 풀페이지 스크롤 애니메이션을 구현했습니다.

2020년 3월 23일

리엑트 뉴스앱 만들기

리엑트 커스텀 훅, axios, url 파라미터를 활용한 라우터 연습

2020년 3월 23일