Javascript 활용(생활코딩)

▶ 파일을 이용해 코드 정리하기

연관된 코드들을 .js 파일로 정리해 웹페이지에 포함시키기

-> 코드 정리정돈, cache를 이용하여 browser가 한 번 다운로드 한 것은 다시 다운하지 않기 때문에 서버의 트랙을 줄일 수 있다.

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

여러개의 js 파일 가져오기 -> 한줄에 한번씩 script src를 선언해 준다.

<script src="app.js></script>
<script src="color.js></script>

▶ 라이브러리와 프레임워크

☆ jQuery

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

이 한 줄을 <head>에 추가하여 사용

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

->반복문을 사용하지 않고 이 한 줄만으로 모든 a 태그의 색깔을 powderblue로 바꿀 수 있는 것

<head>

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

... 

</head>

$('h1').css("font-size", "7px");

▶ UI와 API

* 웹 개발과 관련된 검색어

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

코린이 삐약이의 성장일기