프레임워크 vs 라이브러리

YJ·2025년 6월 29일
0

프로젝트 진행 중 어떻게 하면 효율적으로 기획 및 개발을 할 수 있을지에 대해 고민했고,
개발 전/후에 대한 프로세스를 조사해보았다.

참고로 개발 프로세스는 아래와 같다고 한다!

그 중 프레임워크와 라이브러리에 대한 개념이 생소해 이에 대해 조사해보았다 ✏️
 
 
 
 

프레임워크 vs 라이브러리❓

  • 프레임워크 = 뼈대 + 규칙 있는 건축 설계도
  • 라이브러리 = 부품 모음집 (필요할 때 가져다 쓰는 도구)

라고 요약할 수 있다.


프레임워크란?

규칙이 정해져 있는 개발 뼈대

  1. 코드를 프레임워크 안에 끼워 넣는 구조

  2. 개발자가 규칙을 따르며 만들어야 함

  3. 무언가 만들기 위한 전체 구조를 미리 세팅해야 함

예시

  • 웹 백엔드Django, Spring, Express

  • 프론트엔드React, Vue, Angular

  • 모바일 앱 Flutter, React Native, SwiftUI

▶️ Django

  • 쉽고 빠르게 웹사이트를 개발할 수 있도록 돕는 파이썬으로 만들어진 무료 오픈소스 프레임워크
  • 회원가입, 로그인, 로그아웃과 같이 사용자 인증을 다루는 방법이나 웹사이트의 관리자 패널, 폼, 파일 업로드와 같은 것들의 요소 모음
    (로그인/DB연결/페이지 라우팅 등 기본 기능 모두 제공)

참고 링크: https://tutorial.djangogirls.org/ko/django/


라이브러리란?

특정 기능을 쉽게 도와주는 코드 조각들

  1. 내가 원할 때 가져다 써서 조립

  2. 자유도가 높고, 필요한 기능만 골라서 씀

예시

  • 날짜 처리moment.js, date-fns

  • HTTP 요청axios, fetch

  • 차트chart.js, d3.js

▶️ moment.js

https://momentjs.com/

  • JavaScript에서 가장 많이 사용되어 온 날짜 라이브러리
  • 현재 날짜를 가져오거나, 특정 날짜의 년/월/일만을 가져오거나, 내가 원하는 날짜 포맷으로 형식을 변경해 주거나, 특정 날짜와 비교해 주는 등 날짜 관련해서 다양한 처리가 필요할 때 사용

사용 방법 참고 링크:
https://velog.io/@dojunggeun/JavaScript-Moment.js%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-Date-Time-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0


☑️최신 웹개발 스택 트렌드

https://twentytwentyone.tistory.com/248

  • 이 부분이 다음주부터 진행될 프로젝트 개발 기간에 참고하면 좋을 것 같아서 캡처해왔다!

3개의 댓글

comment-user-thumbnail
2025년 7월 20일

사실 리액트도 프레임워크처럼 쓰지만 라이브러리입니당. 리액트 프레임워크인 넥스트나 리믹스를 써보는건 어때요?

답글 달기
comment-user-thumbnail
2025년 7월 27일

프론트 관련한 프레임워크나 라이브러리는 많이 알고 있었는데 백엔드 관련까지 있어서 새롭게 배울 수 있었어요!

답글 달기
comment-user-thumbnail
2025년 7월 28일

프로젝트하면서 백엔드분들의 기술들 궁금했었는데 덕분에 알게 되었습니다!!

답글 달기