JavaScript로 알림을 보내는 방법(10줄 미만의 코드)

면책 조항: '10줄 미만의 코드'라는 제목의 의미는 JavaScript 코드의 줄 수를 의미합니다.

가장 원하지 않는 시간에 팝업되는 성가신 알림을 알고 계십니까? 오늘은 10줄 미만의 Javascript로 데스크톱/모바일 반응형 푸시 알림을 만드는 방법을 알려드리겠습니다.

1단계(설정)



Visual Studio 코드를 엽니다. 아직 설치하지 않은 경우 아래에서 설치할 수 있습니다.
https://code.visualstudio.com/

그런 다음 빈 폴더(파일>폴더 열기)를 열고 해당 폴더에 index.html이라는 파일을 추가합니다.


2단계(코딩)



이 코드를 html 파일에 복사하십시오.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notification Test</title>
</head>
<body>
    <button id="btn">Test</button>
    <script>
        document.getElementById('btn').onclick = notify
        function notify(){
            Notification.requestPermission().then(permission => {
                if (permission === "granted"){
                    new Notification("Test Notification", {
                        body: "More Text",
                    })
                }
            })
        }
    </script>
</body>
</html>


3단계(코드 실행)



사이드바에서 확장 프로그램 버튼을 선택한 다음 라이브 서버를 검색합니다.



첫 번째 옵션을 선택하고 설치하십시오. 이제 index.html 파일을 열고 마우스 오른쪽 버튼을 클릭한 다음 라이브 서버로 열기를 선택합니다. 브라우저에서 잠금 버튼을 클릭하여 알림을 활성화하는 것을 잊지 마십시오.

결론



이 튜토리얼을 즐기셨기를 바랍니다!

이 게시물은 내 개인 블로그에 먼저 게시되었습니다.
https://freetechnologyhelp.com/how-to-send-notifications-in-javascriptin-less-than-10-lines-of-code/

좋은 웹페이지 즐겨찾기