입문자를 위한 자바스크립트 기초 강의대시보드

강의를 듣고 먼저 배운대로 new 연산과 Date 객체, setInterval 메소드를 활용해서 현재 시간을 반영한 디지털 시계를 만드는 코드를 짜봤는데요. 제 생각으로는 변수 안에 new 연산이 있으니, setInterval로 1초 마다 getTime 함수가 실행될 때마다, new 연산을 하는 변수 hour, min, sec가 실행되어서 1초마다 다시 연산을 해서 현재 시간을 업데이트해 줄 것으로 예상했는데, 실시간으로 업데이트가 안되더라구요.(멈춰있음)그래서, hour, min, sec 변수 선언들을 getTime 함수 안에 넣어서 실행했더니 실시간으로 1초마다 시간이 반영이 되었습니다.똑같은 변수인데, 함수 밖에 있는 것과 안에 있는 것이(전역변수인지 아닌 지에 따라) 차이가 있는건가요?

생성자 함수로 객체를 생성하기 위해선, new연산을 통해 객체를 반환해야한다고 하셨는데, 객체를 반환을 해야 객체가 생성이 되는건가요? 아니면 객체가 생성이 되고 반환이 되는건가요? 생성과 반환이라는 개념이 약간 헷갈리는 것 같습니다.  Date() 는 함수인가요? 객체인가요?  그냥 생성자 함수를 반환하는 것과 생성자 함수로 객체를 생성해서 반환하는 것의 어떤 차이가 있나요? 아직 제 눈에는 둘이 비슷해보여서요.. 함수를 반환하는 것과 객체를 반환하는 것의 목적이 많이 다른건지 설명해주시면 정말 감사하겠습니다.. Dog 함수를 콘솔로 출력시,console.log(Dog)--> Dog 함수를 반환new 연산 + Dog 함수호출문을 콘솔로 출력시,console.log(new Dog())--> Dog 객체 반환

로또번호는 한 70퍼센트 혼자하고 30퍼센트 답지보고 아하~ 하는수준이었는데할일만들기는 너무너무너무 어렵네요 해설문이랑 답지 코드 봐도 뭔소린지 감이 안잡혀요영상으로 봐야 이해가 될거같은데 요새 바쁘신가,,,, 힘들겠죠 ㅠㅠ

// 요소 선택 및 상수 선언 let lottoEl = document.querySelector('.lotto'); let numbersDiv = lottoEl.querySelector('.numbers'); let drawButton = lottoEl.querySelector('#draw');// 추첨 let resetButton = lottoEl.querySelector('#reset');// 다시 let lottoNumbers = []; // 6개의 추첨 번호가 들어갈 배열 let colors = ['#d44052','#F5A623','#F5E123','#7ED321','#4A90E2','#4A53E2']; let paintNumber = (num) => { let eachNumDiv = document.createElement('div'); let colorIndex = Math.floor(num/10); eachNumDiv.classList.add('eachnum'); eachNumDiv.style.backgroundColor = colors[colorIndex]; numbersDiv.appendChild(eachNumDiv); } function drawNum(){ // ran 변수가 여기 위치에 위치하면 자꾸 무한루프에 빠짐 ;ㅁ; //무한루프 발생 주의 let ran = Math.floor(Math.random()*44)+1; while(lottoNumbers.length < 6) { //let ran = Math.floor(Math.random()*44)+1; if(lottoNumbers.indexOf(ran) === -1){ lottoNumbers.push(ran); paintNumber(ran); } } } function clearNum(){ lottoNumbers.splice(0,6); numbersDiv.innerHTML = ''; } drawButton.addEventListener('click', drawNum); resetButton.addEventListener('click', clearNum); 예제코드 무한루프 코드 입니다. 실행 시 무한 루프 발생합니다. 과제 하던 중 무한루프를 만났습니다.이 경우 변수가 밖에 있으면서 while의 조건문이 충족되지 못해서 무한 루프가 만들어지는 경우가 맞을까요?  

강의에서 아래처럼 코드를 넣어는데 아래처럼 player와 number가 적용되지 않습니다.제가 어디서 잘못한 것일까요?

const tw = ['나연','사나','지효','다현']; tw.forEach(function( member, index ){ const p = document.createElement('p') p.textContent = `${index+1} 번째 멤버는 ${member}` document.body.appendChild(p); }) 위처럼 작성을 했는데요. 아래처럼 에러가 발생합니다. 제가 어디가 틀렸는지 감이 안 잡혀서요 ㅠUncaught TypeError: Cannot read properties of null (reading 'appendChild') // 크롬 버전 : 버전 118.0.5993.118(공식 빌드) (64비트)

고양이 api주소 좀 혹시 알려주실수 있나요?  

