2020 년 서버 측 개발을위한 10 가지 JavaScript 프레임 워크

가장 필수적인 백엔드 JavaScript 프레임 워크의 선별 된 목록

Unsplash에 Fotis Fotopoulos의 사진

첫 번째 브라우저 전쟁 동안 Brendan EichNetscape Browser 의 DOM을 조작하기위한 스크립팅 언어로 JavaScript를 만들었습니다 . 당시 JavaScript는 주로 웹 프런트 엔드 개발에 사용되었습니다.

서버 측 프로그래밍 언어로서 JavaScript의 진정한 혁신은 2009 년에 나왔습니다 . 아주 어린 소프트웨어 엔지니어 인 Ryan DahlChrome의 JavaScript 런타임 V8 및 C ++ 라이브러리를 사용하여 서버 측 JavaScript 런타임 Node.js 를 만들었습니다 . 이벤트 루프 및 비동기 특성 으로 인해 Node.js는 이벤트 기반의 I / O 무거운 애플리케이션 (예 : 웹 애플리케이션, IoT)에 특히 적합합니다.

지난 10 년 동안 Node.js는 급증한 인기를 얻었습니다. Node.js의 성공과 인기로 인해 Javascript 는 클라이언트 측 및 서버 측 웹 의“통합 언어”가되었습니다 . 오늘날 JavaScript는 가장 인기있는 서버 측 프로그래밍 언어 중 하나입니다.

단점은 다음 이미지로 완벽하게 요약 된 것처럼 JavaScript 프레임 워크가 너무 많다는 것입니다.

출처 : Devrant

JavaScript 기반 백엔드 애플리케이션을 개발하려면 어떤 프레임 워크를 선택해야합니까? 다음 기준에 따라 최고의 서버 측 JavaScript 프레임 워크 10 개를 나열합니다.

  • 신뢰할 수있는 사이트 ( GitHub , The State of JavaScript, NPM Trends )를 기반으로 매우 인기가 있습니다 .
  • 주류 및 설립.
  • 그들은 업계에서 많이 채택됩니다.
  • 성숙한.

표현하다

출처 : expressjs

Express는 Node.js를 기반으로 가장 잘 알려진 웹 애플리케이션 프레임 워크이며 전체적으로 가장 많이 사용되는 웹 애플리케이션 프레임 워크 중 하나입니다. 주로 웹 애플리케이션 및 REST API를 개발하는 데 사용됩니다. 원저자 TJ Holowaychuk 은 미니멀리즘 프레임 워크 Sinatra 에서 영감을 받아 Express를 미니멀리즘 프레임 워크로 만들었습니다.

그것은 매우 빠르고 덜 독단적입니다. Express는 또한 "다른 프레임 워크의 프레임 워크"입니다. 다른 많은 프레임 워크가 Express를 기반으로합니다.

5 가지 주요 기능

  • Express는 사실상 표준 JavaScript 서버 측 프레임 워크입니다.
  • Express는 미들웨어, 라우팅, 템플릿 등이 포함 된 완전한 애플리케이션 프레임 워크입니다.
  • Express는 14 개 이상의 템플릿 엔진을 지원하는 View 시스템과 함께 MVC 패턴을 지원합니다.
  • Express는 또한 강력한 라우팅을 제공합니다.
  • Express는 콘텐츠 협상도 지원합니다.

Express 설치는 간단합니다. Node.js가 설치되면 다음 단일 명령으로 express를 설치할 수 있습니다.

npm install express --save

다음은 Express를 사용하는 샘플 Hello world 앱입니다.

const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(port, () => console.log(`Example app listening on port ${port}!`))

인기

Express는 가장 널리 사용되고 가장 널리 채택되는 JavaScript 서버 측 프레임 워크입니다. GitHub 별에 따르면 가장 인기있는 JavaScript 백엔드 프레임 워크입니다.

출처 : GitHub

"State of JavaScript"설문 조사에 따르면 3 년 연속 (2017, 2018, 2019)에 대한 1 위 JavaScript 서버 측 프레임 워크입니다.

출처 : The State of JavaScript, 2019

