강사님 안녕하세요! 늘 항상 좋은 자료로 강의해주시니 감사할 따름입니다.
제이쿼리가 정상적으로 링크가 되지 않아서 여쭈어 봅니다. 자바스크립트에 어떠한 코드를 입력해도 $ is not defined 오류를 보여줍니다. 또한 작성된 코드도 정상적으로 작동하지 않습니다. 
<img src="https://cdn.inflearn.com/public/files/posts/c288e3fc-a58e-45b3-b2e4-90b5f604c41c/blob" alt="" />

안녕하세요. 코딩웍스입니다.
html 부분은 1가지 빼고는 문제가 없습니다. 1가지는 &lt;box&gt;box&lt;/box&gt;로 하셨는데 box라는 태그는 없습니다. &lt;div class="box"&gt;box&lt;/div&gt; 이렇게 고쳐주세요.
그리고 css 구문에서 box {....} 하셨는데 box는 클래스명이기 때문에 점(.)을 넣어서 이렇게 하셔야 합니다. .box {....}
그리고&nbsp; custom.js에 선택자 2개에 모두 . 을 빼셨어요. $('show-btn')&nbsp; &nbsp;&rarr;&nbsp; &nbsp;$('.show-btn') $('box')&nbsp; &nbsp;&rarr;&nbsp; &nbsp;$('.box')
선택자는 클래스명이기 때문에 반드시 점(.)으로 시작하셔야 합니다.
그리고 html 코드에서 class&nbsp; =&nbsp; "show-btn" 이렇게 하셨는데 class="show-btn" 이렇게 띄어쓰기 없이 사용하시길 바랍니다.

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

제이쿼리 링크