본문 바로가기

비전공자 개발 지망생(前디자이너)의 데굴데굴 굴러가는 개발 일지 블로그

전체 글
39

📌 if문 vs switch문, 상황에 따라 다르게 행동하는 코드? 안녕하세요! 😊 오늘은 if문과 switch문에 대해 정리해보려고 합니다.배운 내용을 다시 한 번 정리하면서 컴퓨터가 상황에 따라 다르게 행동하도록 도와주는 문법을 이해해 보려고 합니다! 🚀💡 if문이란? 🤔if문은 만약에 ~라면 이라는 뜻.즉, 어떤 조건이 맞으면 실행하고, 아니면 다른 행동을 하도록 지시하는 문법!✅ 예제 1: 숫자가 짝수인지 홀수인지 판단하기let number = 5;if (number % 2 === 0) { console.log('number 변수는 짝수입니다.');} else { console.log('number 변수는 홀수입니다.');}📌 설명✔️ number % 2 === 0 → number를 2로 나눈 나머지가 0이면 짝수!✔️ else → 위 .. 2025. 3. 19.
📌반복문이 어려웠던 나, 이렇게 정리하니 이제는..? 🚀 안녕하세요! 😊 자바스크립트를 공부하면서 가장 어렵다고 느꼈던 부분이 바로 반복문이었습니다.어디서 어떻게 활용해야 할지, 어떤 방식으로 써야 하는지 처음에는 너무 막막했쥬.... 😵‍💫하지만 반복문의 기본 개념과 예제를 하나씩 정리해 보니 점점 이해할 수 있었습니다.그래서 오늘은 반복문이 무엇인지, 어떻게 활용하면 좋은지 정리해 보았습니다! 🚀💡 반복문이 왜 필요할까? 🤔만약 [안녕하세요!]를 화면에 10번 출력해야 한다면, 어떻게 해야 할까?console.log("안녕하세요!");console.log("안녕하세요!");console.log("안녕하세요!");// ... 이렇게 10번 쓰면 비효율..이럴 때 반복문(Loops)을 사용하면 코드를 짧고 간결하게 만들 수 있다! ✨🔹 for문 (.. 2025. 3. 18.
📝 [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.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바