안녕하세요, 선생님! 완전 입문자 중에 찐입문자, 초보중에 쌩 초보인 사람입니다.아무리 자바스크립트 강의를 들어도 뭔가 개념이 와닿지 않아서 뒤로 넘어가지 못하다 선생님 강의를 만나고 하나씩 개념을 잡아가고 있습니다! (우선 너무 감사드린단 인사 먼저 드려요)강의를 듣다보니 노드랑 메소드라는 표현을 자주 사용하시더라구요.대략적으로 무엇을 가르켜 말씀하시는지는 알겠으나, 정확히 말씀하시는 노드와 메소드에 대해 개념을 잡고 가고 싶어서요..! 한번 정의내려주실 수 있으실까요?

강사님, 작년에 강의 듣다가 다시 듣게됐는데그때 놓쳤던 것들이 다시 보이기 시작했어요.뿌듯하게 입문 완료 했습니다!̆̈ .ᐟ 🎉🎉그런데 앞으로는 어떻게 공부하면 좋을지 모르겠습니다..쌤의 심화 강의가 있다면 듣고싶었는데자바스크립트는 기초밖에없는거 같아서요.. 🥲이후의 공부방법이나 강의 등등 추천 가능하실까요??

제가 모르는 부분이나 이해가 안 되는 부분을 구글링을 통해 찾아 보는 편인데 구글링 할 때마다 예제에 var이 나와서 구글링 했을 때 이해가 좀 힘든 상황입니다지금 강의를 함수 3편까지 본 상태인데 var을 설명해 주시는 부분이 따로 있을까요? 아니면 이 강의에선 var을 다루지 않는 건가요?

이렇게 뜨는데.....안되는 건가요..?

선생님~ prev, next 버튼 클릭이벤트 핸들링에서 if()문 안의 return; 은 이미지 한장에 대한 강제종료를 의미 하는건가요?

이런 오류가 납니다..오타가 있는지 몇번이나 점검했습니다..

함수 3편에서 설명 되었던 매개변수에 관련된 강의 내용 중 실습한 코드 문법 입니다.코드가 약간 좀 안맞는 부분이 있긴한데 그 문제 보다는 궁금한 것이 있어 질문 드립니다!sayAnything 함수 내 for문을 써서 i라는 변수를 넣어서 ++ 시키는건 이해 했는데어떻게 number의 인자가 i라고 인식하고 있는건가요?그러니까 i < number 일 때 i++ 인데, i가 어떻게 number의 매개 변수의 인자로 인식하는게어떤 로직으로 인해 실행되는 걸까요??

안녕하세요 강사님!!강의 즐겁게 보고 있습니다.[기본생성자 Date]강의를 보고있는데강사님께서 알려주신대로 넣었는데제 화면에는 시간이 안뜨고 코드가 뜨더라구요 ㅠㅠ틀린그림찾기 하듯 코드 비교해봤는데못찾겠습니다.......ㅠㅠ

  안녕하세요. 별거 아닐수도있고,, 이상한 질문이라고 보실 수도 있을 것 같습니다. 갑자기 이해가 되지 않는 부분이 있어서 왜 그런건지 궁금해서 질문드립니다..   처음에 setInterval(function(){console.log("hello")},3000) 이렇게 코드를 돌리면, 반복돼서 console에 출력이 되는데,   위코드를 지우고, 반환값을 변수에 넣는 코드인  interId2 = setInterval(function(){console.log("hello")},3000) 이것만 적어도 똑같이 console에서 반복출력이 되는걸 확인했습니다.   보통 어떤 동작이 있는 코드를 변수안에 넣어버리면 변수를 초기화하는 것이기 때문에 해당 동작이 이뤄지지는 않지 않나요?? 왜 저거는 그게 되는건지 이유가 궁금합니다. 제대로 잘 적은지 모르겠습니다.. 제가 궁금한 부분이 잘 전달되기를 바랍니다.    감사합니다.        

안녕하세요. 강의 잘 보고 있습니다. 헷갈리는게 있어서 질문드려요. 그동안 버튼을 만들때는 <input type="button" value="버튼"> 이었는데, 이번 강의에서는 조금 다르게 <button>버튼</button>이더라구요.   혹시 둘이 차이가 무엇인지, 어느것을 더 자주 쓰는지  알 수 있을까요?? 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   <!DOCTYPE html>을 작성하려할때 ! 을 입력해도 자동완성이 되지않고 !만 입력됩니다. 어떻게해야 되나요? 느낌표(!)를 입력하고 Ctrl 키를 누른 상태에서 Space 키를 눌러봐도 안되네요

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   그림과 같이 .js창에 입력후 결과를 보기위해서 콘솔창을 어떻게 열수있나요? 강의에서는 어떤 버튼을 눌러서 결과가 나와진건가요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.   <!DOCTYPE html>을 작성하려할때 ! 을 입력해도 자동완성이 되지않고 !만 입력됩니다. 어떻게해야 되나요?