6일차
수업의 목적
HTML과 JavaScript의 만남 1 (script 태그)
HTML과 JavaScript의 만남 2 (이벤트)
HTML과 JavaScript의 만남 3 (콘솔)
데이터타입 - 문자열과 숫자
변수와 대입 연산자
웹브라우저 제어
CSS 기초
제어할 태그 선택하기
프로그램, 프로그래밍, 프로그래머
조건문 예고
비교 연산자와 Boolean 데이터 타입
조건문
조건문의 활용
리팩토링(refactoring)
반복문 예고
배열
반복문
배열과 반복문
배열과 반복문의 활용
함수예고
함수
함수의 활용
객체예고
객체
객체 활용
파일로 쪼개서 정리 정돈하기
라이브러리와 프래임워크
UI vs API
수업을 마치며
#35. 라이브러리와 프레임워크
▲ jQuery
□ 라이브러리 : 부품들이 정리정돈되어 있는 마법상자
□ 프레임워크 : 범용성을 가진 반제품 공장
□ jQuery : 가장 전통있고 있기있는 라이브러리. 간단하게 코드가 '$'로 시작한다
모든 <a> 태그를 jQuery로 제어하기
$('a')
▲ CDN (Content Delivery Network)
북치고 장구까지 쳐준다.
jQuery 코드를 삽입하는 것만으로 '이용'가능하고, 우리의 파일까지 '보관'해 준다 (*우리 <script src=""></script> 태그를 통해 가져오면 무료!)
▲ jQuery Google CDN '복사 + 붙여넣기'
▲ 주석처리
jQuery 구동을 테스트하기 위해 기존 코드를 주석처리 한다.
주석처리 → ctrl + /
//
▲ $('a'')
웹페이지의 모든 <a>태그를 jQuery로 제어하겠다.
$('a')
▲ 색상 제어하기
▲ 모든 웹페이지에 jQuery CDN 코드 넣기
'Develop > WEB2 - JavaScript' 카테고리의 다른 글
| [6일차] #37. 수업을 마치며 - 더 나아가기 '추천 검색어' (0) | 2018.12.08 |
|---|---|
| [6일차] #36. UI vs API (0) | 2018.12.07 |
| [6일차] #34. 파일로 쪼개서 정리 정돈하기 - <script scr="1억개의 힘"></script> (0) | 2018.12.07 |
| [5일차] #33. 객체 활용 (0) | 2018.12.07 |
| [5일차] #32. 객체 프로퍼티와 메소드 (0) | 2018.12.07 |
