분류 Nodejs

생산성을 위한 73 가지 멋진 NPM 패키지 🚀🌱

컨텐츠 정보

  • 조회 39 (작성일 )

본문

요즘 바쁜 일정과 촉박 한 기한 속에서 생산성을 높이는 도구를 선택하는 것이 중요합니다.


여기에서 제가 가장 좋아하는 NPM 패키지 목록을 정리했습니다. 또한 카테고리로 분류하여 정보가 더 구조화되고 탐색하기 더 쉽습니다.


물론 모든 것을 설치하고 배울 필요는 없습니다. 대부분의 경우 각 범주에서 하나를 선택하는 것으로 충분합니다. 각 독자가 무언가를 찾을 수 있도록 대안을 제공하고 싶었습니다


https://dev.to/madza/73-awesome-npm-packages-for-productivity-19p8 


💻 Frontend frameworks 


1.React 


React는 가상 DOM을 사용하여 페이지 섹션을 개별 구성 요소로 관리하므로 전체 페이지를 새로 고치지 않고도 구성 요소를 새로 고칠 수 있습니다. 종종 React-domReact-router-dom과 함께 사용됩니다.


2.Vue 


Vue는 React와 다른 사람들의 최고의 접근 방식을 결합하여 웹 앱을 더 빠르고 쉽고 즐겁게 작성하는 기능에 중점을 두어 구축되었습니다. 훌륭한 문서. 종종 Vue-routerVuex와 함께 사용됩니다.


3.Svelte 


Svelte는 웹 애플리케이션을 구축하는 새로운 방법입니다. 선언적 구성 요소를 가져 와서 DOM을 외과 적으로 업데이트하는 효율적인 JavaScript로 변환하는 컴파일러입니다.


다른 주목할만한 프레임 워크로는 Angular, Ember, Backbone, Preact 등이 있습니다. 그들 중 어느 것으로도 놀라운 일을 할 수 있습니다. 황금률은 훨씬 전에 현대 JS (ES6 이상)를 배우는 것입니다.


🎨 스타일링 프레임 워크 


4.Bootstrap 


반응형 모바일 우선 사이트 구축을 위한 세계에서 가장 인기 있는 프레임 워크입니다. 직관적이고 강력하며 크기가 비교적 부피가 큽니다. 많은 최신 UI 키트는 React Bootstrap 또는 Reactstrap과 같이 이를 기반으로 합니다.


5.Tailwind 


빠른 UI 개발을 위한 저수준 유틸리티 우선 CSS 프레임 워크입니다. 완전히 사용자 정의 할 수 있도록 처음부터 제작되었습니다.


6.Styled-components 


CSS-in-JS 도구는 구성 요소와 스타일링 사이의 간격을 연결하여 기능적이고 재사용 가능한 방식으로 스타일링 구성 요소를 시작하고 실행할 수 있는 다양한 기능을 제공합니다.


다른 훌륭한 솔루션으로는 Foundation, Bulma, MaterialiseAnt Design이 있습니다. Vanilla CSS 작성을 선호하는 경우 SASS와 같은 일부 CSS 확장 언어를 사용하여 기능을 확장 할 수 있습니다.


🔲 백엔드 프레임 워크 


7.Express 


Node.js를 위한 빠르고 의견이 없는 미니멀 한 웹 프레임 워크입니다. 플러그인으로 사용할 수 있는 많은 기능으로 상대적으로 최소화됩니다. 종종 Node.js의 표준 서버 프레임 워크라고 합니다.


8.Hapi 


Hapi는 원래 Express 프레임 워크에 사용되었습니다. Hapi를 사용하면 최소한의 오버 헤드와 완전한 기본 기능으로 강력하고 확장 가능한 애플리케이션을 구축 할 수 있습니다.


9.Sails 


Sails는 확장 가능한 서비스 지향 아키텍처를 사용하는 데이터 기반 API 인 최신 앱의 요구 사항을 지원하는 Node.js 용 가장 인기 있는 MVC 프레임 워크입니다.


