Web/Frontend

jQuery 프레임워크에 대해

WakaraNai 2021. 7. 1. 16:19
728x90
반응형

$  == document.querySelector()

 

 

Framework

웹에서 할 수 있는 것들이 많아지면서, Single Page Application이라는 서비스개념이 등장했습니다.

(SPA는 페이지 갱신 요청 시, 갱신에 필요한 데이터만 전달받아 새로고침 없이 페이지를 갱신) 

즉 웹에서 데이터처리나 복잡한 Ajax처리, routing처리 등이 많아지면서, 이를 편리하게 해주는 Framework가 나왔습니다.

React, Angular, Vue, Ember와 같은 것들이 그런 것입니다.

이를 사용하면 좀 더 쉽게 DOM제어를 할 수 있고, Data조작을 View에서 분리해서 관리할 수 있습니다.

그리고 component방식으로 개발할 수 있어 재사용가 능한 코드를 만들 수도 있고요.

라이브러리가 유용한 함수들을 제공한다고 할 수 있다면, Framework는 큰 애플리케이션의 구조를 잡는 것을 도와주는 역할을 하죠.

특히 데스크탑 웹 개발에서 더 유용하게 사용할 수 있습니다.

 

라이브러리 수준에서 유용한 것들은 이제는 Framework에서 이를 얼마나 사용하는가에 의해서 인기가 달라집니다.

다시 말해서, '어떤 Framework가 인기가 있는가?'에 의해서 그 Framework이 가진 철학에 따라서 필요한 라이브러리가 의존적으로 많이 쓰이고 인기를 얻고 있습니다.

그렇다보니, Framework과 관련 없이 많이 쓰일만한 라이브러리는 이제 별로 없습니다.

Observables을 처리해주는 RxJS나, Lodash와 같은 데이터를 쉽게 처리해주는 유틸리티 등이 인기를 얻는 정도입니다.

나머지 라이브러리는 해당 Framework가 사용하는 것이 무엇인가에 따라 달라집니다.

예를 들어 React에서는 Immutable.js나 Redux 등이 인기를 얻고 있는 것처럼요.

 

 

jQuery를 사용해야 한다면,

jQuery를 다뤄야 할 때는 몇 가지 가이드를 기억해두면 좋습니다.

jQuery의 버전을 잘 확인하고, 그 버전에 맞는 적절한 메서드를 선택합니다.

한 페이지에 여러 가지 jQuery버전이 없도록 합니다.

가급적 대체 가능한 메서드는 표준 JavaScript메서드를 사용하면서 jQuery의존도를 줄여나갑니다.

 

결론

라이브러리나 프레임워크는 필요한 시점에 적절한 것을 골라서 사용하면 됩니다.

그리기 위해서는 라이브러리나 프레임워크가 어떤 목적을 가지고 있는 것인지 관심을 두는 게 좋습니다.

그래야 우리에게 필요한 것을 잘 선택할 수 있습니다.

어쩌면 라이브러리가 필요하지 않은 경우도 상당히 많습니다.

 

728x90
반응형

'Web > Frontend' 카테고리의 다른 글

Clean Code  (0) 2021.07.06
handlebar를 활용한 템플릿 작업  (0) 2021.07.06
[JS] 객체리터럴, this, bind()  (0) 2021.07.01
[JS] 배열 메소드  (0) 2021.07.01
HTML Templating  (0) 2021.06.11