자바스크립트(JavaScript) 코드 품질 분석 솔루션

트렌드

자바스크립트(JavaScript) 코드의 광범위한 사용에 따른 품질 문제 증가

• 
  자바스크립트 개발 영역 확대
  자바스크립트는 전통적인 웹 UI 뿐만 아니라 서버 애플리케이션, 모바일 앱, 데스크톱 애플리케이션, IoT 등 모든 개발 영역에서 사용이 확대되고 있습니다. 이에 따라 자바스크립트 코드의 양도 급격하게 증가하고 있으며 코드 복잡성도 높아지면서 품질 문제가 대두되고 있는 실정입니다. 언어의 특성 상 빠른 개발에는 적합하지만 디버깅과 테스트가 어려워 품질 관리 요구가 더욱 커지고 있습니다.
• 
  개발자 수요 급증
  자바스크립트는 단일 언어를 통한 클라이언트·서버 개발 및 코드 공유로 생산성을 크게 향상시킬 수 있어 갈수록 각광받고 있습니다. 수 년간 깃허브(GitHub) 최고 인기 언어로 선정되고 있으며 개발자 채용 사이트 내 구인 1위 언어입니다. 그에 반해 숙련된 개발자 부족 현상이 지속되고 있으며 비숙련 개발자의 코드는 제품 품질에 큰 영향을 미치고 있습니다.
• 
  끊임없이 새로워지는 언어 스펙과 프레임워크
  자바스크립트는는 매년 새로운 스펙이 추가되면서 빠르게 변화하고 있으며 수많은 라이브러리와 함께 React, Vue.js 등 다양한 프레임워크도 트렌드에 따라 시시각각 변하고 있습니다. 이러한 트렌드를 일반 기업에서 모두 따라가며 대응하는 것은 매우 어려운 일입니다.

제공 서비스

자바 스크립트 코드 품질 분석 솔루션 – DeepScan®

JavaScript 코드 문제를 사전에 예방하여 개발자와 품질 관리자의 생산성을 높입니다.

개요

차별화된 자바스크립트 분석 기법을 통해 유의미한 실행 에러의 검출에 집중하면서 최신 개발 트렌드를 충실하게 지원합니다.

자바스크립트가 프론트엔드·백엔드를 가리지 않고 광범위하게 사용되면서 코드 증가에 따른 개발 생산성 하락과 유지보수의 어려움이 대두되고 있습니다. 언어 특성상 코드 문제가 늦게 발견되면서 품질 비용이 증가하고 숙련된 개발자도 부족해지고 있습니다. DeepScan은 자바스크립트 코드 문제를 개발 단계에서 미리 분석하고 해결함으로써 개발자의 생산성을 향상시키고 갈수록 증가하는 품질 비용을 낮추어 줍니다.

주요 기능

• 고품질 자바스크립트 분석 엔진
  DeepScan 엔진은 실행 흐름 분석을 통해 복잡하고 잠재적인 문제를 미리 발견합니다. 또한 5% 이내 낮은 오탐률과 초당 수천 라인을 분석하는 빠른 처리 속도로 생산성을 향상시킵니다.
• 다양하고 정확한 최신 검증 규칙
  최신 자바스크립트 및 타입스크립트(TypeScript) 스펙과 React, Vue.js 등 최신 기술 트렌드를 반영한 지속적인 업데이트를 제공합니다.
• 편리한 품질 관리
  품질 관리자가 정량적으로 프로젝트의 품질을 파악할 수 있도록 고품질 오픈소스 프로젝트와 비교한 등급을 제공합니다. 각 이슈 별로 심각도를 제공하여 중요한 문제부터 점진적으로 처리가 가능합니다.
• 개발 워크플로우 연동
  SonarQube 플러그인, 에디터 플러그인, 커맨드라인 도구(CLI), 온프레미스(On-premise) 등 모든 개발 단계에 적용 가능한 툴을 제공하여 고객의 개발 워크플로우에 매끄럽게 적용됩니다.

특장점