StackOverflow 개발자 설문 조사는 2019 년에 Express를 5 번째로 가장 인기있는 웹 프레임 워크 및 가장 인기있는 JavaScript 백엔드 프레임 워크로 선정했습니다.

출처 : StackOverflow 개발자 설문 조사, 2019 년

Express의 인기와 사용은 다른 모든 JavaScript 서버 측 프레임 워크를 능가하는 NPM 트렌드에서 분명합니다.

출처 : NPM 동향

Next.js

출처 : nextjs

Facebook 의 프런트 엔드 라이브러리 React 는 가장 인기있는 웹 프런트 엔드 라이브러리입니다. React는 의견이 없으며 종단 간 프레임 워크를 제공하지 않습니다. 네덜란드 소프트웨어 회사 인 Zeit ( Tim Neutkens 가 이끄는) 의 엔지니어 그룹이 Next.js 를 React 및 Node.js 위에 엔드 투 엔드 상위 수준 웹 프레임 워크 로 만들었습니다 . Next.js는 웹, 데스크톱 및 모바일 장치를위한 서버 렌더링 및 정적 웹 사이트를 모두 제공합니다.

5 가지 주요 기능 :

  • Next.js는 가장 인기 있고 강력한 웹 프런트 엔드 라이브러리 인 React를 기반으로 구축되었습니다.
  • Next.js는 탁월한 SEO 지원과 빠른 시작으로 동급 최고의 서버 측 렌더링을 제공합니다.
  • React와 마찬가지로 "한 번만 빌드하면 어디서나 실행"을 제공합니다. 즉, Next.js는 웹, 모바일 및 데스크톱에서 실행할 수 있습니다.
  • Next.js는 자동 코드 분할 및 파일 시스템 기반 라우팅도 제공합니다.
  • 또한 사용하기 쉬운 데이터 가져 오기 및 내장 CSS 지원을 지원합니다.

Next.js에는 Node.js 버전 10 이상이 필요합니다. Node.js 10 이상을 설치하면 다음 명령으로 Next.js를 설치할 수 있습니다.

npm install next react react-dom --save

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
}

Next.js 설치가 완료되면 프로젝트 내에 'pages'디렉토리를 만들고 다음 내용으로 ' pages / index.js' 파일을 만듭니다 .

function HomePage() {
  return <div>Hello World!</div>
}
export default HomePage

http://localhost:3000신청서를 보려면 방문하십시오 .

인기

GitHub 별에 따르면 Next.js는 두 번째로 인기있는 프레임 워크입니다. 또한 아래와 같이 가장 많은 기여자가 있습니다.

출처 : GitHub

State of JavaScript 설문 조사에서는 Next.js를 2 년 연속 (2018, 2019) 동안 두 번째로 만족스러운 JavaScript 백엔드 프레임 워크로 선정했습니다.

출처 : The State of JavaScript, 2019

NPM 트렌드에 따르면 상승 추세를 보이는 세 번째로 많이 다운로드 된 JavaScript 백엔드 프레임 워크입니다.

출처 : NPM 동향

유성

출처 : Meteor

Meteor웹 / 모바일 / 데스크톱 플랫폼을위한 엔드-투-엔드 (프런트 엔드-백엔드) 애플리케이션을 구축하기위한 풀 스택 JavaScript 프레임 워크입니다 . 프로덕션 수준의 앱 개발을위한 기본 지원이 포함 된 "배터리 포함"프레임 워크입니다.

5 가지 주요 기능

  • Meteor는 완전한 스택을 개발하기위한 프레임 워크입니다 : Frontend-to-Backend.
  • 프런트 엔드 개발을 위해 자체 템플릿 엔진이 있습니다. 그러나 Meteor는 Angular / React와 같은 다른 인기있는 프런트 엔드 프레임 워크에서도 사용할 수 있습니다.
  • 크로스 플랫폼 프레임 워크이며 웹, 모바일 및 데스크톱 용 애플리케이션을 개발할 수 있습니다.
  • Meteor는 최소한의 노력으로 다양한 기술 (예 : MongoDB 데이터베이스, React 프런트 엔드)을 통합 할 수있는 통합 JavaScript 스택을 제공합니다.
  • 클라이언트 측과 서버 측에서 동일한 API를 공유하는 Isomorphic 플랫폼입니다.

