• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 script 태그 관련 질문(jquery 관련)

script 태그 관련 질문(jquery 관련)

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #49702

    머텅
    참가자
    <!DOCTYPE html>
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
      <script src="https://code.jquery.com/jquery-3.6.1.min.js"
        integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous">
      </script>
      <script src="tab.js"></script>
    </head>
    <body>
      <div class='why'>asdasd</div>
    </body>
    </html>
    =================================
    선생님 이렇게 head 태그 안에 제이쿼리랑 제가 만든 tab.js 파일을 같이 적으면 tab.js에서 적은 제이쿼리문들이 실행이 안돼요..
    바닐라 js 코드들은 잘 실행되는데 왜 그럴까요?
    <script src="tab.js"></script> 이거를 body 안쪽으로 옮기면 작동 잘 되는데 원리가 정확히 뭔지 궁금해요
    head태그는 순식간에 읽혀서 둘 사이에 순서가 정립이 안되는건가..?
    
    
    		
    	
    #49715

    codingapple
    키 마스터
    head태그안에 있는게 먼저 읽힙니다
    html을 먼저 읽어야 html을 자바스크립트로 조작이 가능합니다
    #49728

    머텅
    참가자
    무슨 뜻인지 잘 모르겠는데 좀 더 자세히 설명해주실 수 있나요?
    저렇게 써도 바닐라 js코드는 돌아가요! jquery문만 안돌아가구
    #49729

    머텅
    참가자
    아! 이해했습니다. 근데 구글링하다보면 head태그 안에 외부 js파일 script를 써도 속도만 느리고 동작한다고 돼있는데, 왜 저는 안되는걸까요?
    꼭 html 내용 다 끝나고 맨 아래다가 script 태그를 넣어야 js가 동작하네요..
    #49733

    codingapple
    키 마스터
    html 태그가 다 로드 되고나서 실행해달라고 코드짜놓으면 head에 넣어도 됩니다
     
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