dbstjdgy61339

<p>아 혹시 ES6 에서 말하는 블록스코프는&nbsp; if for 에서 let이나 const를 쓸경우에만 지역변수로 쓸수 있는걸 말씀하시는건가요?</p>

선생님 몇번 복습하고 질문좀 드릴게요 ㅠ

<p>정말 감사드립니다. 완강하고 ES6도 들어야겟어요!</p>

<p>앗 감사합니다. 혹시 이렇게 코드가 있다고 치면요;;</p>
<p>&nbsp;let a = '안녕?';</p>
<p>&nbsp; &nbsp; function init(){</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; poo()</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; const b = '안녕하세요'</p>
<p></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; function poo(){</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; console.log(a);</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; }</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; console.log(b)</p>
<p>&nbsp; &nbsp; }</p>
<p>&nbsp;init();</p>
<p></p>
<p>console.log로 확인은 해보았지만 좀 막연해서 그런데요; 함수호출은 같은 스코프에 있는 변수나 출력을 무시하고 일단 호출한 함수부터 실행을 하고 그후에 같은 스코프 변수나 함수를 읽어 나가는건가요? 저 poo함수가 호출되면 바로 더안에 있는 내부함수를 먼저 실행하는게 좀 의아해서요 ㅠ 같은 블록스코프에 있는걸 다보고 보는줄 알았거든요 ㅠㅠ 그리고 답변 너무 감사합니다.</p>

함수가 호출이 되면 그스코프 안에 어떤게 잇어도 일단 함수부터 읽고 나서 실행하는게 맞나요?

<p>아 정말 감사합니다. return 옆에 오는것만 반환이 되는 거였군요!! 감사합니다. !</p>

궁금한게 있는데요 ..

npm start 아무리 해도 해결이 안되요 ㅠㅠ

<p>지금까지 3분의 1정도 강의를 들어본 결과! 너무 재밌는 속성들이 많았네요 ㄷㄷ 그리고 너무 쉽게 가르쳐주셔서 막히는 부분이 별로 없고 재밌습니다. 중요한 부분은 꾸준히 짚어주시는 것도 제가 학원에서 배운것과 차이점이 너무나도 크네요; 애니메이션은 학원 다니면서 한 두번 써보고 써본적도 없네요;;&nbsp; ㅠ&nbsp; 지난 6개월 학원 다닌건 그냥 밑거름이라 생각하고 처음 부터 다시 시작해보겟습니다. 감사합니다. !</p>

시작 합니다.

<p>아 감사드립니다 ㅠ 이미 add추가가 되잇어서 반복이 안된거였군요 ㅠ 지워주고 다시추가하는 식으로 하면 됫네요 ㅠ 감사합니다</p>

선생님 여쭤볼때가 없어서요 ㅠㅠ 질문좀드릴게요 ㅠ

<div><span style="color: #808080;"><</span><span style="color: #569cd6;">h1</span><span style="color: #808080;">></span>JavaScript<span style="color: #808080;"></</span><span style="color: #569cd6;">h1</span><span style="color: #808080;">></span></div>
<div><span style="color: #808080;"><</span><span style="color: #569cd6;">form</span><span style="color: #808080;">></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"><</span><span style="color: #569cd6;">input</span>&nbsp;<span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"button1"</span>&nbsp;<span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"button"</span>&nbsp;<span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"000"</span><span style="color: #808080;">></span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"><</span><span style="color: #569cd6;">input</span>&nbsp;<span style="color: #9cdcfe;">class</span>=<span style="color: #ce9178;">"button2"</span>&nbsp;<span style="color: #9cdcfe;">type</span>=<span style="color: #ce9178;">"button"</span>&nbsp;<span style="color: #9cdcfe;">value</span>=<span style="color: #ce9178;">"fff"</span><span style="color: #808080;">></span></div>
<div><span style="color: #808080;"></</span><span style="color: #569cd6;">form</span><span style="color: #808080;">></span></div>
<p></p>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"><</span><span style="color: #569cd6;">script</span><span style="color: #808080;">></span></div>
<div>(<span style="color: #569cd6;">function</span>&nbsp;()&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">const</span>&nbsp;<span style="color: #4fc1ff;">Form</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">document</span>.<span style="color: #dcdcaa;">querySelector</span>(<span style="color: #ce9178;">'form'</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">targetElem</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">let</span>&nbsp;<span style="color: #9cdcfe;">currentItem</span>;</div>
<p></p>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">function</span>&nbsp;<span style="color: #dcdcaa;">clickHandler</span>(<span style="color: #9cdcfe;">e</span>)&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">targetElem</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">e</span>.<span style="color: #9cdcfe;">target</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">currentItem</span>&nbsp;=&nbsp;<span style="color: #9cdcfe;">targetElem</span>.<span style="color: #9cdcfe;">parentNode</span>.<span style="color: #9cdcfe;">parentNode</span>;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #6a9955;">//&nbsp;const&nbsp;black&nbsp;=&nbsp;document.querySelector('.black')</span></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">targetElem</span>.<span style="color: #9cdcfe;">classList</span>.<span style="color: #dcdcaa;">contains</span>(<span style="color: #ce9178;">'button1'</span>))&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">currentItem</span>.<span style="color: #9cdcfe;">classList</span>.<span style="color: #dcdcaa;">add</span>(<span style="color: #ce9178;">'black'</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #c586c0;">if</span>&nbsp;(<span style="color: #9cdcfe;">targetElem</span>.<span style="color: #9cdcfe;">classList</span>.<span style="color: #dcdcaa;">contains</span>(<span style="color: #ce9178;">'button2'</span>))&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">currentItem</span>.<span style="color: #9cdcfe;">classList</span>.<span style="color: #dcdcaa;">add</span>(<span style="color: #ce9178;">'gold'</span>)</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<p></p>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #4fc1ff;">Form</span>.<span style="color: #dcdcaa;">addEventListener</span>(<span style="color: #ce9178;">'click'</span>,&nbsp;<span style="color: #dcdcaa;">clickHandler</span>)</div>
<div>})()</div>
<p>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #808080;"></</span><span style="color: #569cd6;">sc</span></p>
<p><span style="color: #569cd6;">폼안에 버튼 두개넣엇습니다. ㅠ</span></p>

<p>혹시 선생님 미디어 max-width 1000px이라는 가정하에&nbsp; 안에 넣은 min-heght 90%를 주면&nbsp; 1000px에 90%를 유지하는건가요?&nbsp; 그리고 위에 max-width는 1000px이하일때부터 작용 하는것이지요?</p>

선생님 혹시 노트북으로는 반응형하기 좀 어려운가요?

<p>감사 합니다. 많이 헷갈렷엇네요 ㅠ 그리드는 일단 나중에 보고 리플릿으로 넘어가겟습니다.! ㅠㅎ</p>

dbstjdgy61339

Bài viết