Linux / OSX 시스템에서는 터미널에서 다음 명령을 실행하여 최신 공식 Meteor 릴리스를 설치하십시오.

curl https://install.meteor.com/ | sh

choco install meteor

Meteor가 설치되면 터미널을 열고 다음 명령을 실행하십시오.

meteor create simple-todos

client/main.js        # a JavaScript entry point loaded on the client
client/main.html      # an HTML file that defines view templates
client/main.css       # a CSS file to define your app's styles
server/main.js        # a JavaScript entry point loaded on the server
test/main.js          # a JavaScript entry point when running tests
package.json          # a control file for installing npm packages
package-lock.json     # describes the npm dependency tree
node_modules/         # packages installed by npm
.meteor/              # internal Meteor files
.gitignore            # a control file for git

cd simple-todos
meteor

인기

GitHub에 따르면 세 번째로 인기있는 서버 측 JavaScript 프레임 워크입니다.

출처 : GitHub

"State of JavaScript"에 따르면 Meteor는 지난 몇 년 동안 인기가 감소하면서 7 위를 차지했습니다.

출처 : The State of JavaScript, 2019

Koa

출처 : koajs

Express.js의 핵심 팀원 ( TJ Holowaychuk, Jonathan Richard Ong )은 Koa 를 웹 애플리케이션 및 API를위한 가볍고 현대적이며 표현력이 뛰어나고 강력한 미들웨어 프레임 워크로 만들었습니다 . Koa는 미들웨어가없는 작은 코어로 매우 모듈 식입니다. 그러나 미들웨어는 별도의 모듈로 사용할 수 있습니다.

5 가지 주요 기능 :

  • Koa는 미들웨어 번들을 포함하지 않는 가볍고 작은 Core를 가지고 있습니다.
  • Koa는 모듈 식이며 플러그 형 미들웨어 모듈을 제공합니다.
  • Koa는 스택과 같은 방식으로 계단식 미들웨어를 지원하므로 다운 스트림 작업을 수행하고 업스트림 응답을 조작 할 수 있습니다.
  • Koa는 콜백 대신 async / await를 사용하고 ES 2015, ES 2017 기능은 더 나은 오류 처리와 함께 깔끔하고 표현적인 코드를 생성합니다.
  • Koa는 Express.js에 비해 약간 더 나은 성능을 제공합니다.

Koa는 ES2015 및 비동기 기능 지원을 위해 노드 v7.6.0 이상이 필요 합니다 . 선호하는 버전 관리자를 사용하여 지원되는 Node.js 버전을 빠르게 설치할 수 있습니다.

nvm install 7
npm install koa
node my-koa-app.js

다음은 Koa를 사용하는 샘플 Hello world 앱입니다.

const Koa = require('koa');
const app = new Koa();
app.use(async ctx => {
  ctx.body = 'Hello World';
});
app.listen(3000);

인기

비교적 새롭지 만 Koa는 매우 인기가 있습니다. GitHub는 Koa를 4 번째로 인기있는 프레임 워크로 선정했습니다. 또한 GitHub에서 가장 높은 순위의 Node.js 미들웨어 프레임 워크입니다.

출처 : GitHub

유명한 "State of JavaScript"설문 조사에서는 Koa를 5 번째로 가장 만족스러운 JavaScript 백엔드 프레임 워크로 선정했습니다.

출처 : The State of JavaScript, 2019

NPM 트렌드에 따르면 Express.js 다음으로 두 번째로 많이 다운로드 된 서버 측 프레임 워크입니다.

출처 : NPM 동향

Nuxt.js

출처 : nuxtjs

당시 Google 엔지니어 인 Evan You 는 초보자에게 친숙하고 간단하면서도 강력한 JavaScript 프런트 엔드 프레임 워크 Vue.js를 만들었습니다 . 시간이 지남에 따라 Vue.js는 가장 인기있는 두 웹 프레임 워크 중 하나로 발전했습니다. Vue.js는 React보다 의견이 많지만 Angular 또는 Ember와 같은 기본 기능을 지원하지 않습니다.

