재유's

[JQuery] JQuery 초기화 본문

IT Story/　: : JQuery

[JQuery] JQuery 초기화

Stella_NY 2019. 2. 7. 10:02

jQuery 초기화

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 <!DOCTYPE html>
 <html>
 <head>
        ...meta 태그 설정 및 css 처리
 </head>
 <body>
    ... HTML ... 태그
 
    <!--JQuery 참조-->
    <!--
            1) 실행시간의 이점 때문에
                script 코드는 <body> 태그 종료 직전 명시
            2) 웹 브라우저의 캐시 기능을 활용하기 위해서 
                CDN방식으로 라이브러리 참조
    -->
    <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
 
    <!-- 개발사 작성 영역-->
    <script type="text/javascript">
    /** 모든 곳에서 인식할 변수 및 함수 정의 영역*/
 
    /** jQuery 구현 부분*/
    /**
     *  1) HTML파일에서 직접 스크립트 구현
     *  2) 외부 파일로 작성. --> src 속성으로 참조
     */
        $(function(){
            /**
             *  이 영역이 페이지 로딩이 완료된 후 실행된다.
                                => body의 onload 이벤트 프로그래밍 언어에서의 main() 역할           
             */             
        });
    </script>
 </body>
 </html>



jQuery 참조

  <script src="http://code.jquery.com/jquery-3.2.1.min.js"></script>

- 실행시간의 이점 때문에 script 코드는 <body> 태그 종료 직전에 명시한다.

- 웹 브라우저의 캐시 기능을 활용하기 위해서 CDN(Contents Delivery Network)[각주:1]방식으로 라이브러리 참조


jQeury 구현 부분

- HTML 파일에서 직접 스크립트를 구현

- 외부 파일로 작성 --> src 속성으로 참조

  $(function () {

/**

      * 이 영역이 페이지 로딩이 완료된 후 실행된다.

      *           => body의 onload 이벤트 프로그래밍 언어에서의 main() 역할

      */

  }); 








  1. CDN(Contents Delivery Network)은 지리적 물리적으로 떨어져 있는 사용자에게 컨텐츠 제공자의 컨텐츠를 더 빠르게 제공할 수 있는 기술 "공급업체 server에 따라 성능이 좋을 수가 있고 나쁠수가 있다"

    https://cdn.hosting.kr/cdn%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94/ [본문으로]
저작자표시

'IT Story > 　: : JQuery' 카테고리의 다른 글

[jQuery] 요소 판별  (0) 2019.02.08
[jQuery] 요소의 크기조회, 반응형 기능  (1) 2019.02.08
[jQuery] 이벤트 처리  (0) 2019.02.08
[jQuery] JSON 사용하기  (0) 2019.02.08
[jQuery] HTML요소 접근  (0) 2019.02.07
공유하기 링크
'IT Story/　: : JQuery' Related Articles more
Comments