한눈에 보는 정의
자주 쓰는 기능을 미리 만들어 둔 코드 묶음. 필요한 부분만 불러와 내 코드 안에서 쓴다.
이런 말로 들어요
- 그래프는 차트 라이브러리를 써서 빨리 붙일게요.
- 라이브러리가 너무 많아서 페이지가 무거워졌어요.
그림으로 보기
라이브러리는 내가 필요할 때 불러 쓰는 도구 묶음이고, 프레임워크는 코드를 넣을 자리와 순서를 정해 둔 골조입니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
라이브러리는 공구함과 비슷합니다. 날짜 계산, 차트 그리기, 애니메이션처럼 이미 누군가 잘 만들어 둔 기능을 가져다 쓰면 처음부터 만들 필요가 없습니다. 프레임워크가 "이 순서와 규칙대로 만들라"는 뼈대를 정한다면, 라이브러리는 내가 원하는 순간에 불러 쓰는 도구에 가깝습니다. 바이브코딩에서 AI가 "OO 라이브러리를 설치하겠다"고 하면 이런 도구를 하나 추가하는 것입니다.
실무 예시
예를 들어 예약 달력을 직접 만들지 않고 날짜 선택 라이브러리를 설치해 붙이면, 공휴일 처리나 모바일 터치 같은 세부 기능을 함께 얻을 수 있습니다.
함께 살펴볼 점
라이브러리를 하나 더할 때마다 페이지 용량과 관리할 것이 늘어납니다. 오래 관리되지 않는 라이브러리는 보안 문제가 생길 수 있으니 최근 업데이트와 사용자 수를 확인하고 꼭 필요한 것만 씁니다.
AI에게 이렇게 요청해 보세요
예약 달력 기능에 쓸 만한 날짜 선택 라이브러리를 2~3개 비교해 줘. 용량, 최근 업데이트, 한국어 지원, 접근성(키보드 조작)을 표로 정리하고 하나를 추천해 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- Introduction to client-side frameworks - MDN 새 창
자바스크립트 프레임워크와 라이브러리의 역할과 쓰임을 설명한 학습 자료를 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정