profile
PUBGYU

[Mobile] 모바일 브라우저 위로 끌었을때 새로고침 기능 비활성

스크롤 하면서 url바가 노출되고 히든 될때마다 의도하지 않은 resize가 발생하고 그렇다고 resize를 막자니 막상 resize를 해야 되는 경우가 생기게 되었다.컨텐츠를 position:fixed나 overflow:hidden등 스크롤에 막아 버리고 touch를

2021년 11월 5일
·
0개의 댓글
·

[Gulp] gulp #1

버전 확인하기 (미설치거나 버전이 낮다면 설치및 업데이트를 하자)작업 폴더에 npm install를 하자 (node_modules 과 package.json 생성)npm babel preset을 설치해준다.package.json에 해당 코드를 넣어주자같은 디렉토리에 g

2021년 11월 5일
·
0개의 댓글
·

[Motion] SVG canvas mask

내가 만들어서 내가 쓰자 svg canvas mask pluginsvg 과 일반 이미지로 canvas - globalCompositeOperation 속성을 이용하여 mask animation을 보여줌1.script import2.html 소스상에 canvas 태그가

2021년 11월 4일
·
0개의 댓글
·
post-thumbnail

[Motion] Sequence motion

심심해서 만들어본 Sequence motion plugin - V1.0시퀀스 이미지와 canvas 를 이용하여 재생 및 스크롤 모션 제어1.script import2.html 소스상에 canvas 태그가 있어야 한다3.함수 선언해주고 인자 넣기4.자동재생은 무조건 au

2021년 11월 4일
·
0개의 댓글
·

[Mobile] style 100vh

스타일로 100vh 속성을 많이 사용을 하였다.일반 적인 브라우져에서는 큰 이슈는 없었지만 모바일 환경에서는 이슈가 꽤 있었다.그냥 볼땐 문제가 없지만 스크롤을 할 경우 url바가 hidden 하는 상태가 되면서 resize event는 일어나지만 100vh의 값은 처

2021년 11월 4일
·
0개의 댓글
·

[scroll] IE window 10 Smooth scroll Option 이슈

스크롤 모션을 하면서 기존엔 position:sticky를 넣어 고정 시킨후 모션을 취하는 방식을 사용했었다.하지만 IE는 sticky를 지원하지 않았고 대안 방법으로 디폴트는 position:relative 나 absolute 를 사용하고 고정이 될때 fixed로 고

2021년 11월 4일
·
0개의 댓글
·
post-thumbnail

[Svelte] 스벨트를 써볼까?

주변에서 스텔브에 이야기가 들려 오고 있다. 늦게 듣는거 같기도 하다.장점으로는 빠르고 입문자들도 쉽게 할수 있다고 하는데쉬운 만큼 이 블로그의 첫 글을 스벨트 시작하려고 한다.장점1\. 리엑트나 뷰에 비해 빠르다. (가상 DOM을 쓰지 않아서 빠르다고 하는데 이유는

2021년 11월 2일
·
0개의 댓글
·