가 이끄는 소프트웨어 엔지니어의 그룹 알렉상드르 쇼팽세바스티안 쇼팽 했다 생성 Nuxt.js을 A와 높은 수준의 엔드 - 투 - 엔드 웹 애플리케이션 프레임 워크 Vue.js 및 Node.js.의 상단에 Nuxt.js를 사용하면 유니버설 앱, 즉 서버 측 렌더링 앱과 정적 웹 페이지를 모두 개발할 수 있습니다. 결과적으로 Nuxt.js는 서버 측 렌더링 앱의 모든 장점 (예 : SEO 친화적이고 빠른 시작)과 Vue.js 반응 구성 요소 모델의 모든 이점을 결합합니다.

5 가지 주요 기능

  • Nuxt.js는 매우 인기 있고 강력한 오픈 소스 웹 프런트 엔드 프레임 워크 Vue.js를 기반으로합니다.
  • Nuxt.js는 탁월한 SEO 지원과 빠른 시작으로 서버 측 렌더링을 제공합니다.
  • 또한 표준 디렉토리 구조, 구성 및 라이브러리와 함께 Angular / Ember와 같은 "즉시 사용 가능한"솔루션을 제공합니다.
  • Nuxt.js는 웹 애플리케이션 개발에 필요한 거의 모든 것을 지원하는 50 개의 표준 모듈로 구성된 고도로 모듈화되어 있습니다.
  • 또한 자동 코드 분할 (미리 렌더링 된 페이지)을 지원합니다.

Node.js가 설치되면 단일 명령으로 Nuxt를 설치할 수 있습니다.

npm install --save nuxt

Nuxt는 Nuxt 앱용 코드를 빠르게 설정하고 생성 할 수 있는 스캐 폴딩 도구 ' create-nuxt-app' 을 제공합니다 .

npx create-nuxt-app hello-world-app

프로젝트를 수동으로 생성하는 것도 쉽습니다. packag.json 파일에서 nuxt가 설치되면 다음 스크립트를 추가합니다.

{
  "name": "hello-world-app",
  "scripts": {
    "dev": "nuxt"
  }
}

<template>
  <h1>Hello world!</h1>
</template>

npm run dev

자, 방문한다면 http://localhost:3000, then you can see your application showing "Hello World!".

인기

GitHub 별에 따르면 Nuxt.js는 아래와 같이 5 위입니다.

출처 : GitHub

Nuxt.js는 최근 몇 년 동안 많은 관심을 받고 있습니다. State of JavaScript 설문 조사에서 Nuxt.js는 2019 년에 세 번째로 인기있는 백엔드 JavaScript 프레임 워크로 선정되었습니다.

출처 : The State of JavaScript, 2019

NPM 다운로드 수에 따르면 Nuxt.js는 아래와 같이 6 위를 차지했습니다.

출처 : NPM 동향

NestJS

출처 : nestjs

Angular 는 독창적이고 즉시 사용 가능한 엔드 투 엔드 프레임 워크를 제공하는 또 다른 트렌디 한 프런트 엔드 웹 프레임 워크입니다. 카밀 Mysliwiec, 폴란드어 소프트웨어 엔지니어, 각도에 의해 영감을 만든 둥지 진보, 엔드 - 투 - 엔드 서버 측 프레임 워크로. Angular와 마찬가지로 Nest는 Convention-over-Configuration에 크게 초점을 맞추고 엔드 투 엔드 프레임 워크로 작동합니다.

5 가지 주요 기능

  • Nest는 Angular와 유사한 아키텍처를 따릅니다. 구성이 거의없는 엔터프라이즈 급 애플리케이션을위한 "즉시 사용 가능한"솔루션을 제공합니다.
  • TypeScript 및 Vanilla JavaScript를 동일하게 지원합니다.
  • 스캐 폴딩 및 코드 생성을위한 서버 측 프레임 워크 중 가장 좋은 CLI 도구를 제공합니다.
  • TypeScript 및 최신 JavaScript (ES6 +)를 기반으로합니다. OOP (Object Oriented Programming), FP (Functional Programming) 및 FRP (Functional Reactive Programming)의 요소를 결합합니다.
  • 모듈 식 아키텍처 덕분에 확장 가능하고 다양한 시나리오에서 사용할 수 있으며 특히 마이크로 서비스 아키텍처에 적합합니다.

