분류 기타

사용해야 할 10 가지 개발자 도구

컨텐츠 정보

  • 조회 281 (작성일 )

본문

소개 


개발자로서 우리는 개발할 때 매일 할 일이 많습니다. 그렇기 때문에 삶을 더 편하게 만들고 생산성을 높이는 데 도움이 되는 몇 가지 도구가 분명히 필요합니다. 개발자를 위해 특별히 제작 된 많은 도구가 온라인에 있으며 우리에게 많은 이점이 있습니다.


이 기사에서는 여러분이 알지 못하는 매우 유용한 개발자 도구 목록을 제공합니다. 바로 시작하겠습니다.


1. Can I Use? 


"Can I use?" 모바일 및 데스크톱 웹 브라우저에서 프런트 엔드 웹 기술을 지원하기 위한 최신 브라우저 지원 테이블을 제공하는 훌륭한 웹 사이트입니다.


따라서 모든 브라우저에서 지원하는 기능이 있는지 확인하려면 "사용할 수 있습니까?" 당신을 위한 최선의 선택입니다. 2,000 개 이상의 실제 브라우저 및 기기에서 웹 사이트의 호환성을 테스트 할 수도 있습니다.


Can I Use? 


2. RegEx 101 


실시간 설명, 오류 감지 및 강조 표시가 있는 무료 PCRE 기반 정규식 디버거입니다. PHP, JavaScript, Python 및 Golang에서 사용할 수 있습니다.


RegEx 101. 


3. Prettier 


형식이 지정되고 다양한 언어를 지원하며 대부분의 편집기와 통합되며 옵션이 거의 없는 독자적인 코드입니다. 이것은 코드를 올바른 형식으로 만드는 데 매우 유용한 도구입니다.


Prettier. 


4. Log Rocket 


LogRocket을 사용하면 사용자가 웹 사이트에서 수행하는 작업을 재생하여 버그를 재현하고 문제를 더 빠르게 수정할 수 있습니다.


Log Rocket. 


5. CSS Scan 


이 도구는 개발 도구에서 "요소 검사"를 사용하지 않고 마우스를 가져 가면 모든 요소의 CSS를 확인하는 데 도움이 됩니다.


클릭 한 번으로 요소의 전체 CSS 규칙을 복사 할 수도 있습니다.


CSS Scan. 


6. Axe 


접근성 테스트의 표준. Microsoft, Google, 모든 곳의 개발 및 테스트 팀에서 선택한 ax는 세계 최고의 디지털 접근성 도구 키트입니다.


Axe. 


7. Responsively app 


이 도구를 사용하면 반응 형 웹 앱을 5 배 빠르게 개발할 수 있습니다. 작업을 더 쉽게 만들어주기 때문에 모든 프런트 엔드 개발자에게 필수 DevTool입니다.


Responsively. 



8. “gitignore.io” 


이것은 당신의 프로젝트를 위해 유용하게 ".gitignore"파일을 쉽게 만들 수 있는 좋은 도구입니다.


gitignore.io 

9. Sentry 


센트리의 애플리케이션 모니터링 플랫폼은 모든 개발자에게 코드의 성능을 진단, 수정 및 최적화 합니다. 정말 유용합니다.


Sentry. 


10. WhatRuns 


WhatRuns는 버튼 클릭만으로 모든 웹 사이트에서 사용되는 기술을 식별하는 데 도움이 되는 무료 브라우저 확장 프로그램입니다. 알고 있다면 Wappalyzer의 좋은 대안입니다.


Whatruns. 

결론 


이 모든 도구는 훌륭하며 제 생각에는 개발자로서 일을 더 쉽게 만드는 유용한 작업을 수행하는 데 도움이 될 것입니다.


https://medium.com/javascript-in-plain-english/10-developer-tools-that-you-probably-need-to-use-1772982d3ad7