Uncaught ReferenceError: $ is not defined 에러

$(function(){ $('#id').keyup(function(){ console.log('keyup'); }) }) keyup 코드를 작성하고 이벤트가 잘 적용되는지 확인 Uncaught ReferenceError: $ is not defined 에러가 났다 header 부분에 jquery를 선언하고 import를 했지만 적용이 안 되는 것 같다. jquery 선언을 페이지 위에다 적용 (import 한 js보다 위에 선언해야 한다) 오류가 사라졌다! ※추가!!!

찾아보니 에러에 원인은 script 위치 때문에 생긴 것 같다! 아래 링크에 정리해 두었다 https://blog.naver.com/kisdo0084/222876268158 태그 위치 브라우저 동작 방식 브라우저의 동작 방식은 아래와 같다.

HTML을 읽기 시작한다. HTML을 파싱 한... blog.naver.com 방법대로 head 태그 안에 script defer 속성을 넣어주고 header 쪽...