본문 바로가기
  • ANALOG CODE
  • AnalogCode
개발

Vue Progressive Framework

by 아날로그코더 2023. 3. 11.
반응형

프로그레시브 프레임워크 (Progressive Framework)

 

Vue는 프로그레시브 프레임워크 라고 한다.

 

한글로 풀이하면 점진적인 프레임워크이다.

 

점진적

조금씩 앞으로 나아가는 것.

 

🤔 그럼 Vue는 무엇을 조금씩 앞으로 나아간다는 것인가??

 

Vue는 프레임워크이니만큼 프론트엔드 개발에 필요한 많은 기능을 담고 있다.

렌더링, 컴포넌트, 라우팅, 상태관리, 서버사이드 렌더링 등 다양한 기능이 있지만,

우리가 개발하려는 프로젝트에서 이것들을 모두 다 사용할 필요는 없을 수 있다.

 

아주 간단한 프로젝트를 위해 Vue의 최소기능만 가져다가 사용할 수 있으며,

프로젝트가 조금씩 확장해가면서 Vue의 기능들을 하나씩 적용시켜 나갈 수 있다.

 

👉  즉, 처음에는 Vue의 최소한의 기능만으로 개발을 시작하고 점진적으로 다른 기능들을 적용시킬 수 있다는 것이다.

 

 

 

이와는 반대되는 말로 모놀리식 프레임워크 (Monolithic Framework) 가 있다.

 

모놀리식 프레임워크 (Monolithic Framework)

monolithic
하나로 된 거대한 덩어리. 일체로 되어 있는

프로그레시브와 반대되는 개념이 모놀리식 프레임워크이다.

Angular 가 바로 모놀리식 프레임워크이다.

 

프레임워크 자체가 내부적으로 모두 연결되어 있기 때문에 하나의 프레임워크 안에서 코드가 돌아가도록 짜야하는 것이다.

프레임워크의 특정 부분만 사용해서 프로젝트의 일부분에만 적용시킬 수가 없다는 뜻이다.

 

유연성이 떨어지긴 하지만,

프레임워크에 맞춰서 개발만 하면 되기 때문에 어찌보면 모든 기능을 정해진 틀로만 만들면 되는 장점이 있지만,

그대신 프레임워크의 모든 기능을 알아야 사용할 수 있으므로 러닝커브가 높아질 수 밖에 없다.

 

 

그래서 결론은?

우리는 다양한 프로젝트를 빠르게 만들기 위해 러닝커브가 높은 모놀리식 프레임워크의 모든 기능을 공부할 시간따위는 많지 않다.

모든 기능을 다 몰라도 가져다 사용할 수 있고, 필요하면 점진적으로 기능을 적용할 수 있는 프로그레시브 프레임워크가 

요즘 트렌드에 더 맞다고 생각한다.

 

Vue는 

빌드가 필요없는 단순 정적 HTML에 적용하여 사용할 수도 있고,

SPA를 개발하는데 사용할 수도 있으며,

서버 사이드 렌더링까지 하는 방식으로 사용할 수도 있다.

 

아주 작은 단위부터 큰단위까지 우리가 원하는 만큼 선택해서 사용할 수 있다는 것이다.

우리가 최적의 방법을 선택하면 되는 것이다.

 

이것이 바로 프로그레시브 프레임워크이다.

 

 

반응형

댓글