Nest는 동급 최고의 CLI 인 명령 줄 인터페이스 (CLI) 도구와 함께 제공됩니다. Nest CLI는 코드 스캐 폴딩을 제공하고 단 하나의 명령으로 올바른 구조와 종속성으로 새 프로젝트를 생성합니다. Node.js를 설치했으면 다음 명령을 사용하여 Nest CLI를 설치할 수 있습니다.

npm install -g @nestjs/cli

Nest CLI를 사용하면 다음 명령으로 새 애플리케이션을 만들 수 있습니다.

nest new hello-world-app

npm run start:dev

인기

Nest는 겨우 3 년이 지났지 만 이미 GitHub 스타에 따라 6 위를 차지했습니다.

출처 : GitHub

또한 NPM 다운로드에 따르면 아래와 같이 4 위를 차지합니다.

출처 : NPM 동향

고정

출처 : fastify

Fastify 는 개발자 경험과 애플리케이션 성능에 중점을 둔 최소한의 서버 측 웹 프레임 워크입니다. Express.js와 Hapi에서 영감을 얻었습니다.

5 가지 주요 기능

  • 가장 빠른 서버 측 프레임 워크 중 하나입니다 . 당으로 벤치 마크 , 그것은 익스프레스,있는 게요, 코아, Restify에 비해 초당 더 많은 요청을 처리 할 수 있습니다.
  • 강력한 플러그인 아키텍처 덕분에 fastify는 쉽게 확장 할 수 있습니다.
  • 또한 JavaScript 및 TypeScript를 지원하는 몇 안되는 프레임 워크 중 하나입니다.
  • Fastify에는 코드 생성 및 스캐 폴딩으로 쉽게 시작할 수있는 CLI 도구가 있습니다.
  • Fastify는 최소한의 표현 방식의 개발로 뛰어난 개발자 경험을 제공합니다.

NestJS와 마찬가지로 fastify는 코드 생성 및 스캐 폴딩을위한 CLI도 제공합니다. 먼저 다음 명령을 사용하여 fastify-cli를 설치합니다.

npm i -g fastify-cli

fastify-cli를 설치했으면 다음 명령을 사용하여 새 프로젝트를 스캐 폴딩 할 수 있습니다.

fastify generate hello-world-app

{
  "scripts": {
    "start": "fastify start server.js"
  }
}

// server.js
'use strict'
module.exports = async function (fastify, opts) {
  fastify.get('/', async (request, reply) => {
    return { hello: 'world' }
  })
}

npm start

GitHub 별에 따르면 7 번째로 가장 인기있는 백엔드 프레임 워크입니다.

출처 : GitHub

NPM 다운로드를 고려하면 fastify는 9 위입니다.

출처 : NPM 동향

LoopBack

출처 : 루프백

StrongLoop 회사는 LoopBack 을 오픈 소스의 고도로 확장 가능한 Server Side Node.js 프레임 워크로 만들었습니다 . LoopBack은 특히 API 및 마이크로 서비스 구축에 적합합니다.

5 가지 주요 기능

  • 특히 마이크로 서비스 아키텍처에 적합한 헤비급 프레임 워크입니다.
  • LoopBack은 OpenAPI 사양 기반 REST API 요청 / 응답 생성을 제공합니다.
  • TypeScript를 기반으로하며 Dependency Injection, Components, Mixins와 같은 고급 기능을 제공합니다.
  • GraphQL을 훌륭하게 지원하며 모든 REST API에 대해 GraphQL을 만들 수 있습니다.
  • LoopBack은 표현적이고 모듈 식이며 깨끗한 코드로 뛰어난 개발자 경험을 제공합니다.

Node.js 설치는 LoopBack 설치를위한 전제 조건입니다. LoopBack은 또한 더 빠르고 쉬운 시작을위한 CLI를 제공합니다. 먼저 다음 명령을 사용하여 LoopBack을 설치하십시오.

