0:00:00.740,0:00:03.500
이제 여러분에게[br]기본적인 jQuery 사용을

0:00:03.500,0:00:05.720
보여드리겠습니다

0:00:05.720,0:00:08.180
우선 <script> 태그를 사용해서

0:00:08.180,0:00:10.717
jQuery 라이브러리를 넣습니다

0:00:12.220,0:00:16.110
이전에는 자바스크립트 코드를[br] 태그 안에 넣었죠

0:00:16.122,0:00:20.276
이번에는 src 라는 속성을[br]추가해보겠습니다

0:00:20.276,0:00:24.391
이 속성은 URL을 넣기 위해[br]필요합니다

0:00:24.391,0:00:26.566
URL은 뭘까요?

0:00:26.566,0:00:28.628
만약 제 컴퓨터에서 작업하다가

0:00:28.628,0:00:30.093
jQuery를 다운 받아서

0:00:30.093,0:00:32.525
제 웹 페이지가 있는 폴더에[br]저장했다면

0:00:32.525,0:00:36.473
그냥 여기에 jquery.js 를[br]써주면 됩니다

0:00:36.473,0:00:39.408
하지만 칸아카데미에서는[br]동작하지 않을 겁니다

0:00:39.408,0:00:43.096
여기에는 jQuery를[br]받을 수 있는

0:00:43.096,0:00:45.885
서버 URL을 적어줘야 합니다

0:00:45.885,0:00:50.082
jquery.com에 가면[br]URL 리스트가 있습니다

0:00:50.622,0:00:52.738
그 중 하나를 복사해서[br]여기에 넣어 보겠습니다

0:00:52.738,0:00:54.430
됐습니다

0:00:54.430,0:00:56.340
이제 이 URL에 대해 몇 가지만

0:00:56.340,0:00:58.031
살펴보고 갑시다

0:00:58.031,0:01:01.820
일단 https로 시작하는 것을[br]볼 수 있습니다

0:01:01.820,0:01:05.231
이는 보안이 강화된[br]URL임을 의미합니다

0:01:05.231,0:01:09.231
칸아카데미에서는[br]안전하게 쓸 수 있는

0:01:09.231,0:01:11.207
웹 자원만 가져올 수 있습니다

0:01:11.207,0:01:15.343
웹 개발에서의[br]좋은 관례라 할 수 있죠

0:01:15.660,0:01:19.120
두번째로 이 자원은[br]googleapis.com 이라는

0:01:19.120,0:01:22.360
구글 서버에서 가져왔음을[br]알 수 있습니다

0:01:22.751,0:01:25.385
이런 서버를 CDN이라 부릅니다

0:01:25.385,0:01:27.921
컨텐츠 전송 네트워크라고[br]하는 것이죠

0:01:27.921,0:01:29.880
이 서버는 라이브러리 같이

0:01:29.880,0:01:33.093
정적인 파일들을[br]아주 빨리 제공하는 데

0:01:33.100,0:01:35.380
최적화된 서버입니다

0:01:35.388,0:01:38.164
구글 서버는[br]제가 신뢰하는 곳 중 하나입니다

0:01:38.164,0:01:41.104
일반적으로 스크립트를[br]가져오는 서버는

0:01:41.104,0:01:43.000
신뢰할 수 있는 곳이어야 합니다

0:01:43.002,0:01:47.240
어떤 곳은 여러분의 사이트에[br]나쁜 짓을 할 수도 있기 때문입니다

0:01:47.400,0:01:49.520
세번째로 살펴볼 것은

0:01:49.520,0:01:53.314
URL에 2.1.4. 라고 적힌[br]버전 정보입니다

0:01:53.807,0:01:56.402
jQuery 라이브러리는[br]계속 발전 중이어서

0:01:56.402,0:01:59.015
종종 새로운 버전을 내놓습니다

0:01:59.015,0:02:00.987
왼쪽에 있는 숫자일 수록

0:02:00.987,0:02:03.279
메이저 버전을 표현하고

0:02:03.279,0:02:05.755
오른쪽에 있는 숫자일 수록

0:02:05.755,0:02:08.134
마이너 버전을 나타냅니다