프론트 엔드 프레임 워크와 마찬가지로 AdonisKoa와 같은 많은 백엔드 대안이 있습니다. 귀하의 필요에 맞는 것을 선택하고 잘 배우십시오.


🔗 CORS 및 requests 


10.Cors 


다양한 옵션으로 교차 출처 리소스 공유를 활성화하는 데 사용할 수 있는 Connect / Express 미들웨어를 제공하는 Node.js 미들웨어입니다.


11.Axios 


브라우저 및 Node.js를 위한 약속 기반 HTTP 클라이언트. 설정이 쉽고 직관적이며 JS 내장 Fetch API에 비해 많은 것을 단순화합니다.


12.Body-parser 


들어오는 요청 스트림의 전체 본문 부분을 추출하여 req.body에 더 쉽게 인터페이스 할 수 있는 것으로 노출하는 본문 구문 분석 미들웨어입니다.


🧩 API services 


13.Restify 


대규모 프로덕션용으로 준비된 의미상 올바른 RESTful 웹 서비스를 빌드하는 데 최적화 된 Node.js 웹 서비스 프레임 워크입니다. Restify는 내부 검사 및 성능을 최적화 합니다.


14.GraphQL 


API 용 쿼리 언어 및 기존 데이터로 이러한 쿼리를 수행하기 위한 런타임입니다. API의 데이터에 대한 완전한 설명을 제공하고 클라이언트가 정확히 필요한 것을 요청할 수 있는 권한을 제공합니다.


🤝 Web sockets 


15.Socket.io 


Socket.IO는 실시간, 양방향 및 이벤트 기반 통신을 가능하게 합니다. 모든 플랫폼, 브라우저 또는 장치에서 작동하며 안정성과 속도에 동일하게 초점을 맞춥니다.


16.WS 


사용하기 쉽고 빠르며 철저하게 테스트 된 WebSocket 클라이언트 및 서버 구현입니다. Socket.io에 대한 훌륭하고 덜 추상적이며 베어 대안입니다.


✍ Loggers 


17.Morgan 


특히 HTTP 요청 로거는 HTTP 요청을 저장하고 앱이 사용되는 방식과 잠재적 인 오류가 있을 수 있는 위치에 대한 간결한 통찰력을 제공합니다.


18.Winston 


다양한 운송 수단을 지원하는 거의 모든 것을 위한 로거. Morgan보다 오래 동안 거기에 있었으며 더 큰 유지 보수 커뮤니티와 더 많은 다운로드가 있습니다.


💾 Database tools 


19.Mongoose 


Mongoose는 비동기 환경에서 작동하도록 설계된 MongoDB 개체 모델링 도구입니다. Mongoose는 약속과 콜백을 모두 지원합니다.


20.Sequelize 


Sequelize는 Postgres, MySQL, MariaDB, SQLite 및 Microsoft SQL Server를 위한 약속 기반 Node.js ORM입니다. 견고한 트랜잭션 지원, 관계, eager 및 lazy로드, 읽기 복제 등을 제공합니다.


🔓 Auth tools 


21.Passport 


Passport의 목적은 전략으로 알려진 확장 가능한 플러그인 세트를 통해 요청을 인증하는 것입니다. Passport에 인증 요청을 제공하고 Passport는 인증이 성공하거나 실패 할 때 발생하는 작업을 제어하기 위한 후크를 제공합니다.


22.Bcrypt 


암호를 해시 하는 데 도움이 되는 라이브러리입니다. Bcrypt는 Blowfish 암호를 기반으로 Niels Provos와 David Mazières가 설계 한 암호 해싱 기능으로 1999 년 USENIX에서 발표되었습니다.


23.JSONWebToken 


JWT (JSON Web Tokens)는 두 당사자간에 클레임을 안전하게 표현하기 위한 개방형 산업 표준 RFC 7519 방법입니다. 이 패키지를 사용하면 JWT를 디코딩, 확인 및 생성 할 수 있습니다.


🔧 구성 모듈 


24.Config 


