jjanmo

강의 정말 재미있게 잘보고 있습니당 ㅎㅎ답변 감사드립니다 😍

스크롤 관련해서 질문 드립니다.

아 답변 감사드립니다.👍&nbsp; 검은색 부분은 스크롤바입니다.&nbsp; 아 그러면 , 제가 생각하는 스크롤된 부분이 검은색 영역인데, 사실상 저 영역을 명확히 구분지을 수 없기때문에 사실상 보라색 영역과 같다고 생각하면 되나요??

지나가는 자린이입니다 ^^;; for문에서 사용하신 변수 스코프 차이 때문에 발생한 현상같습니다. 올려주신 코드에서는 for(let i ~~~)라고하셨기때문에 let의 스코프가&nbsp; { }안에서 적용되어서 값이 알맞게 할당(?)되어서 가능한거같습니다. 선생님께서 사용하신 코드는 for(var i~~~)라고 쓰셨기 때문에 var의 스코프가 function(여기서는 window 전역)이 됩니다. 그래서 결국 비동기함수가 실행되는 시점에는 i가&nbsp; 마지막값으로 변해있기때문에&nbsp; 안되는 거고요. 즉, for문에서 변수 선언에 있어서 var냐 let이냐에 따라서 달라진것같네요... 저도 자바스크립를 배우는 입장이라...틀린부분있다면 지적해주시면 감사하겠습니다.&nbsp;
ps1.혹시 이해가 잘안되셨다면,,,
<a href="https://www.daleseo.com/js-var-issues/" target="_blank" rel="noopener noreferrer">https://www.daleseo.com/js-var-issues/</a>&nbsp;
여기부분 참고하시길...(이렇게 사이트 올려도 되는지모르겠지만 저도 사이트를 참조해서요 ;;)

ps2. 이렇게 해결하는 방법도 있네요...
<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;winNum.length;&nbsp;i++)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;num&nbsp;=&nbsp;winNum[i];</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(()&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;const&nbsp;ball&nbsp;=&nbsp;document.createElement("div");</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ball.textContent&nbsp;=&nbsp;num;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;win.appendChild(ball);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;1000&nbsp;*&nbsp;(i&nbsp;+&nbsp;1));</div>
<div>&nbsp;&nbsp;&nbsp;}</div>
</div>

jjanmo

投稿