0:02:08.140,0:02:10.200
저는 jQuery 2를[br]사용하고 있습니다

0:02:10.200,0:02:12.295
요즘 브라우저에서[br]동작하는 버전이죠

0:02:12.295,0:02:14.484
하지만 IE8에서는[br]작동하지 않습니다

0:02:14.484,0:02:15.800
여러분의 웹 사이트에서

0:02:15.800,0:02:19.620
필요사항에 따라 어떤 버전을 쓸 지[br]결정할 수 있습니다

0:02:19.627,0:02:22.809
이제 jQuery를 포함시켰으니

0:02:22.809,0:02:24.973
또 다른 <script> 태그 안에서

0:02:24.973,0:02:28.266
실제로 사용해봅시다

0:02:30.226,0:02:33.309
모든 자바스크립트 라이브러리들은[br]함수들이 노출돼있고

0:02:33.309,0:02:35.358
함수의 이름을 제공합니다

0:02:35.360,0:02:37.240
사용 설명서를 찾아봐서

0:02:37.240,0:02:39.260
함수의 이름은 무엇이며

0:02:39.262,0:02:41.761
어떤 일을 하는 지[br]알아야 합니다

0:02:41.761,0:02:45.444
jQuery 라이브러리는[br]메인 함수 하나를 노출하고 있는데요

0:02:45.444,0:02:47.524
아주 짧은 이름을 가지고 있습니다

0:02:47.524,0:02:50.637
바로 달러 기호이죠

0:02:50.637,0:02:52.259
그 말은 우리가[br]제일 먼저 써야할 것은

0:02:52.259,0:02:53.556
바로 달러라는 거죠

0:02:53.556,0:02:56.526
이건 함수니까[br]괄호를 쳐주고요

0:02:56.526,0:02:59.412
당연히 세미콜론도 찍어야겠죠

0:02:59.412,0:03:01.928
함수 이름이 짧아서 좋군요

0:03:01.928,0:03:05.756
왜냐면 이 함수를 호출할 일이[br]매우 많거든요

0:03:06.226,0:03:08.928
이 함수에는 매우 많은 걸[br]전달할 수 있습니다

0:03:08.928,0:03:13.874
예시로 h1이라는 문자열을[br]넘겨보겠습니다

0:03:16.380,0:03:19.720
이걸 쓰면[br]jQuery는 이 웹 페이지의

0:03:19.724,0:03:23.091
모든 h1 요소를 찾아줍니다

0:03:23.095,0:03:28.050
그리고 jQuery 콜렉션 객체로[br]반환해줍니다

0:03:28.140,0:03:30.100
객체를 반환 받았으니

0:03:30.100,0:03:33.233
jQuery 객체의 메소드들을 호출함으로써

0:03:33.233,0:03:37.200
아까 찾은 h1 요소들을[br]조작할 수 있습니다

0:03:37.200,0:03:39.939
예를 들면 text 함수를 사용해서

0:03:39.939,0:03:43.356
모든 h1 요소의[br]텍스트를 바꿀 수 있습니다

0:03:43.356,0:03:46.044
문자열을 전달해서 말이죠

0:03:47.244,0:03:48.492
바뀌고 있네요

0:03:48.492,0:03:49.792
바뀌고 있네요

0:03:49.792,0:03:50.804
자 끝났습니다

0:03:50.804,0:03:53.029
첫 jQuery 맛보기였습니다

0:03:53.029,0:03:56.910
<script> 태그에 jQuery 라이브러리를[br]포함시키고

0:03:56.910,0:03:59.819
jQuery에게 모든 h1 태그를 찾게 한 다음

0:03:59.819,0:04:03.643
텍스트를 바꿔 보았습니다

0:04:03.643,0:04:06.077
이 수업을 계속 들으면[br]매우 많은 것들을

0:04:06.083,0:04:07.840
더 자세하게[br]배울 수 있을 겁니다

0:04:07.840,0:04:11.117
요소를 선택하고 조작하는[br]다양한 방법과

0:04:11.117,0:04:14.353
사용자 이벤트에 반응하는 웹 페이지와

0:04:14.353,0:04:18.558
재미있는 애니메이션 효과들도[br]배울 수 있을 겁니다