9. Javascript 활용

js 파일 불러오기

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

 

js 파일 이용의 장점

• 코드를 재사용 용이
• 유지보수의 편의성
• 클린 코드와 가독성 용이
• 빠른 페이지 로드

 

라이브러리(Library) vs 프레임워크(Framework) 

• 라이브러리는 프로그램에 필요한 부품이 되는 소프트웨어가 정리되어 있는 것
• 프레임워크는 만들고자 하는 프로그램의 종류에 따라서 공통적인 부분을 미리 만들어놓는 것

 

대표 라이브러리 jQuery

http://www.jquery.com/

jQuery

구글 CDN*을 사용하여 jQuery 라이브러리를 불러오고, jQuery를 사용해 a 태그의 모든 색깔을 powerblue 로 변경

※ CDN(Content Delivery Network) : 콘텐츠를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
$('a').css("color","powderblue");

 

UI와 API

• UI(User Interface) : 사용자들이 시스템을 제어하기 위해서 조작하는 장치
• API(Application Programming Interface) : 프로그래머들이 사용하는 조작 장치

 

Appendix. 마치며..더 공부하면 좋은 것들

• 태그를 삭제하거나 자식 태그를 추가하고 싶은 경우 : document, DOM 객체
• 웹브라우저 자체를 제어해야 하는 경우 : windows 객체의 프로퍼티나 메소드
• 웹페이지를 새로고침하지 않고도 정보를 변경하고 싶거나 그 반대의 경우 : ajax, cookie
• 인터넷이 끊겨도 동작하는 웹페이지를 만들고 싶은 경우 : offline web application
• 화상 통신 웹 앱을 만들고 싶은 경우 : webRTC
• 음성을 인식하거나 음성과 관련된 것을 처리하고 싶은 경우 : speech로 시작되는 API들
• 3차원 그래픽을 이용하고 싶은 경우 : webGL
• 가상현실에 대해서 알아보고 싶은 경우 : webVR