설정은 애플리케이션 내의 구성 파일에 저장되며 환경 변수, 명령 줄 매개 변수 또는 외부 소스에 의해 재정의 및 확장 될 수 있습니다.


25.Dotenv 


.env 파일에서 process.env로 환경 변수를 로드 하는 제로 종속성 모듈.


📃 정적 사이트 생성기 


26.Gatsby 


블로그에서 전자 상거래 사이트, 사용자 대시 보드에 이르기까지 빠르고 고품질의 동적 React 앱을 생성하는 최신 사이트 생성기입니다. 훌륭한 플러그인 생태계와 템플릿.


27.NextJS 


NextJS는 무엇보다도 서버 렌더링 및 정적으로 생성 된 콘텐츠를 지원합니다. 서버리스 함수를 API 엔드 포인트로 정의 할 수도 있습니다.


28.NuxtJS 


NuxtJS는 기본적으로 Vue 생태계의 NextJS 대안입니다. NuxtJS의 목표는 훌륭한 개발자 경험을 염두에 두고 웹 개발을 강력하고 성능 있게 만드는 것입니다.


🌟 템플링 언어 


29.Mustache 


Mustache는 논리가 없는 템플릿 구문입니다. HTML, 구성 파일, 소스 코드 등 무엇이든 사용할 수 있습니다. 해시 또는 개체에 제공된 값을 사용하여 템플릿의 태그를 확장하여 작동합니다.


30.Handlebars 


템플릿과 입력 개체를 사용하여 HTML 또는 기타 텍스트 형식을 생성합니다. Handlebars 템플릿은 Handlebars 표현식이 포함 된 일반 텍스트처럼 보입니다. 핸들 바는 대부분 Mustache 템플릿과 호환됩니다.


31.EJS 


EJS는 간단한 구문, 빠른 실행 및 쉬운 디버깅으로 일반 JavaScript로 HTML 마크 업을 생성 할 수있는 간단한 템플릿 언어입니다. EJS는 대규모 활성 사용자 커뮤니티를 보유하고 있으며 라이브러리는 활발하게 개발 중입니다.


📷 이미지 처리 


32.Sharp 


일반적인 형식의 큰 이미지를 다양한 크기의 작고 웹 친화적인 JPEG, PNG 및 WebP 이미지로 변환하는 훌륭한 모듈입니다.


33.GM 


Node.js 모듈 GM 덕분에 이미지 생성, 편집, 구성 및 변환을 위한 두 가지 인기있는 도구 인 GraphicsMagick 및 ImageMagick을 코드 내에서 직접 사용할 수 있습니다.


34.Cloudinary 


웹 애플리케이션의 전체 이미지 관리 파이프 라인에 대한 솔루션을 제공하는 클라우드 서비스 작업을 용이하게 하는 전용 모듈입니다.


📅 날짜 형식 


35.DayJS 


DayJS는 MomentJS에 대한 빠르고 가벼운 대안입니다 (2020 년 9 월 이후 유지 관리 모드). 유사한 API 사용-MomentJS를 사용했다면 이미 대부분의 DayJS를 사용하는 방법을 알고 있습니다.


36.Luxon 


약간 다른 API를 사용하는 다른 경량 대안을 좋아한다면 Luxon이 적합한 선택 일 수 있습니다.


🧙‍♂️ 데이터 생성기 


37.Shortid 


놀랍도록 짧은 비순차적 URL 친화적인 고유 ID를 만듭니다. URL 단축기, DB ID 및 기타 ID에 적합합니다.


38.Uuid 


보다 복잡한 UUID (Universally Unique Identifier)를 빠르고 쉽게 생성 할 수 있는 소형 패키지입니다.


39.Faker 


브라우저 및 Node.js에서 대량의 가짜 데이터를 생성하는 데 유용한 패키지입니다.


✅ Validators 


40.Validator 


문자열 유효성 검사기 및 새니 타이 저의 편리한 라이브러리. isEmail(), isCreditCard(), isDate() 및 isURL()과 같은 유용한 메소드가 많이 있습니다.


41.Joi 