npm install -g loopback-cli

LoopBack CLI를 사용하면 샘플 앱을 만드는 것은 하나의 명령 일뿐입니다.

lb
? What's the name of your application? hello-world
? Enter name of the directory to contain the project: hello-world
? Which version of LoopBack would you like to use? 3.x (Active Long Term Support)
? What kind of application do you have in mind? hello-world (A project containing a controller,
including a single vanilla Message and a single remote method)
...
I'm all done. Running npm install for you to install the required dependencies.
If this fails, try running the command yourself.
...

npm start

인기

GitHub에 따르면 8 번째로 별표를 많이받은 백엔드 JavaScript 프레임 워크입니다.

출처 : GitHub

NPM 추세는 또한 LoopBack에 대한 꾸준한 다운로드를 보여줍니다.

출처 : NPM 동향

하피

출처 : hapi

Hapi 는 가장 초기 Node.js 프레임 워크 중 하나입니다. Walmart 소프트웨어 엔지니어 인 Eran Hammer 는 Walmart Black Friday 스케일링 문제를 처리하기 위해 hapi를 만들었습니다. Hapi는 또한 강력하고 확장 가능한 애플리케이션에 특히 적합한 즉시 사용 가능한 엔터프라이즈 급 프레임 워크를 제공합니다.

5 가지 주요 기능

  • 최소한의 오버 헤드로 바로 사용할 수있는 기능을 제공하는 엔드 투 엔드 엔터프라이즈 급 프레임 워크입니다.
  • Hapi는 Node.js 프레임 워크 중 최고인 통합 인증 및 권한 부여를 제공합니다.
  • 공식 플러그인의 방대한 에코 시스템을 갖춘 모듈 식 아키텍처가 있습니다. 결과적으로 안전한 방식으로 쉽게 확장 할 수 있습니다.
  • Hapi는 코드 가독성과 표현력에 특별히 중점을 둔 최고의 개발자 경험을 제공합니다.
  • 미들웨어를 지원하지 않습니다. 대신 Hapi는 보안과 예측 가능성을 최우선으로 생각하는 플러그인을 통해 확장 성 모델을 제공합니다.

Node.js가 설치되면 다음 단일 명령으로 hapi를 설치할 수 있습니다.

npm install @hapi/hapi --save

'npm init'명령으로 프로젝트를 초기화하십시오. index.js 파일에서 다음 줄을 추가합니다.

'use strict';
const Hapi = require('@hapi/hapi');
const init = async () => {
const server = Hapi.server({
        port: 3000,
        host: 'localhost'
    });
server.route({
        method: 'GET',
        path: '/',
        handler: (request, h) => {
return 'Hello World!';
        }
    });
await server.start();
    console.log('Server running on %s', server.info.uri);
};
process.on('unhandledRejection', (err) => {
console.log(err);
    process.exit(1);
});
init();

인기

GitHub 별에 따르면 Hapi는 9 번째로 별표를 많이받은 서버 측 웹 프레임 워크입니다.

출처 : GitHub

NPM 다운로드를 고려하면 Hapi는 5 위입니다.

출처 : NPM 동향

재화

출처 : restify

Restify 는 가장 오래된 Node.js 프레임 워크 중 하나입니다. 특히 확장 성이 뛰어난 REST API 서비스에 중점을 둔 서버 측 프레임 워크입니다. Netflix, Pinterest, NPM과 같은 대규모 웹 규모 회사에서 사용합니다.

5 가지 주요 기능

  • Restify는 API 및 마이크로 서비스 개발에 중점을 둔 최소한의 프레임 워크입니다.
  • 모든 라우트 / 핸들러에 대한 Dtrace 프로브를 자동으로 생성하므로 Dtrace를 최고 수준으로 지원합니다.
  • Json 클라이언트, HTTP 클라이언트 및 문자열 클라이언트에 대한 기본 클라이언트 지원이 있습니다.
  • Restify는 Sinatra 스타일 핸들 체인도 지원합니다.
  • semver 기반 시맨틱 API 버전 관리를 지원합니다 .

