jQuery의 10년
지난 10년간, 자바스크립트의 라이브러리는 jQuery가 가장 많이 사용되었으나, 현재 그 인기는 많이 줄었습니다. jQuery가 인기 많았던 이유는 다음과 같습니다.
1. IE6,7,8을 포함해서 다양하게 동작하는 웹브라우저의 API 간의 차이를 줄임
2. 복잡하고 어려운 DOM APIs를 추상화해서 제공해서 쉽게 DOM 조작 가능
3. 사고의 흐름에 맞춰 프로그래밍할 수 있음
그러나 최근엔 jQuery의 인기는 다음과 같은 이유로 차차 줄어들고 있습니다.
1. 7~8년 전부터 등장한 JS Frameworks들이 좀 더 추상화된 방식으로 DOM 접근을 도와주고 있습니다.
2. 다른 라이브러리들도 jQuery와 비슷한 방식을 지원합니다. (ECMAScript 2015부터 편리한 함수들이 많이 제공)
3. jQuery가 제공했던 유용한 기능들이 javaScript 표준방법으로 사용할 수 있게 되었습니다.
이처럼 인기가 점점 줄어들어 사용빈도가 줄어드는 라이브러리인 jQuery 의존도를 줄여나가야 하지만, 아직까지 jQuery로 작성되어있는 코드들이 많이 있습니다. 이러한 jQeury를 다뤄야 할 때는 다음과 같은 사항을 주의해서 작성해야 합니다.
1. jQuery의 버전을 잘 확인하고, 그 버전에 맞는 적절한 메서드를 선택합니다.
2. 한 페이지에 여러 가지 jQuery버전이 없도록 합니다.
3. 가급적 대체 가능한 메서드는 표준 JavaScript메서드를 사용하면서 jQuery의존도를 줄여나갑니다.
인기 있는 라이브러리는 무엇일까
라이브러리 수준에서 유용한 것들은 이제는 Framework에서 이를 얼마나 사용하는가에 의해서 인기가 달라집니다. 즉, '어떤 Framework가 인기가 있는가?'에 의해서 그 Framework이 가진 철학에 따라서 필요한 라이브러리가 의존적으로 많이 쓰이고 인기를 얻고 있습니다. 그렇다 보니, Framework과 관련 없이 많이 쓰일만한 라이브러리는 이제 별로 없습니다. Observables을 처리해주는 RxJS나, Lodash와 같은 데이터를 쉽게 처리해주는 유틸리티 등이 인기를 얻는 정도입니다. 나머지 라이브러리는 해당 Framework가 사용하는 것이 무엇인가에 따라 달라집니다. (예: React에서는 Immutable.js나 Redux 등이 인기를 얻고 있는 것 )
SPAs Framework (Single Page Application)
웹에서 데이터 처리나 복잡한 Ajax처리, routing처리 등이 많아지면서, 이를 편리하게 해주는 Framework가 존재합니다. React, Angular, Vue, Ember와 같은 것들이며, Single Page Application이라는 서비스라고 합니다. 이러한 프레임워크를 사용하면 좀 더 쉽게 DOM을 제어할 수 있고 Data 조작을 view에서 분리해서 관리할 수 있습니다. 또한 component 방식으로 개발할 수 있어 재사용 가능한 코드를 만들 수 있습니다. 라이브러리가 유용한 함수들을 제공한다면 Framework는 큰 애플리케이션의 구조를 잡는 것을 도와줍니다. 특히 웹 개발에서 더 유용하게 사용할 수 있습니다.
2019 Top 3JavaScript Framework
1.Vue.js
Vue는 2018 년에 가장 인기 있는 프런트 엔드 GitHub 프로젝트이며, 2018 년에 117k 개의 별과 29k 이상의 포크 (작성 당시)로 프레임 워크입니다. Google에서 근무하는 동안 수많은 Angular.js 프로젝트를 수행 한 Evan You가 만든 Vue.js는 Angular.js의 경량 버전이며 매력적인 대안이 될 수 있습니다.
개발자가 Vue를 좋아하는 주된 이유 중 하나는 점진적인 프레임워크이기 때문입니다. 이는 3 개의 라인부터 전체 뷰 레이어 관리에 이르기까지 개발자의 요구에 맞게 우아하게 적응할 수 있음을 의미합니다. VueJS는‘스크립트’ 태그를 통해 앱 내에서 빠르게 공간을 탐색할 수 있도록 빠르게 통합될 수 있습니다. 그러나 Vue는 Angularjs, Reactjs 및 Knockout과 같은 프레임워크가 제공하는 최상의 선택과 가능성을 선택하기 때문에 특히 효과적입니다. 이를 통해 모든 프레임 워크의 최상의 버전이 깔끔한 패키지로 제공됩니다.
(출처 - https://medium.com/cuelogic-technologies/top-3-best-javascript-frameworks-for-2019-3e6d21eff3d0)
2. React.JS
React는 Facebook을 강화하는 또 다른 인기 있는 JavaScript 라이브러리입니다. 2013 년 Facebook에서 개발하고 공개 한이 회사는 데이터를 동적으로 처리하는 거대한 웹 응용 프로그램의 개발로 빠르게 발전했습니다.
React가 광범위하게 사용하는 주요 사례 중 하나는 개발자가 복잡한 코드를 분석하고 실시간 데이터를 처리할 수 있는 오류가 없는 환경에서 재사용해야 하는 경우입니다.
React는 모든 애플리케이션과 통합할 수 있도록 가상 DOM을 사용합니다. 또한 JSX를 채택하여 구성 요소를 구성하고 다른 JS 라이브러리 / 프레임 워크에 비해 SEO 친화적인 웹 페이지를 개발하는 데 도움을 줍니다.
(출처 - https://medium.com/cuelogic-technologies/top-3-best-javascript-frameworks-for-2019-3e6d21eff3d0)
3. Angular.JS
Angular는 가장 강력한 오픈 소스 프레임 워크 중 하나입니다. 이 솔루션은 개발자에게 즉시 가능한 모든 옵션을 제공하는 것을 목표로하는“올인원”솔루션입니다. 라우팅에서 HTTP 요청 처리 및 TypeScript 채택에 이르기까지 모든 것이 설정되었습니다. 이전 버전에서는 Angular의 학습 곡선이 상당히 가파르지만 최신 버전의 Angular 5 및 6에서는 매끄럽게 향상되었습니다. 이는 강력한 CLI를 통해 가능해졌으며 하위 수준의 세부 정보를 알아야 할 필요성이 없어졌습니다. 간단한 앱. Google에서 개발하고 유지 관리하는 Angular는 6 개월마다 새 버전을 출시하는 일정을 준수했습니다. 최신 릴리스는 주로 새로운 기능 추가 및 성능 향상에 중점을 두었습니다.
(출처 - https://medium.com/cuelogic-technologies/top-3-best-javascript-frameworks-for-2019-3e6d21eff3d0)
마무리
라이브러리나 프레임워크는 그 수가 많습니다. 어떤 경우에는 이러한 라이브러리가 필요하지 않은 경우도 많습니다. 이러한 상황에서 우리는 라이브러리나 프레임워크가 어떤 목적을 갖고 있는지 공부하여 필요한 시점에 적절한 것을 골라 사용하는 능력을 길러야 할 것 같습니다.
출처
1. https://www.edwith.org/boostcourse-web/lecture/16785/
[LECTURE] 1) JavaScript 라이브러리 : edwith
들어가기 전에 자바스크립트 세계에도 개발을 좀더 쉽게 도와주는 라이브러리가 많이 있습니다. 어떤 라이브러리가 어떤 부분을 돕는지 궁금한 경우가 많습니다. 학습 목표 자바스크립트 라... - moons
www.edwith.org
2. https://medium.com/cuelogic-technologies/top-3-best-javascript-frameworks-for-2019-3e6d21eff3d0
`Top 3 Best JavaScript Frameworks for 2019
Introducing javascript frameworks
medium.com