• 
  고품질 자바스크립트 분석 엔진
  ES2020+ 표준, 타입스크립트, Node.js, React, Vue.js 등 최신 자바스크립트 및 개발 프레임워크를 지원하며 문법 트리 기반의 기존 도구(Linter)가 찾을 수 없는 문제를 검출합니다.
• 
  적은 노이즈와 쉬운 문제 수정
  다양한 필터링 기법을 통해 수정이 필요한 문제만 정확하게 검출하며 상세한 원인 제공을 통해 손쉽게 문제를 수정할 수 있도록 돕습니다.
• 
  생산성 향상 및 품질 비용 절감
  코드 문제를 사전에 예방하여 품질 비용이 감소되고 심각도에 따라 문제를 구분해 중요 이슈에 우선 대응이 가능합니다. 또한 온프레미스, CLI 등 다양한 도구를 제공하여 개발, 빌드, 코드 리뷰 등의 워크플로우에 쉽게 연동됩니다.
• 
  검증된 글로벌 서비스
  SaaS(www.deepscan.io)를 통해 수십여 개 국가의 다양한 고객들이 사용 중이며 항상 최신 업데이트를 제공하고 VoC에 빠르게 대응합니다

고객 사례

도전 과제
글로벌 소프트웨어 개발사인 A 기업은 거의 모든 프로젝트에서 자바스크립트가 빠지지 않고 사용되었으며 백엔드 서버에도 Node.js를 도입하는 사례가 늘어나고 있었습니다. 이에 따라 갈수록 복잡해져 가는 자바스크립트 코드의 품질을 관리하는데 있어 기존의 품질 관리 도구로는 대응에 어려움을 겪고 있었습니다.

디지털 마케팅 플랫폼사인 B 기업은 웹을 위한 광고를 제작하는 도구 및 플랫폼을 제공합니다. 다양한 고객의 요구를 만족시키고 창의적인 광고를 만들기 위해 가장 최신의 웹 기술을 사용하고 있으나 최신 트렌드에 따른 코드의 품질에 좀 더 신뢰성을 갖기를 원하였습니다.

의료 애플리케이션을 개발하는 C 기업은 건강 관리를 위한 모바일 및 웹 애플리케이션을 제공하는 스타트업입니다. 좋은 아이디어를 빠르게 개발하고 공급하기 위해 웹 기술 기반의 애플리케이션을 개발하는데 있어 품질 관리 인력이 충분하지 않습니다. 애플리케이션의 품질을 최대한 높이면서도 저렴한 방법이 필요했습니다.

에스코어 서비스
A기업은 사내 자바스크립트 표준 품질 관리 도구로 DeepScan을 도입하여 기존 워크플로우에 쉽게 적용하였습니다. 아울러 개발자 도구에도 추가로 적용하여 더욱 빠르게 품질 문제를 해결할 수 있었습니다.

B 기업과 C 기업은 깃허브를 사용하고 있었고 DeepScan SaaS 서비스를 쉽게 도입하여 추가적인 워크플로우 통합 개발 없이 적은 비용으로 모든 코드 변경 사항에 대해 코드 품질 검사를 진행하고 있습니다.

효과
DeepScan을 활용하면서 자바스크립트로 개발한 SW 제품의 소스 코드 품질 관리가 한결 수월해졌습니다.

정량적 효과
– 문제를 빠르게 발견하고 해결함으로써 품질 비용 절감
– 기존 워크플로우에 쉽게 통합하여 추가 통합 비용 제거
– 심각도에 따라 문제를 구분하여 중요 이슈에 우선 대응하여 개발 자원 투입 효율화

정성적 효과
– 효과적인 분석 결과를 통해 개발자의 품질 도구 도입 저항 감소
– 코드의 품질 상태를 항상 파악할 수 있어 품질 관리자의 업무 효율 향상
– 비숙련 개발자들이 좀 더 빠르게 고품질의 코드를 작성할 수 있도록 지원

인사이트리포트

• 

  깃허브(GitHub)의 변화와 플랫폼 전략

  자세히 보기
• 

  정적 분석으로 자바스크립트 코드의 오류와 코드 스멜(Code Smell) 찾기

  자세히 보기