728x90 반응형 분류 전체보기471 멜론티켓 자동호출코드 날짜/시간 자동 + 예매버튼 자동var date = 0; // 날짜 (0부터 시작)var time = 0; // 회차 (0부터 시작)////////////////////////////////////////// 이하 수정 절대 금지require(["js/app/performance/service/reservationService"], function(reservationService) { var ready = false; async function timer1() { console.log('날짜 대기 중'); if(document.querySelectorAll('li.item_date')[date] != null ) { await setting(); document.qu.. 2026. 1. 6. clearInterval(tt) 1️⃣ 결론부터clearInterval(tt)👉 이전에 setInterval()로 만든 타이머를 멈추는 함수야.👉 tt는 setInterval이 반환한 ID(핸들)2️⃣ setInterval은 뭘 리턴하나?const tt = setInterval(() => { console.log("1초마다 실행"); }, 1000);📌 setInterval()은 그냥 주기적으로 실행만 하는 게 아니라👉 타이머 ID를 하나 돌려줌→ 그걸 변수에 저장(tt)해야 나중에 멈출 수(clearInterval(tt) 있어.3️⃣ clearInterval은 그 ID를 받는다clearInterval(tt);“ID가 tt인 interval 타이머를 중지해라”4️⃣ 그럼 tt는 어디서 나타난 거임?❌ 갑자기 생긴 게 아님✅ .. 2026. 1. 6. querySelectorAll() 에서 query란? document.querySelectorAll('li')[0] query= DOM에게 묻는 “질문(Query)”= “이 조건에 맞는 요소들 좀 찾아줘” querySelectorAll("div")= 이 선택자로 전부 찾아줘 query + selector + all query : 검색하다 / 질의하다selector : 선택 조건all : 전부4️⃣ 예시로 감 잡기 document.querySelectorAll(".item");“class가 item인 애들 다 찾아줘” document.querySelectorAll("#login button"); “id가 login인 애 안에 있는 button 찾아줘” document.querySelectorAll("input[type='text']"); “text 타입 in.. 2026. 1. 6. async / Promise / await async function funcName() { ... } 👉 비동기 함수를 선언하는 자바스크립트 문법 = “시간이 걸리는 작업을 깔끔하게 쓰기 위한 함수”1️⃣ 왜 필요한데?JS는 원래 비동기 작업이 많아:서버 요청 (fetch / ajax)타이머 (setTimeout)파일 읽기 (Node.js)옛날엔 이렇게 썼어 👇 (지옥)doSomething(function () { doNext(function () { doMore(function () { ... }); });});👉 콜백 지옥2️⃣ async의 핵심 개념async function funcName() { return 10; }겉보기엔 그냥 함수지만 👇실제로는funcName().then(result => conso.. 2026. 1. 6. data-* 속성 data-* 속성은 **HTML 표준에서 정식으로 제공하는 “사용자 정의 데이터 저장 공간”**이에요.한 줄로 요약하면 👉 HTML 요소에 JS용 데이터를 몰래(?) 붙여두는 방법입니다.✅ data-* 속성이란? div data-id="123" data-user-name="sukiyam" data-role="admin">div> data-로 시작하는 모든 속성은 유효한 HTML브라우저는 의미 해석 안 함JavaScript가 읽어서 사용하는 용도👉 HTML ↔ JavaScript 사이의 데이터 전달 통로🧠 왜 필요할까?❌ 나쁜 옛날 방식 class="admin active" id="user123">의미 없는 id/class 남발스타일용과 로직용이 섞임✅ data-* 사용 class="user" .. 2025. 12. 24. 요청 헤더 Accept-Encoding & 응답 헤더 Vary: Accept-Encoding 헤더 '캐시(프록시/CDN/브라우저)'와 연결된 개념1️⃣ Accept-Encoding (요청 헤더)Accept-Encoding: gzip, deflate, br 클라이언트 → 서버 : "이런 압축 방식 응답 이해 가능"gzip : 가장 흔함br : Brotli (더 높은 압축률, HTTPS에서 주로 사용)identity : 압축하지 않은 원본즉,“나 gzip이나 br로 압축된 응답 이해할 수 있어”2️⃣ Vary(다르다): Accept-Encoding (응답 헤더)Vary: Accept-Encoding 서버 → 캐시(클라이언트) : "이 응답은 요청 헤더의 Accept-Encoding 값에 따라 달라진다"3️⃣ Vary 필요성상황 예시같은 URL:GET /index.html 클라이언트 AAccept-Enco.. 2025. 12. 15. 이전 1 2 3 4 5 ··· 79 다음 728x90 반응형