넘버스
넘버스
깃허브 수치는 별표 약 3만 8,000개, 주간 NPM 다운로드 횟수는 6만 4,000회다(주간 다운로드 횟수는 정체된 상태). 규모로 보면 중간 정도에 해당하는 옵션이다.
참고로, HMR은 개발 런타임 시스템이 앱 전체를 다시 로드하지 않고 애플리케이션에서 상태가 변경된 부분만 업데이트할 수 있는 기능이다. 업데이트 간에 대부분의 애플리케이션 상태가 유지되고 완전한 재로드를 할 필요가 최소화되므로 업데이트 속도가 빠르고 개발 작업의 능률도 높아진다.
pnpm
pnpm은 번들러나 빌드 툴은 아니고 NPM 종속성 툴을 대체하는 역할을 한다. 용도 측면에서 얀(Yarn)과 비슷하지만, 접근 방식은 다르다. 하드링크를 사용해 node_modules 트리를 평탄화하는 방식으로 종속성 관리를 간소화하고 중복 종속성을 방지한다.디스크 공간 절약 외에, 이 벤치마크에서 볼 수 있듯이 얼마간의 성능 개선도 가능하다. 벤치마크를 보면 pnpm이 대부분의 작업에서 다른 패키지 관리자보다 높은 성능을 낸다. pnpm에는 패키지를 실행하기 위한, npx와 비슷한 pnpx 툴도 포함된다.
pnpm의 깃허브 별표 수는 약 1만 1,000개이며 주간 NPM 다운로드 횟수는 약 19만 1,000회다. 스벨트킷(SvelteKit)의 기본 패키지 관리자이며 사용량이 빠르게 느는 중이다. pnpm은 차기 사실상의 표준 종속성 관리자가 될 만한 후보로 꼽힌다.
롤업(Rollup)
롤업은 모든 곳에 ESM 구문을 사용할 수 있게 해주는 번들러다. 일반적으로 사용되는 다양한 구문을 포괄하며(CJS, AMD, UMD, EMS 등), 코드를 바로 작동하는 구문으로 번들링한다. 롤업이 제공하는 또 다른 기능은 이른바 “나무 흔들기(tree shaking)”다. 나무 흔들기란 코드베이스를 분석해 사용되지 않는 가져오기를 제거하는 기능으로, 성능 측면에서 확실히 도움이 된다.esbuild를 비롯한 다른 번들러와 마찬가지로 NPM을 통해 package.json 및 node_modules와 연계된다.
롤업을 사용할 때는 모듈 구문에 대해 잊고 ESM만 사용하면 된다. 롤업은 모든 것이 ESM으로 통합되는 미래 JS 개발 경험을 지금 제공하는 데 목적을 둔다.
롤업의 작동은 웹팩과 상당히 비슷하지만, 웹팩과 달리 Node.js 출력을 지원한다. 또한 롤업을 사용할 때의 경험이 더 간편하고 매끄럽다는 개발자들도 있다. 롤업은 기본적으로는 빠른 모듈 교체를 지원하지 않는다.
롤업 커뮤니티는 활발하고 플러그인 생태계도 풍부하다. 2021년 5월 현재 깃허브 별표 수는 약 2만 개, 주간 NPM 다운로드 횟수는 약 480만 회다.
바이트(Vite)
바이트는 원래 뷰(Vue) 전용 빌트 툴이었지만 지금은 범용이다. 스벨트킷의 공식 빌드 솔루션인 만큼 폭넓은 분야에서 사용이 증가하는 중이다.바이트는 자바스크립트 개발 환경의 두 가지 요구사항인 dev 모드 실행과 프로덕션용 빌드에 초점을 둔다. 바이트는 번들러는 아니고 프로덕션의 번들링 작업을 롤업으로 전달한다.
빠른 속도를 목표로 하는 바이트는(vite는 프랑스어로 빠르다는 뜻) 빠른 dev 서버 시작과 빠른 모듈 교체를 내세운다. 실제 사용 경험도 그 주장에 부합한다. 이와 같은 기능의 실행 속도는 웹팩 등과 비교할 때 훨씬 더 빠르다.
높은 속도의 기반은 ESM 활용과 esbuild를 사용한 사전 번들링이다. ESM을 사용한다는 것은 개발 중에 번들링 작업 부하를 브라우저로 넘길 수 있고, 변경 중 제공된 파일을 확인할 때 더 높은 세분성을 달성할 수 있음을 의미한다.
바이트는 현재 프로덕션 빌드에 롤업을 사용하지만(CSS 분할 등의 기능을 활용하기 위해) 향후 esbuild로 전환할 가능성이 있다.
바이트는 개발 경험이 가장 큰 장점이다. 빠른 모듈 교체의 속도는 정말 빠르다. 현재 깃허브 별표 수는 약 2만 7,000개이며 주간 NPM 다운로드 횟수는 약 12만 4,000회다. 지난 2개월 사이 다운로드 횟수가 크게 늘었다.
스노우팩(Snowpack)
스노우팩은 속도에 초점을 둔 또 하나의 번들러이자 dev 서버다. 장점으로 내세우는 특징은 빠른 서버 시작, 지능형 캐싱을 포함한 ESM 지원, 빠른 모듈 교체, 적은 구성을 통한 다양한 파일 형식 지원이다. 스노우팩은 롤업 및 파슬과 비슷한 철학을 공유한다.스노우팩은 자바스크립트, CSS 모듈 및 CSS에 대한 빠른 모듈 교체를 기본적으로 지원한다. 또한 활발한 플러그인 커뮤니티도 강점이다.
깃허브 별표 수는 약 1만 8,000개, 주간 NPM 다운로드 횟수는 약 5만 5,000회다.
자바스크립트 툴의 미래
웹팩은 그동안 사실상의 표준으로서 그 역할을 충실히 해왔으나, 이제 노후의 조짐을 보이고 있다. 앞으로 더 새로운 환경을 염두에 둔 더 새로운 툴이 더 높은 성능과 향상된 개발자 환경을 제공할 것이다.자바스크립트는 여전히 빠르게 발전하는 활발한 개발 영역이다. 자바스크립트 개발자들의 작업 환경은 계속 더 좋아지고 있다. editor@itworld.co.kr
Tags
함께 보면 좋은 콘텐츠
Sponsored
Surfshark
“유료 VPN, 분명한 가치 있다” VPN 선택 가이드
ⓒ Surfshark VPN(가상 사설 네트워크, Virtual Private Network)은 인터넷 사용자에게 개인 정보 보호와 보안을 제공하는 중요한 도구로 널리 인정받고 있다. VPN은 공공 와이파이 환경에서도 데이터를 안전하게 전송할 수 있고, 개인 정보를 보호하는 데 도움을 준다. VPN 서비스의 수요가 증가하는 것도 같은 이유에서다. 동시에 유료와 무료 중 어떤 VPN을 선택해야 할지 많은 관심을 가지고 살펴보는 사용자가 많다. 가장 먼저 사용자의 관심을 끄는 것은 별도의 예산 부담이 없는 무료 VPN이지만, 그만큼의 한계도 있다. 무료 VPN, 정말 괜찮을까? 무료 VPN 서비스는 편리하고 경제적 부담도 없지만 고려할 점이 아예 없는 것은 아니다. 보안 우려 대부분의 무료 VPN 서비스는 유료 서비스에 비해 보안 수준이 낮을 수 있다. 일부 무료 VPN은 사용자 데이터를 수집해 광고주나 서드파티 업체에 판매하는 경우도 있다. 이러한 상황에서 개인 정보가 유출될 우려가 있다. 속도와 대역폭 제한 무료 VPN 서비스는 종종 속도와 대역폭에 제한을 생긴다. 따라서 사용자는 느린 인터넷 속도를 경험할 수 있으며, 높은 대역폭이 필요한 작업을 수행하는 데 제약을 받을 수 있다. 서비스 제한 무료 VPN 서비스는 종종 서버 위치가 적거나 특정 서비스 또는 웹사이트에 액세스하지 못하는 경우가 생긴다. 또한 사용자 수가 늘어나 서버 부하가 증가하면 서비스의 안정성이 저하될 수 있다. 광고 및 추적 위험 일부 무료 VPN은 광고를 삽입하거나 사용자의 온라인 활동을 추적하여 광고주에게 판매할 수 있다. 이 경우 사용자가 광고를 보아야 하거나 개인 정보를 노출해야 할 수도 있다. 제한된 기능 무료 VPN은 유료 버전에 비해 기능이 제한될 수 있다. 예를 들어, 특정 프로토콜이나 고급 보안 기능을 지원하지 않는 경우가 그렇다. 유료 VPN의 필요성 최근 유행하는 로맨스 스캠은 인터넷 사기의 일종으로, 온라인 데이트나 소셜 미디어를 통해 가짜 프로필을 만들어 상대를 속이는 행위다. 이러한 상황에서 VPN은 사용자가 안전한 연결을 유지하고 사기 행위를 방지하는 데 도움이 된다. VPN을 통해 사용자는 상대방의 신원을 확인하고 의심스러운 활동을 감지할 수 있다. 서프샤크 VPN은 구독 요금제 가입 후 7일간의 무료 체험을 제공하고 있다. ⓒ Surfshark 그 외에도 유료 VPN만의 강점을 적극 이용해야 하는 이유는 다음 3가지로 요약할 수 있다. 보안 강화 해외 여행객이 증가함에 따라 공공 와이파이를 사용하는 경우가 늘어나고 있다. 그러나 공공 와이파이는 보안이 취약해 개인 정보를 노출할 위험이 있다. 따라서 VPN을 사용하여 데이터를 암호화하고 개인 정보를 보호하는 것이 중요하다. 서프샤크 VPN은 사용자의 개인 정보를 안전하게 유지하고 해킹을 방지하는 데 유용하다. 개인정보 보호 인터넷 사용자의 검색 기록과 콘텐츠 소비 패턴은 플랫폼에 의해 추적될 수 있다. VPN을 사용하면 사용자의 IP 주소와 로그를 숨길 수 있으며, 개인 정보를 보호할 수 있다. 또한 VPN은 사용자의 위치를 숨기고 인터넷 활동을 익명으로 유지하는 데 도움이 된다. 지역 제한 해제 해외 여행 중에도 한국에서 송금이 필요한 경우가 생길 수 있다. 그러나 IP가 해외 주소이므로 은행 앱에 접근하는 것이 제한될 수 있다. VPN을 사용하면 지역 제한을 해제해 해외에서도 한국 인터넷 서비스를 이용할 수 있다. 따라서 해외에서도 안전하고 편리하게 인터넷을 이용할 수 있다. 빠르고 안전한 유료 VPN, 서프샤크 VPN ⓒ Surfshark 뛰어난 보안 서프샤크 VPN은 강력한 암호화 기술을 사용하여 사용자의 인터넷 연결을 안전하게 보호한다. 이는 사용자의 개인 정보와 데이터를 보호하고 외부 공격으로부터 사용자를 보호하는 데 도움이 된다. 다양한 서버 위치 서프샤크 VPN은 전 세계 곳곳에 여러 서버가 위치하고 있어, 사용자가 지역 제한된 콘텐츠에 액세스할 수 있다. 해외에서도 로컬 콘텐츠에 손쉽게 접근할 수 있음은 물론이다. 속도와 대역폭 서프샤크 VPN은 빠른 속도와 무제한 대역폭을 제공하여 사용자가 원활한 인터넷 경험을 누릴 수 있도록 지원한다. 온라인 게임, 스트리밍, 다운로드 등 대역폭이 필요한 활동에 이상적이다. 다양한 플랫폼 지원 서프샤크 VPN은 다양한 플랫폼 및 디바이스에서 사용할 수 있다. 윈도우, 맥OS, iOS, 안드로이드 등 다양한 운영체제 및 디바이스에서 호환되어 사용자가 어디서나 안전한 인터넷을 즐길 수 있다. 디바이스 무제한 연결 서프샤크 VPN은 무제한 연결을 제공하여 사용자가 필요할 때 언제든지 디바이스의 갯수에 상관없이 VPN을 사용할 수 있다.
추천기사
