Front-end

프레임워크 / 라이브러리 / 플러그인

SONIHEEE 2023. 7. 6. 18:16

아직 개념이 확실하지않아서 매우매우 헷깔리는중..

그냥아무거나 갖다붙이는거같아서 제대로알아보려고한다

(문과식으로 이해하도록하는걸로..! 주절주절 넘어려운말이 많음..)

 

📍프레임워크란?

frame은 "틀", work은 "일하다"라는 뜻이다. 두가지의 의미를 합치면 틀을 가지고 일하다 가 된다.

예를들면 Vue에서 우리는 v-bind, v-for 등의 틀을 가지고 작업을한다.

프로그램 개발을 하기위해 사용되는 틀을 제공하는 프로그램! 이라고 보면된다

 

⭕️프레임워크의장점

  1. 효율적이다
    기본적인 틀이 존재하기에 시간도 절약이 되며 훨씬 더 빨리 만들수있다.
  2. 유지보수가 쉽다.
    하나하나 개개인이 짜놓았던 코드라면 다른사람이 볼 경우 알기 어렵지만
    프레임워크를 사용한 코드라면 체계적이기 때문에 다른사람이 만든것이라도 알아보기가 쉽기에 다른사람이 고칠수도있다.

 

프레임워크의단점

  1. 학습시간이 길다.
    기본적인 틀과 사용법을 익혀야 하기 때문에 프레임워크에 있는 코드를 학습하는데 오랜 시간이 걸린다.
  2. 자유도
    프레임워크는 제작자가 만든 구조에서 크게 벗어날수가 없기에 개발자가 자유롭거나 유연하게 만들기가 힘들다.

배우는시간은길지만 한번 배우면 우용하게 사용할수있다!

몰랐는데 리액트로 프레임워크군...나 왜 라이브러리로알았지..

 

📍라이브러리란?

직역하면 도서관이 되시게따..

도서관에 책들이 많이 있고 우리는 가서 책을 읽어 다양한지식을 습득하게된다

컴퓨터에서도 같은 의미이다.

 

우리가 프로그래밍을 할 때, 출력함수나 입력함수를 사용하는 것을 아무렇지도 않게 쓰고있는데 사실 그 함수들도 이미 프로그래밍이 되어있고 우리는 가져다 사용하는 것일 뿐이다..!

선배 개발자들이 미리 만들어둔 함수들을 우리가 사용하므로써 개발하는 시간을 줄일 수 있는 것..

프레임워크는 한번에 이해됬는데 라이브러리는 이해안가는것..............어쩜조하

 

프레임워크랑 비교하자면 프레임워크보다 자유도가 훨씬 높다! 프레임워크는 말그대로 틀에 나의코드를 맞춰야하지만, 라이브러리는 사용을 위한 최소한의 규칙만 지킨다면 OK!

✔️프레임워크와 라이브러리의 차이는 '제어의 흐름을 누가 쥐고 있느냐'에 있다.
➜제어의 흐름이란..?
알아보기!><

 

📍플러그인이란?

플러그인이란 콘센트에 플러그를 꼽는 것처럼 본체 프로그램에 없던 기능을 더해 넣는것이다!

라이브러리의 조금 더 작은 개념이고, 플러그인이 집합하면 라이브러리가된다

 

밑에분이 파스타에 비유를 아주잘해주셨다

https://velog.io/@qeiqiem/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8

 

프레임워크 / 라이브러리 / 플러그인

이 세 가지 개념의 차이점을 알아보자

velog.io

프레임워크는 '레시피'

라이브러리는 '토마토소스'

플러그인은 라이브러리와 비슷하지만, '핸드메이드 소스'

내 머릿속에 쏙 들어왔다 .. 감사합당..!

 

'Front-end' 카테고리의 다른 글

REST API  (1) 2023.08.15
e.preventDefault 사용 이유  (0) 2023.07.22
react-router-dom  (0) 2023.07.08
solidjs란  (0) 2023.06.21
npm과 npx의 차이  (0) 2023.06.19