# useFullscreen

3개의 포스트
post-thumbnail

Hook 사용예제: useScroll, useFullScreen

스크롤을 사용할 때 현재 위치한 x, y좌표값에 따라 색상이 바뀌는 기능을 구현하였다.

2021년 9월 21일
·
0개의 댓글

[React] React 중급 - 실무에서 활용할 수 있는 scroll 함수 / full screen 함수 구현하기

scroll을 하면서 특정 범위에 도달하였을 때 글자색 등을 바꾸는 함수vh, viewport height수직(화면에서의 상하)으로 표현하는 전체 스크린을 상대적 크기로 반환하는 인자이다.전체화면의 기준은 100vh이다.height : '1000vh' 일 경우 전체 스

2021년 8월 25일
·
0개의 댓글
post-thumbnail

React Hooks (9) - useFullscreen

useFullscreen은 어떤 요소를 풀스크린으로 보여주는 hooks입니다.코드는 다음과 같고웹 페이지는 다음과 같이 만들어집니다. 물론 이미지는 다른 걸 사용해도 됩니다. 먼저 App 부분을 보겠습니다.우선 onFulls 함수를 보면 isFull의 true, fal

2020년 8월 12일
·
0개의 댓글