윤인성 모던 웹을 위한 JavaScript + jQuery 입문 3판 62강 - jQuery 사용 설정 > javascript

윤인성 | 모던 웹을 위한 JavaScript + jQuery 입문 3판 62강 - jQuery 사용 설정

페이지 정보

조회: 538

본문

※ 영상을 선명하게 보기 안내

유튜브 영상에서 오른쪽하단에 톱니바퀴를 클릭합니다.
팝업목록에서 "품질" 선택하세요.
원하는 해상도를 선택해주세요.

※ 모바일에서 Wifi가 아니라면 데이타가 소진될 수 있으니 주의바랍니다.

윤인성님의 javascript강의 청각장애인을 위한 자막

안녕하세요 모던 웹을 위한 자바스크립트 제이쿼리 입만 62 강 되겠구요

이번 강의 부터는 파트 투 에 있는 제이쿼리 에 대해서 나아가 보도록
하겠습니다
일단 이번 강의에서는 제이쿼리 를 사용하는 기본적인 방법과 제이쿼리 의
보조 기능을 활용하는 방법을 배우도록 하겠고 용 다음 강의 부터
본격적으로 제이쿼리 내부에 있는 기능을 하나하나 살펴보도록 하겠습니다
제이쿼리 를 구하기 위해서는 제이쿼리 사이트에 들어와 주셔야 되는데요
제이쿼리 닷컴 이라고 입력을 하고 들어와 주시면 제이쿼리 사이트가 나오게
됩니다
여길 보시게 되면 바로 오른쪽에 다운로드 제이쿼리 라고 나오게 되는데요
요녀석을 클릭을 해주시면 제이쿼리 를 다운로드 받을 수 있습니다
보시게 되면 컴 프레스드 프로덕션 버전과 엉 컴플렉스 디벨롭먼트 버전을
제공을 하게 되는데요
컴 프레스드 프로덕션 버전 같은 경우에는 소스코드를 보셨을 때 지금
화면과 갔지 쭉 압축이 되어 있어서 용량을 굉장히 줄인 파일이라고 보시면
되겠구요
일반적으로 이렇게 압축된 파일의 낸 용 평 평 점 인 점 js 라고 미니
파이드 라고 적혀있는 것을 볼 수 있습니다
반대로 디벨롭먼트 버전 같은 경우에는 지금 들여쓰기 가 정상적으로 되어
있고 변수 이름 등도 압축이 이루어지지 않은 처음 그대로의 상태로
보여준다 라고 생각을 해 주시면 되겠습니다
일반적으로 개발을 할 때는 요 디벨롭먼트 버전을 사용하고 요 개발이 모두
끝나거나 했을 때 이제
사용자에게 가장 적은 용량으로 조금이라도 더 빠르게 웹페이지를 제공하기
위해서 요 컴 프레스드 버전을 바꿔서 제공을 하게 됩니다
어쨌거나 j 커리는 컴플렉스 과정과 엉 컴플렉스 드 버전 2개를 제공을
한다.고 생각해 주시면 좋겠고 용
그리고 이걸 사용하는 방법은 웹사이트 경로를 바로 적어서 사용하는 방법과
따운 받아서 사용하는 두 가지 방법이 있다 라고 또 생각을 해 주시면
좋겠습니다
아래쪽으로 넘어 오시게 되면 u 징 제이쿼리 위더 cdn 이라고 되어
있는데요
cd 에는 콘텐츠 딜리버리 네트워크 라고 해서 접속하는 사용자 와 가장
가까운 위치에 있는 서버에서 데이터를 받는 방식을 의미를 하게 됩니다
따라서 제이쿼리 를 사용해야 된다면 현재 제가 있는 곳과 가장 가까운
지점에 있는 서버에서 제이쿼리 를 받아서 사용을 하게 됩니다
cdn 을 사용하면 좋은점은 뭐 한국 쪽에서도 서비스를 제공할 수도 있고
일본쪽에서 아니면 중국 쪽에서 미국 쪽에서 모두 제공을 하게 될 수
있는데요
그럴때 cdn 을 활용하게 되면 가장 빠른 속도로 데이터를 사용자들에게
제공할 수 있게 됩니다
물론 우리가 우리 서비스를 만들어서 cdn 을 제공하기 위해서는 별도의
요금을 부과해야 되지만 제이쿼리 같은 경우에는 제이쿼리 를 운영하는 여러
재단 들에서
뭐 그래서 제이쿼리 파일을 그냥 줄 수 있게 cdn 을 만들어서 제공을
하고 있습니다 그러한 cdn 을 활용을 하면 조금 쉽게 데이터를 얻을 수
있다고 생각을 해 주시면 좋겠는데 요 요 유 징 j 컬을 위더 cdn
아래쪽에 제이쿼리 cdn provide 아이맥스 cdn 이라고 되어 있는
쪽 아래쪽에 링크가 나오게 되는데요
요녀석을 클릭을 하면 cdm 과 관련된 코드를 다운받을 수 있는 페이지로
이동을 하게 됩니다
여기에서 원하는 버전을 클릭해 주시면 되는데요
일반적으로 현재 제이쿼리 2.0 백스 버전은 전혀 사용하지 않는다고
생각을 해 주시면 좋겠고 최신 웹브라우저 만 지원을 할 경우에는 3.6
버전 그리고 아주 예전 웹브라우저 카지 인터넷 익스플로러 2 까지 지원을
해야 된다면 제이쿼리 1점 x 를 사용한다. 라고 생각해주시면 되겠습니다
사실 이 책에서 다루는 범위 그리고 여러분 이제 이 쿼리를 사용해서
뭔가를 하실 때 사용할 범위 내부에서는 대부분 1점 x 와 3 점 x
버전에 기능적으로 큰 차이는 없다 라고 생각을 해 주셔도 되겠습니다
어쨌거나 이 책에서는 3.2 x 버전을 사용하도록 하겠는데요
만약 여러분께서 쇼핑몰 페이지를 만든다면 사실 쇼핑몰을 사용하는 사용자
중에는 구버전의 컴퓨터를 사용을 하셔서 이전 버전의 인터넷 익스플로러의
잎 등을 가지고 계신 분이 있을 수 있거든요 그래서 그러한 경우에는 1점
x 버전에 있는 엉큼한 프레스드 버전을 사용해 주시면 좋겠습니다
어쨌거나 우리는 제이쿼리 3 점 x 의 cdn 사용 방법을 알아볼텐데요
여기 있는 녀석 아무거나 클릭을 해 주신 다음에 나오는 스크립트 태그를
복사를 해서
html 페이지의 위쪽 에다가 붙여 넣어 주시기만 하면 제이쿼리 를
사용할 수 있게 됩니다
어쨌거나 요 위쪽에 있는 코드만 있어도 드는데요 아래쪽에 나오는 코드들은
보안을 위한 코드 라고 생각을 해 주시면 되겠습니다
이와 관련된 자세한 내용은 책에 s risc 라고 411 페이지에 설명을
달아 낮기 때문에 이쪽 부분을 참고를 해주시면 되겠습니다
어쨌거나 이렇게 스크립트 태그를 붙여 넣기만 하면 이 쿼리를 사용할 수
있게 됩니다
다만 요렇게 cdn 을 사용하는 방식에서는 비주얼 스튜디오의 자동완성
기능이 동작하지 않아요 따라서 어떠한 코드를 입력할 때도 자동완성 기능에
도움을 받을 수가 없게 됩니다
만약 자동완성 기능에 도움을 받고 싶으시다면 파일을 다운받아 사용해
주셔야 되는데요
간단하게 요 링크를 웹브라우저의 붙여 넣어 주신 다음에 요녀석을 마우스
오른쪽 클릭을 하고 다른 이름으로 저장 을 눌러서 적절한 폴더에 저장을
해주시면 되겠습니다
그러면 간단하게 저장을 해 보았는데요 일단 현재 html 페이지와 같은
위치에 저장을 했습니다
따라서 이전에 살펴보았던 것처럼 그냥 제이쿼리 이름을 입력을 해주시면
제이쿼리 라는 자바스크립트 파일을 사용할 수 있게 됩니다
어쨌거나 요렇게 이용을 할 때는 아래쪽에 있는 sr inc 가 필요 없기
때문에 제거를 해주시면 되겠구요
이렇게 로컬 파일로 받아서 사용을 하게되면 재발을 할 때 제이쿼리 의
자동 완성 기능이 모두 출력되게 됩니다
현재 3.2 x 버전에서는 5 책에서는 제이쿼리 보조 기능과 관련된
설명이 나오는데 u 기능까지 아예 통합이 되버려서
제이쿼리 와 관련된 모든 설명을 보실 수 있습니다
매개변수로 어떤걸 넣어야 되고 임현석 을 사용하면 어떤 것을 l 나게
되며 이걸 계속 입력을 했을 때 하나하나 타고 내려가면서 자동완성 기능을
활용할 수 있기 때문에 처음 공부 하실 때나 아니면 이후에 계속 뭔가를
하실 때도 편리하게 사용하실 수 있을 거라고 생각을 합니다
어쨌거나 말이 뭔가 계속 빨리 나와 가지고 조금 빠르게 넘어간 느낌이
있는데요
간단하게 정리를 해 보게 되면 제이쿼리 는 제이쿼리 사이트에서 다운받을
수 있다
국회 첫 번째 내용이 되겠고 제이쿼리 에서는 두 가지 버전을 제공을
하는데
컴 프레스드 버전과 엉 컴플렉스 드 버전을 제공을 한다.
배포를 할 때는 우리가 미니 파이드 된 컴플렉스 드 버전을 사용 하지만
우리가 개발을 할 때는 디벨롭먼트 버전을 사용하는 게 좋다 라고 기억을
해주시면 좋겠구요
이어서 제이쿼리 파일을 사용하는 방법엔 두 가지가 있는데 첫 번째 방법은
cdn 을 사용하는 방법이 있고 두 번째는 파일을 다운받아서 사용하는
방법이 있다 라고 기억을 해 주시면 좋겠습니다
어쨌거나 그러면 사용하는 파일이 두가지 종료가 되고 사용방법이 두가지나
되서 어떻게 조합해서 써야 되는지 의문이 드실 수 있는데요
재발을 할 때는 개발용 버전으로 d 벨론 분 버전
엉 컴플렉스 드 버전을 사용해서 로컬 파일로 사용을 하면 자동 완성 기능
도 사용할 수 있고 문제가 발생했을 때 그걸 역 추적하는 것도 쉽기
때문에 요러한 조합을 사용하시는 것들 추천드리고요
실제로 서비스를 배포를 할 때는 프로덕션 버전
아까 보아왔던 컴 프레스드 버전을 사용을 해주시면 좋겠고 cdn 을
사용해서 가장 빠르게 데이터를 받는 방법 또는 이후에 설명하게 되는 캐시
등을 활용할 수 있게 해 주시는게 좋습니다
어쨌거나 요러한 조합으로 사용하면 된다고 기억을 해주시면 좋겠구요
우리가 공부할 때는 일단 아래꺼 를 배제를 하고 위쪽에 있는 형태로
사용하도록 하겠습니다
어쨌거나 그럼 오늘 강의는 여기까지 되겠고 용 다음 강의 부터 본격적으로
제이쿼리 에 대해서 살펴보도록 하겠습니다
그럼 다음 강의에서 뵙겠습니다 감사합니다.