다음 명령을 사용하여 restify를 설치할 수 있습니다.

npm install restify --save

이제 'npm init'명령으로 프로젝트를 초기화합니다. index.js 파일에서 다음 줄을 추가합니다.

var restify = require('restify');
const server = restify.createServer({
name: 'myapp',
version: '1.0.0'
});
server.use(restify.plugins.acceptParser(server.acceptable));
server.use(restify.plugins.queryParser());
server.use(restify.plugins.bodyParser());
server.get('/echo/:name', function (req, res, next) {
res.send(req.params);
return next();
});
server.listen(8080, function () {
console.log('%s listening at %s', server.name, server.url);
});

curl -is http://localhost:8080/hello/world -H 'accept: text/plain'

API 만 제공하므로 Restify는 다른 프레임 워크만큼 인기가 없으며 GitHub 별에 따라 10 위를 차지했습니다.

출처 : GitHub

그러나 NPM 다운로드에 따르면 8 위를 차지했습니다.

출처 : NPM 동향

유사한 기사 :

2021 년에 사용할 가장 인기있는 JavaScript 라이브러리 상위 10 개 2020 년 프런트 엔드 개발을위한 상위 5 개 In-Demand JavaScript 프레임 워크

Suggested posts

Jetpack Compose로 IntelliJ IDEA의 스플래시 화면 모방

Jetpack Compose로 IntelliJ IDEA의 스플래시 화면 모방

IntelliJ IDEA의 최신 버전 (이 출판 당시 2021.1)에는 아래와 같이 다양한 색상의 모양을 포함하는 그리드를 기반으로하는 멋진 스플래시 화면이 있습니다.이 게시물의 목표는이 패턴을 모방 한 Jetpack Compose 컴포저 블을 구현하는 것입니다.

간단한 Python 코드로 클릭 연결을 위해 웹 페이지를 최적화하는 방법

간단한 Python 코드로 클릭 연결을 위해 웹 페이지를 최적화하는 방법

웹 페이지에서 사용자에게 표시 할 최상의 레이아웃, 이미지 및 텍스트를 선택하는 것은 어렵습니다. 그러나 반드시 그럴 필요는 없습니다.

Related posts

성능 최적화 된 A / B 테스트 솔루션

성능 최적화 된 A / B 테스트 솔루션

의제 : 소개 : TL;하지만 읽을 수 있습니다. A / B 테스트, CloudFront 및 Lamba @ edge에 대해 이미 알고있는 경우 AWS Lambda @ edge를 사용한 A / B 테스트로 직접 이동하십시오. A / B 테스트 란 무엇입니까? A / B 테스트는 웹 사이트의 두 가지 버전에 대한 사용자의 참여를 비교하는 데 초점을 맞춘 UX 연구 방법론입니다.

fp-ts (Typescript)에서 Option 및 둘 중 하나 사용

저는 함수형 프로그래밍을 좋아합니다. 몇 년 동안 실수를하거나 토끼 구멍을 뚫는 것으로부터 저를 몇 번 구해 주었기 때문입니다. 동일한 입력이 주어지면 출력이 항상 동일하다는 것을 알면 안심입니다.

Syncfusion Blazor 파일 업로드 구성 요소에서 이미지를 미리 보는 방법

Syncfusion Blazor 파일 업로드 구성 요소에서 이미지를 미리 보는 방법

Syncfusion Blazor 파일 업로드는 하나 이상의 파일, 이미지, 문서, 오디오, 비디오 및 기타 파일을 서버에 업로드하기위한 구성 요소입니다. 여러 파일 선택, 진행률 표시 줄, 자동 업로드, 끌어서 놓기, 폴더 (디렉터리) 업로드, 파일을 포함하는 다양한 기능을 갖춘 HTML5 업로드 구성 요소 (<input type =”file”>)의 확장 버전입니다. 검증 등.

6 React 개발자로서 후회

내가 일찍했으면하는 것

6 React 개발자로서 후회

React는 배울 수있는 훌륭한 도구입니다. 그것은 우리가 우리 자신의 방식으로 일을 할 수있게합니다.