JavaScrip 03_변수와 자료형 변환 (제이쿼리적용)

1. 파일생성

 

 

js 파일 생성

comme은 백엔드에서 쓰이므로 ui 붙여줌

 

 

 

 

 

 

---

 

2.html 에 스크립트 지정을해줌

 

<script src="js/ui_common.js"></script>

브라우저에서 화면을 보일때,

브라우저가 파일을 다운로드 받아 캐시파일을 읽음

 

근데 사용자가 재접속시 캐시가 남아있으면?

브라우저가 다운받지않고 기존 파일을 보여줌

 

캐시에 저장된걸 보여주지않고 최신으로 파일로 다운받아 보여주기 위해서 '타임스탬프' 코드 삽입 

 

타임스탬프  ?v=<?php echo time(); ?>

---

 

제이쿼리모든 파일에 다 타음스탬프를 붙여야할까?

  <script src="js/jquery-3.6.1.min.js"></script>

 

jquery-3.6.1.min.js  제이쿼리 매서드  라이브러리파일

 

이파일은 제이쿼리를 사용하기 위한 매서드함수만 들어가있으므로 

ui_common.js 읽어들이기위한 파일이다. 

수정하지않는 기본파일이기 때문에 타임 스탬프를 안붙여도됨

 

---

때문에

 

  <!-- 1.라이브러리용 js 2.직접 작성하는 js -->

  <script src="js/jquery-3.6.1.min.js"></script>

  <script src="js/ui_common.js?v=<?php echo time(); ?>"></script>

</head>

 

 

html 은 순서대로 읽기 때문에 이 순서대로 들어가야함

라이브러리용 매서드파일이 있어야, 작업하는 제이쿼리 파일을 작성했을때 값을 불러옴

 

 

 

만약 순서가 바뀐다면?

 

 

제이쿼리에 작성을 해도 에러가 뜸

 

 

 

 

 

css 파일도 마찬가지로 

 

  <link rel="stylesheet" href="css/common.css?v=<?php echo time(); ?>">

  <link rel="stylesheet" href="css/layout.css?v=<?php echo time(); ?>">

 

common.css 에서

layout.css 파일을 불러오므로 순서 유지

 

---

3. 제이쿼리 파일연결 확인 

 

 

 

 

이때 .prettierignore 이 있어야 저장시

; 가 자동으로 뜸 (필수)

 

 

 

 

---