![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdIKOQS%2FbtrWGd2ue5s%2FC9KyMTk5FD4EZwQuxmacM0%2Fimg.png)
[React] React Hooks (9) - useFullscreen
2023. 2. 6. 20:47
프로그래밍/React
useFullscreen 이미지를 Fullscreen으로 만드는 hooks를 만들어보자 useFullscreen Make fullscreen 버튼 클릭시 이미지 fullscreen, Exit fullscreen 버튼 클릭시 fullscreen 빠져나오기 const useFullscreen = () => { const element = useRef(); const triggerFull = () => { if (element.current) { element.current.requestFullscreen(); } }; const exitFull = () => { document.exitFullscreen(); }; return { element, triggerFull, exitFull }; }; const ..