질좋은 강의 무료로 올려주심에 만세 3창 드립니다.

다름이 아니라요 선생님 트위터 새 모션을 설정하는 함수에서&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/37372d21-5653-4d3c-8c82-d7d3c95b876c/blob" alt="" />
위 사진 상으로 4번째 줄 가운데 ('[data-index = "2"].bird')에서 대괄호와 .bird를 붙이면
<img src="https://cdn.inflearn.com/public/files/posts/fb2f0b75-079a-4877-bd53-8f1a2b6c3fc9/blob" alt="" />
이렇게 오류가 나는데 대괄호와 .bird를 띄우면 잘 작동합니다...

자바스크립트를 공부한지 얼마 되지 않아 왜 저런 차이가 있는지 궁금합니다&nbsp;

<pre class="hljs"><code class="language-html">&lt;div class="graphic-item" data-action="birdFlies"&gt;
 &lt;img class="bird" src="images/bird.gif"&gt;
 &lt;img class="scene-img" src="images/02.png"&gt;
&lt;/div&gt;</code></pre>[data-index = "2"]는 세번째 위치하는(새 이미지가 있는) .graphic-item입니다. .bird는 &lt;img class="bird"&gt;이므로 .graphic-item의 자식입니다. 그래서 [data-index = "2"] .bird 로 띄어쓰기 해줘야 합니다.

인프런 커뮤니티 질문&답변

actions 함수 관련 질문