JavaScript를 위한 강력한 스키마 설명 언어 및 데이터 유효성 검사기.


📧 양식 및 이메일 


42.Formik 


Formik은 React 및 React Native를 위한 인기 있는 오픈 소스 양식 라이브러리입니다. 사용하기 쉽고 선언적이며 적응력이 있습니다.


43.Multer 


Multer는 주로 파일 업로드에 사용되는 multipart / form-data를 처리하기 위한 Node.js 미들웨어입니다.


44.Nodemailer 


Nodemailer는 쉽게 이메일을 보낼 수 있도록 Node.js 애플리케이션을위한 모듈입니다. 이 프로젝트는 2010 년에 시작되었으며 오늘날 대부분의 Node.js 사용자가 기본적으로 사용하는 솔루션입니다.


🧪 Testing 


45.Jest 


Jest는 단순성에 중점을 둔 즐거운 JavaScript 테스트 프레임 워크입니다. 신속하게 결과를 제공하는 접근하기 쉽고 친숙하며 기능이 풍부한 API로 테스트를 작성할 수 있습니다.


46.Mocha 


Mocha는 JavaScript 테스트 프레임 워크로 비동기 테스트를 간단하고 재미있게 만듭니다. Mocha 테스트는 연속적으로 실행되므로 포착되지 않은 예외를 올바른 테스트 케이스에 매핑하는 동시에 유연하고 정확한 보고가 가능합니다.


💫 웹 스크래핑 및 자동화 


47.Cheerio 


Cheerio는 웹 스크래핑 작업 및 작업 자동화에 널리 사용됩니다. jquery를 기반으로 하기 때문에 매우 빠르고 빠릅니다. Cheerio는 Parse5 파서를 감싸며 모든 유형의 HTML 및 XML 문서를 구문 분석 할 수 있습니다.


48.Puppeteer 


Puppeteer는 브라우저 작업 자동화에 널리 사용되며 Google 크롬 헤드리스 브라우저 (예 : 크롬)에서만 작동합니다. Puppeteer는 웹 스크래핑 작업에도 사용할 수 있습니다. Cheerio 모듈에 비해 훨씬 강력하고 기능이 풍부합니다.


🌷 린터 및 포매터 


49.ESLint 


ESLint는 ECMAScript / JavaScript 코드에서 발견 된 패턴을 식별하고 보고하는 도구입니다. ESLint는 완전히 플러그 가능하며 모든 단일 규칙은 플러그인이며 런타임에 더 추가 할 수 있습니다.


50.Prettier 


Prettier는 독보적 인 코드 포맷터입니다. 코드를 구문 분석하고 최대 줄 길이를 고려하여 필요한 경우 코드를 래핑하는 자체 규칙으로 다시 인쇄하여 일관된 스타일을 적용합니다.


📦 모듈 번들러 및 최소화기 


51.Webpack 


잘 알려져 있고 강력한 모듈 번 들러. 주요 목적은 브라우저에서 사용할 수 있도록 JavaScript 파일을 번들링 하는 것이지만 거의 모든 리소스 또는 자산을 변환, 번들링 또는 패키징 할 수 있습니다.


52.HTML-Minifier 


가볍고 구성이 가능하며 잘 테스트 된 Javascript 기반 HTML 압축기 / 최소화 (Node.js 지원 포함).


53.Clean-CSS 


Node.js 플랫폼 및 모든 최신 브라우저를 위한 빠르고 효율적인 CSS 최적화 프로그램입니다. 고도로 구성 가능하고 다양한 호환성 모드.


54.UglifyJS2 


자바 스크립트 파서, 축소 기, 압축기 및 미용 도구 키트. 여러 입력 파일을 사용할 수 있으며 많은 구성 옵션을 지원합니다.


👨‍💻 프로세스 관리자 및 주자 


55.Nodemon 


Node.js 앱을 개발하는 동안 사용할 간단한 모니터 스크립트입니다. 매우 쉽게 다시 시작할 수 있고 파일 감시 기능이 기본적으로 활성화되어 있으므로 개발에 유용합니다.


