{"id":15635,"date":"2025-01-17T13:38:45","date_gmt":"2025-01-17T04:38:45","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=15635"},"modified":"2025-01-17T13:39:15","modified_gmt":"2025-01-17T04:39:15","slug":"react-%eb%aa%a8%eb%b0%94%ec%9d%bc-%ec%97%ac%eb%b6%80-%ed%99%95%ec%9d%b8%ec%9d%84-%ec%9c%84%ed%95%9c-hook","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=15635","title":{"rendered":"React, \ubaa8\ubc14\uc77c \uc5ec\ubd80 \ud655\uc778\uc744 \uc704\ud55c Hook"},"content":{"rendered":"<p>\ud604\uc7ac \uc2e4\ud589\ud658\uacbd\uc774 \ubaa8\ubc14\uc77c\uc778\uc9c0\ub97c \ud655\uc778\ud558\uae30 \uc704\ud55c Hook\uc785\ub2c8\ub2e4.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\r\nimport { useState, useEffect } from 'react'\r\n\r\nconst useIsMobile = () => {\r\n  const [isMobile, setIsMobile] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const checkIsMobile = () => {\r\n      const userAgent = typeof window.navigator === 'undefined' ? '' : navigator.userAgent;\r\n      const mobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(userAgent);\r\n      setIsMobile(mobile || ('ontouchstart' in window && window.innerWidth <= 1024));\r\n    };\r\n\r\n    checkIsMobile();\r\n    window.addEventListener('resize', checkIsMobile);\r\n\r\n    return () => window.removeEventListener('resize', checkIsMobile);\r\n  }, []);\r\n\r\n  return isMobile;\r\n};\r\n\r\nexport default useIsMobile;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\ud604\uc7ac \uc2e4\ud589\ud658\uacbd\uc774 \ubaa8\ubc14\uc77c\uc778\uc9c0\ub97c \ud655\uc778\ud558\uae30 \uc704\ud55c Hook\uc785\ub2c8\ub2e4. import { useState, useEffect } from &#8216;react&#8217; const useIsMobile = () => { const [isMobile, setIsMobile] = useState(false); useEffect(() => { const checkIsMobile = () => { const userAgent = typeof window.navigator === &#8216;undefined&#8217; ? &#8221; : navigator.userAgent; const mobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(userAgent); setIsMobile(mobile || (&#8216;ontouchstart&#8217; in window &#038;&#038; &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=15635\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;React, \ubaa8\ubc14\uc77c \uc5ec\ubd80 \ud655\uc778\uc744 \uc704\ud55c Hook&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-15635","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15635"}],"version-history":[{"count":4,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15635\/revisions"}],"predecessor-version":[{"id":15639,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/15635\/revisions\/15639"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15635"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=15635"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=15635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}