세상에는 수억개의 웹 페이지가 있는데, 이 페이지들은 여러가지 방식으로 사용자와 상호작용 합니다. 사실 많은 웹 페이지들은 같은 방법을 씁니다. 슬라이드 쇼를 사용하는 웹 페이지를 본적이 있나요? 저는 아주 많이 봤습니다!
밑의 예는 내셔널 지오그래픽의 웹 페이지입니다:
National Geographic 슬라이드 쇼의 스크린샷
이건 BBC 것입니다:
BBC 슬라이드 쇼의 스크린샷
The Onion의 웹 페이지 입니다:
The Onion 슬라이드 쇼의 스크린샷
위의 웹 페이지를 만든 모든 개발자들이 자기가 개발한 JavaScript 코드를 사용했을 수도 있지만, 아마 많은 개발자들이 같은 코드를 재사용했을 겁니다. 다른 프로그래머들이 이미 써논 코드를 다시 쓰느라 시간 낭비하지 않도록 이미 있는 코드는 재사용하는것이 좋습니다.
JavaScript에서는 라이브러리(library)라는 것을 통해 코드를 재사용 합니다. 라이브러리는 여러 함수들이 들어있는 JavaScript 파일로, 이 함수들은 웹 페이지에 유용한 기능을 제공합니다.
어떤 함수를 쓸 수 있을지 어떻게 알까요? 파일이 짧다면 JavaScript 파일을 바로 읽어볼수도 있지만 문서(documentation)를 읽어보는게 더 좋습니다. 대부분의 라이브러리는 문서안에 사용 가능한 함수나 실제사용 사례의 리스트를 가지고 있습니다.
밑에 있는 사진은 슬라이드 쇼를 만드는데 흔히 쓰이는 JS 라이브러리 Galleria 문서에서 발췌한 것입니다.
Galleria 슬라이드 쇼의 스크린샷
프로그래머가 JS 라이브러리를 만들어서 올린다는 것은 전 세계와 공유하고 싶다는 것과 같습니다. 그래서 대부분 좋은 문서와 예를 만들기위해 노력합니다. 언젠간 여러분도 정말 쓸모있다고 생각하는 기능의 라이브러리를 만들어 공유하게 될지도 모릅니다.
하지만 그 전에, 라이브러리는 어떻게 사용할까요? 다음에서 보여드리겠습니다!