본문 바로가기

HTML
33

🤖 ChatGPT와 함께 공부하는 JavaScript 1일차 - 버튼 누르면 배경이 바뀌는 미션 1. JavaScript 공부에 대한 고민..😮‍💨아직 초짜인 상태라 JavaScript에 대해 지식이 매우 부족한 상태였다.😱Html이나 CSS의 경우 마크업언어이기도 하고 예전에 정말 빡시게 배운걸 기억했다. (1일 1클론코딩 시킴..)무작정 치면서 습득을해야 빠르다는걸 알게되어 시작했다..!⌨️하지만 어떻게 습득을 해야할까..? 내가 아는 지식이 너무 얕아서ChatGPT의 도움을 받기로 했다...! 🤖2. 첫번째 미션 🚩오늘의 미션은 랜덤 배경색 버튼 만들기이다. 🎨지금까지 배운 JavaScript로 미션을 수행해야한다.다행히 나는 이미 내 수준과 어디까지 배웠는지 이미 학습을 시킨상태라 어렵지 않았다.미션 힌트까지 주고 동작하는 방법 그리고 피드백까지 해준다니..!👍❌ 내가 풀어본.. 2025. 3. 21.
📌 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.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바