본문 바로가기

javascript
24

📝 [250318/오답노트] 자바스크립트 객체 & 생성자 함수, 그리고 타이머 실수 정리 1. setInterval과 clearInterval 사용 실수 ⚠️❌ 내가 쓴 코드let timer;timer = setInterval(function () { console.log("현재 시각 업데이트 중...");}, 1000);const button = document.getElementById('stop');button.addEventListener("click", function(){ clearInterval(nowTime); // ❌ 'timer'가 아닌 'nowTime'을 사용했음})✅ 올바른 코드let timer = setInterval(function () { console.log("현재 시각 업데이트 중...");}, 1000);const button = document.ge.. 2025. 3. 18.
📝 [250317/오답노트] 자바스크립트 addEventListener(), parseInt(), classList.add('클래스명') 정리 자바스크립트에서 HTML 요소를 선택하고(querySelector()), 새로운 요소를 만들고(createElement()), 추가하는 방법까지는 알았다. 근데 처음에는 💭 "그냥 HTML에서 div를 미리 만들어 놓으면 안 돼?"💭 "parseInt()는 무슨 기능인거지?"💭 "classList.add()와 querySelector()는 HTML,CSS차이만 있는 걸까?"이런 생각이 들었다.하지만 직접 코드를 분석하면서 이렇게 작성해야 하는 이유가 있었다..!그래서 생각도 정리할 겸 오답노트 형식으로 기록해 보았다! ✍️🎯 1. createElement('태그') - 새로운 요소 만들기"그냥 HTML에서 div를 미리 만들어 놓으면 안 돼?"👉 미리 만들어 놓으면 새로운 트윗을 추가할 수 없음.. 2025. 3. 17.
📝 [250314/오답노트] 자바스크립트 querySelector(), appendChild(), for문, 그리고 if-else 자바스크립트에서 HTML 요소를 선택하고(body 가져오기), 새로운 요소를 생성해서 추가하는 방법을 정리했다.처음에는 "왜 querySelector()를 써야 하지?", "왜 appendChild()가 필요 하지?","그냥 div를 직접 만들면 안 돼?", "왜 for문을 써야 하고 if-else를 같이 써야 해?" 같은 생각이 들었다. 하지만 직접 코드를 분석하면서 이 코드를 이렇게 작성해야 하는 이유가 있었다..!그래서 생각도 정리할겸 오답노트 형식으로 정리해 보았다! 🚀📌 1. querySelector()와 appendChild()는 왜 필요할까?자바스크립트로 HTML 문서를 조작하고 싶다라고 가정해보자.그러면 안에 새로운 요소 ()를 만들어 추가해야한다.이때 사용하는 것이 바로 queryS.. 2025. 3. 14.
📌 왜 웹 개발은 JavaScript로 해야 할까? 🤔 안녕하세요! 😊 오늘은 왜 웹 개발에서는 JavaScript(자바스크립트)를 필수로 사용해야 하는지 알아봅시다! 💻💡 웹 개발이란?웹 개발(Web Development)은 웹사이트를 만드는 과정입니다.우리가 매일 사용하는 네이버, 유튜브, 인스타그램 같은 사이트들도 모두 웹 개발로 만들어져 있어요! 🌐 웹 개발은 보통 3가지 기술로 이루어집니다.1️⃣ HTML → 웹사이트의 뼈대(구조) 🏗️2️⃣ CSS → 디자인(색상, 글꼴, 크기 등) 🎨 3️⃣ JavaScript → 기능(버튼 클릭, 데이터 변경, 애니메이션 등) ⚡💡 즉, HTML과 CSS는 정적인 웹사이트를 만들지만, JavaScript는 웹사이트를 '살아 움직이게' 해줘요!🔹 웹 개발에서 JavaScript가 꼭 필요한 이유1️.. 2025. 3. 12.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바