200808 7일차 정리 - 파일로 쪼개서 정리

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

: colors.js 파일에 겹치는 부분 저장해놓고,

위 코드 이용해 파일 불러오기. (웹페이지에 포함시키기)

=> 캐싱, 시간과 돈 절감 가능!

라이브러리와 프레임워크

• 라이브러리 : 땡겨와서 쓰는 느낌 (JQuery)
• 프레임워크 :  안에 들어가서 쓰는 느낌
• 공통점 - 다른 사람과 협력할 때 사용

JQuery를 쓰고 싶을 때

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

(예1)

$('a').css("color", color);

• $('a') :  모든 a 태그를 JQuery로 제어하겠다는 의미

• css라는 함수를 JQuery가 대신 만들어 둔 것
• 아래 코드와 같은 의미 (아래 코드처럼 반복문 안 쓰고, 한 줄로 대체 가능)

var alist = document.querySelectorAll('a');
var i = 0;
while(i < alist.length) {
    alikst[i].style.color = color;
    i += 1;
}

(예2)

$('body').css('color', color);

: document.querySelector('body').style.color = color; 와 같은 의미

---

수업 마치기

• 수업 끝
• 프로젝트 돌입하기

document	태그 삭제하거나 자식 태그 추가하고 싶을 때
DOM (Document Object Model)	document 객체
window	웹브라우저 자체를 제어해야 할 때
ajax	웹페이지 reload하지 않고 정보 변경하고 싶을 때
cookie	웹페이지가 reload 되어도 현재 상태 유지하고 싶을 때
offline web application	인터넷이 끊겨도 동작하는 웹페이지 만들기
webRTC	화상통신 web 만들고 싶을 때
speech	사용자의 음성 인식으로 정보 전달하고 싶을 때
webGL	3차원 그래픽으로 게임 만들고 싶을 때
webVR	가상현실에 관심 있을 때

 

---

생활코딩 WEB2 JavaScript