자바스크립트의 시작 - 3. Javascript 활용

 

1. 파일로 쪼개서 정리정돈하기

<script>태그를 제외하고 복사 후 js 파일에 붙여넣는다. 그 후 script 태그 내에 src로 불러오기 하면 같은 기능이 실행된다. 

코드를 재사용할 수 있고, 동시에 코드를 수정할 수 있어 파일로 쪼개 관리하게 되면 유지보수가 편리해진다. 또한 캐시의 입장에서도 장점을 가진다. js파일을 한 번 다운로드해서 캐시에 저장해두면 다운로드 없이 사용할 수 있기 때문에 더 빨리 페이지를 표시할 수 있다.

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

 

 

2. 라이브러리 & 프레임워크

• 라이브러리: 내가 만들고자 하는 프로그램에 필요한 부품이 되는 소프트웨어를 정리정돈해 재사용하기 쉽도록 되어 있는 소프트웨어
• 프레임워크: 만들고자 하는 프로그램의 종류에 따라 공통적인 부분을 미리 만들어 놓는 것. 필요한 부분만 약간 수정해서 사용할 수 있다. 
• 라이브러리는 우리가 필요한 부분을 가져와서 사용하는 것이라면, 프레임워크는 직접 프레임워크 안으로 들어가서 디테일을 수정해 사용하는 것
• jQuery: 가장 유명한 Javascript 라이브러리 중 하나. 생산성을 높일 수 있는 라이브러리로 인터넷에서 다운로드하거나 CDN(Content Delivery Network)이라는 방법을 통해 사용할 수 있다. 

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

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

 

 

3. UI & API

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

<input type="button" value="Click me" onclick="alert('Hello world')">