<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>TOAST UI Calendar Example - Monthly View Basic</title> <link rel="stylesheet" href="../dist/toastui-calendar.css" /> <link rel="stylesheet" href="./styles/reset.css" /> <link rel="stylesheet" href="./styles/app.css" /> <link rel="stylesheet" href="./styles/icons.css" /> <style> .navbar { padding: 0; } </style> </head> <body> <div class="app-container code-html"> <header class="header"> <nav class="navbar"> <button class="button is-rounded today">Today</button> <button class="button is-rounded prev"> <img alt="prev" src="./images/ic-arrow-line-left.png" srcset="./images/ic-arrow-line-left@2x.png 2x, ./images/ic-arrow-line-left@3x.png 3x" /> </button> <button class="button is-rounded next"> <img alt="prev" src="./images/ic-arrow-line-right.png" srcset=" ./images/ic-arrow-line-right@2x.png 2x, ./images/ic-arrow-line-right@3x.png 3x " /> </button> <span class="navbar--range"></span> </nav> </header> <main id="app"></main> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chance/1.1.8/chance.min.js"></script> <script src="../dist/toastui-calendar.ie11.min.js"></script> <script src="./scripts/mock-data.js"></script> <script src="./scripts/utils.js"></script> <script type="text/javascript" class="code-js"> var Calendar = window.tui.Calendar; var cal = new Calendar('#app', { defaultView: 'month', calendars: MOCK_CALENDARS, }); </script> <script type="text/javascript"> var todayButton = $('.today'); var prevButton = $('.prev'); var nextButton = $('.next'); var range = $('.navbar--range'); function displayEvents() { var events = generateRandomEvents( cal.getViewName(), cal.getDateRangeStart(), cal.getDateRangeEnd() ); cal.clear(); cal.createEvents(events); } function displayRenderRange() { range.textContent = getNavbarRange(cal.getDateRangeStart(), cal.getDateRangeEnd(), 'month'); } todayButton.addEventListener('click', function () { cal.today(); displayEvents(); displayRenderRange(); }); prevButton.addEventListener('click', function () { cal.prev(); displayEvents(); displayRenderRange(); }); nextButton.addEventListener('click', function () { cal.next(); displayEvents(); displayRenderRange(); }); displayEvents(); displayRenderRange(); </script> </body> </html> var todayButton = $('.today'); var prevButton = $('.prev'); var nextButton = $('.next');이 부분이요 jquery를 참조 안하고 있는데 어떻게 selector를 쓰고 있는건지 모르겠습니다.. 소스는 toast calendar example입니다

jquery가 아니고 그냥 저런 형식으로 구성된 util함수 아닐까요? 콘솔에 해당 함수 찍어보세요.

·약 2년·561

jquery를 참조하지 않았는데 $ 셀럭터가 사용되고 있습니다.

답변을 작성하려면 로그인이 필요합니다.

로그인 후 이 페이지로 돌아와 바로 답변을 작성할 수 있습니다.

🎉 활동점수 5점 + 1점! 답변 채택 캠페인

가장 유용했던 답변을 작성자가 채택하면 정성껏 답변을 작성해 주신 답변자께 활동점수 5점, 그리고 질문자에게도 1점이 부여돼요. 도움이 된 답변을 채택해 질문을 마무리해 주세요!