56.PM2 


로드 밸런서가 내장 된 Node.JS 애플리케이션 용 프로덕션 프로세스 관리자입니다. 생산을 위해 더 포괄적이고 더 좋습니다. 조정 / 작업 할 수 있는 많은 매개 변수를 제공합니다.


57.Concurrently 


간단하고 간단합니다. 여러 명령을 동시에 실행하는 데 유용한 도구입니다.


🚧 CLI 및 디버거 


58.Commander 


명령, 옵션, 별칭 및 도움말과 같은 CLI 애플리케이션의 다양한 측면을 정의하기 위한 유창한 API를 제공합니다. 명령 줄을 위한 애플리케이션 생성을 단순화합니다.


59.Inquirer 


Node.js를 위한 쉽게 삽입 가능하고 아름다운 명령 줄 인터페이스입니다. 멋진 문의 세션 흐름을 제공합니다.


60.Chalk 


Chalk는 터미널 문자열 스타일링이라는 하나의 단순한 목적을 위해 만들어진 매우 간단한 라이브러리입니다.


61.Debug 


작은 JavaScript 디버깅 유틸리티입니다. 모듈의 이름을 함수에 전달하기 만하면 디버그 문을 전달할 수 있도록 장식 된 버전의 console.error가 반환됩니다.


🧰 유틸리티 


62.Lodash 


모듈성, 성능 및 추가 기능을 제공하는 최신 JavaScript 유틸리티 라이브러리입니다. JavaScript 배열, 객체 및 기타 데이터 구조에 대한 많은 유용한 메소드를 노출합니다.


63.Underscore 


Underscore는 일반적으로 사용되는 많은 기능 도우미와 함수 바인딩, 자바 스크립트 템플릿, 빠른 색인 생성, 심층 평등 테스트 등의 특수 기능을 제공합니다.


64.Async 


Async는 비동기 JavaScript 작업을 위한 간단하고 강력한 기능을 제공하는 유틸리티 모듈입니다.


🔩 시스템 모듈 


65.Fs-extra 


Fs-extra에는 copy(), remove(), mkdirs()와 같은 바닐라 Node.js fs 패키지에 포함되지 않은 메서드가 포함되어 있습니다.


66.Node-dir 


파일의 배열, 서브 디렉토리 및 파일 내용을 읽고 처리하기 위한 메소드를 가져 오는 것을 포함하여 일부 공통 디렉토리 및 파일 작업을 위한 모듈입니다.


67.Node-cache 


메소드를 설정, 가져 오기 및 삭제하고 memcached와 비슷하게 작동하는 간단한 캐싱 모듈입니다. 키는 만료되고 캐시에서 삭제되는 시간 초과 (ttl)를 가질 수 있습니다.


🧷 기타 : 


68.Helmet 


다양한 HTTP 헤더를 설정하여 앱을 보호 할 수 있습니다. Express와 같은 프레임 워크와 호환되는 Connect 스타일 미들웨어입니다.


69.PDFKit 


DFKit은 복잡한 여러 페이지의 인쇄 가능한 문서를 쉽게 만들 수 있는 Node 및 브라우저 용 PDF 문서 생성 라이브러리입니다.


70.CSV 


4 개의 잘 테스트 된 패키지를 결합하여 CSV 데이터를 생성, 구문 분석, 변환 및 문자열 화하는 포괄적 인 CSV 제품군입니다.


71.Marked 


장기간 캐싱 또는 차단 없이 마크 다운을 구문 분석하기 위한 저수준 컴파일러.


72.Randomcolor 


매력적인 임의의 색상을 생성하기 위한 작은 스크립트입니다. 옵션 객체를 전달하여 생성하는 색상 유형에 영향을 줄 수 있습니다.


73.Pluralize 


이 모듈은 지정된 단어를 단 수화 또는 복수화 하기 위해 순서대로 적용되는 사전 정의 된 규칙 목록을 사용합니다. 사용자 입력을 기반으로 한 자동화와 같이 이것이 유용한 경우가 많이 있습니다.