Devtools에서 Import Pkg로 디버깅 간소화
Devtools에서 Pkg 가져오기는 개발자가 npm 패키지를 Chrome DevTools에 직접 가져올 수 있도록 하여 디버깅 프로세스를 향상시키기 위해 설계된 Chrome 확장 프로그램입니다. 이 도구는 가져온 패키지 내용을 전역 `window.lucky` 변수에 자동으로 연결하여 작업 흐름을 간소화합니다. 예를 들어, 개발자는 DevTools 환경 내에서 날짜 형식을 위한 Day.js 라이브러리의 기능에 쉽게 접근하기 위해 `$npm('dayjs')`를 사용하거나, 숫자 정밀도 작업을 위해 `$npm('number-precision')`를 사용할 수 있습니다.
이 확장 프로그램은 사용자가 가져온 패키지에 대해 사용자 정의 변수 이름을 지정할 수 있도록 하여 유연성을 제공합니다. 즉, 기본 `window.lucky` 대신에 개발자는 `$npm('dayjs', 'dayjs')` 또는 `$npm('number-precision', 'NP')`와 같은 더 의미 있는 이름을 선택할 수 있습니다. 이러한 사용자 정의는 디버깅 코드의 가독성과 유지 관리성을 향상시켜 여러 npm 패키지를 동시에 작업하기 쉽게 만듭니다.