개발 기본
라이브러리(Library)
라이브러리는 날짜 처리나 화면 구성 같은 기능을 가져다 쓸 수 있도록 만들어 둔 코드 모음입니다.
쉬운 설명
AI가 “날짜를 표시하려면 라이브러리를 추가하겠습니다”라고 할 수 있어요. 필요한 기능을 모두 직접 작성하는 대신 이미 만들어진 코드를 사용하는 거예요. JavaScript에서는 npm 같은 도구로 패키지를 설치하고 필요한 함수를 가져오는 경우가 많아요. 설치만 하면 앱에 기능이 자동으로 생기는 것은 아니고, 코드에서 연결해 사용해야 해요.
이런 상황에서 만나요
스터디 일정을 일정한 날짜 형식으로 보여 주려고 해요. 날짜 처리 라이브러리인 date-fns에서 format 함수를 가져오는 예로, 설치와 코드 사용을 구분해 볼 수 있어요.
설치한 라이브러리의 함수를 코드에서 사용해요
date-fns가 프로젝트에 설치된 상태
import { format } from "date-fns";
format(new Date(2026, 8, 12), "yyyy-MM-dd");2026-09-12
- 1아래 코드는 패키지를 사용할 수 있는 환경을 전제로 해요.
- 2format 함수를 가져와 날짜를 지정한 형식으로 바꿔요.
- 3함수가 반환할 문자열 예시예요. 앱 화면에 보여 주는 코드는 별도로 연결해요.
AI에게 추가하려는 라이브러리가 어떤 문제를 해결하는지와 이미 설치돼 있는지를 확인해 달라고 해 보세요. 적용한 뒤에는 실제 입력에서 결과를 시험해요. 공식 문서의 사용법이 설치한 버전과 맞는지도 살펴봐요.
헷갈리기 쉬운 점
라이브러리와 패키지는 같은 말인가요?
대화에서 섞어 쓰기도 하지만 관점이 달라요. 라이브러리는 재사용할 기능을 제공하는 코드 모음이고, 패키지는 배포·설치하는 묶음이에요. 패키지 안에 라이브러리나 실행 도구 등이 들어 있을 수 있어요.
같은 기능이 이미 있거나 언어의 기본 기능으로 충분하다면 새 의존성을 추가할 필요가 없을 수도 있어요. 추가할 때는 유지보수 상태와 라이선스, 기존 코드와의 호환성을 확인하고 버전을 바꾼 뒤 다시 시험해요.
왜 알아야 할까요?
AI가 새 코드를 추가하는 이유와 설치가 필요한 이유를 이해할 수 있어요. 라이브러리를 찾지 못하는 오류와 사용법이 맞지 않는 오류를 나눠 확인하기도 쉬워져요.
조금 더 자세히
라이브러리를 사용하려면 실행 환경에서 해당 코드를 찾을 수 있어야 합니다. JavaScript 프로젝트에서는 package.json에 필요한 패키지를 기록하고 설치한 뒤 import 등으로 사용합니다.
라이브러리의 기능과 입력·출력 규칙은 문서에서 확인합니다. 아래 date-fns 예시의 날짜는 JavaScript Date로 만들며 월 값은 0부터 시작하므로 8은 9월입니다. 날짜와 시간대를 다룰 때는 실제 입력 조건도 함께 확인합니다.
직접 사용할 때 확인해 보세요
- 이미 있는 기능으로 해결 가능한지 확인한다
- 설치한 패키지와 버전에 맞는 문서를 읽는다
- 실제 입력과 기대 결과로 기능을 시험한다