안녕하세요, 저는 성공적인 풀 스택 웹 개발자가 되고자 하는 13 세 소년 Savio Martin입니다. 저는 풀 스택 웹 애플리케이션과 모바일 앱을 만드는 것을 좋아합니다. 저는 프론트 엔드 기술에서 저의 우수성을 증명했습니다. 저는 제 리소스와 전문 지식을 개발 커뮤니티와 공유하는 것을 좋아합니다. 나는 정기적으로 @hashnode에 기사를 씁니다.
오늘은 34 Must have chrome extension for developers을 공유하겠습니다. 이러한 확장 기능은 개발자에게 정말 도움이 되며 업무를 강화합니다. 따라서 이러한 확장을 설치하는 것을 고려하십시오. 마지막으로 개발자를 위한 상위 10 개의 확장 프로그램을 제공했습니다. 그것들은 제가 함께 살 수 없었던 연장입니다. 자, 시작합시다
https://dev.to/saviomartin/34-must-have-chrome-extensions-for-web-developers-and-designers-421b
Notion Web Clipper는 웹의 모든 페이지를 Notion 작업 공간에 저장할 수 있도록 도와줍니다. 원하는 모든 기사, 연구 및 영감을 캡처하고 구성하면 이를 실행으로 전환 할 수 있도록 도와 드리겠습니다.
ColorZilla를 사용하면 브라우저의 어느 지점에서든 색상을 읽고 이 색상을 빠르게 조정하여 다른 프로그램에 붙여 넣을 수 있습니다. 그리고 훨씬 더 많은 일을 할 수 있습니다.
Lighthouse는 웹 페이지의 품질을 개선하기 위한 오픈 소스 자동화 도구입니다. 모든 웹 페이지, 공개 또는 인증 요구에 대해 실행할 수 있습니다. 성능, 접근성, 점진적 웹 앱, SEO 등에 대한 감사가 있습니다.
Wappalyzer는 어떤 웹 사이트가 구축 되었는지를 보여주는 기술 프로파일러입니다. Wappalyzer는 CMS 탐지기 또는 프레임 워크 탐지기 그 이상입니다. 프로그래밍 언어, 분석, 마케팅 도구, 결제 프로세서, CRM, CDN 등 수십 가지 범주에서 천 개 이상의 기술을 발견합니다.
Fake Filler는 페이지의 모든 입력 필드를 무작위로 생성 된 가짜 데이터로 채우는 양식 채우기입니다. 이 생산성 향상 확장은 필드에 값을 수동으로 입력 할 필요가 없으므로 양식을 사용하는 개발자와 테스터에게 필수입니다.
새 탭 페이지를 할 일, 날씨 및 영감을 제공하는 개인 대시 보드로 교체하십시오. 평온한 순간을 제공하고 생산성을 높이는 새로운 탭 페이지입니다. 일일 사진 및 인용문으로 영감을 얻고, 일일 초점을 설정하고, 할 일을 추적하세요. 모든 새 탭에서 그날의 초점을 상기 시켜 산만함을 없애고 미루는 일을 이겨내십시오. 3 백만 명이 넘는 사용자와 함께 살고 싶은 삶을 창조하는 영감을 얻으십시오.
CSSViewer는 원래 Nicolas Huon이 FireFox 추가 기능 (2006-2008)으로 만든 간단한 CSS 속성 뷰어입니다.
Daily.dev는 특히 소프트웨어 개발자를 위한 뉴스 수집기입니다. daily.dev를 사용하면 모든 주제에 대한 최고의 기술 출판물에서 최고의 기사로 업데이트 됩니다. CSS-Tricks, Smashing Magazine, web.dev 및 +350 소스에서 좋아하는 모든 콘텐츠를 한 곳에서 가져옵니다.
문법과 철자부터 스타일과 어조에 이르기까지 Grammarly는 쓰기 오류를 제거하고 자신을 표현할 완벽한 단어를 찾을 수 있도록 도와줍니다. Gmail, Google 문서 도구, Twitter, LinkedIn 및 작성 중인 거의 모든 곳에서 Grammarly의 실시간 피드백을 받을 수 있습니다. Grammarly는 작문을 향상 시키는 데 도움이 되는 구체적인 제안을 제공하는 작문 도우미이며 문법을 뛰어 넘습니다. 자신의 글이 정확할 뿐만 아니라 명확하고 간결하다고 확신 할 수 있습니다. 진행 상황을 추적하고 개선 영역을 식별하는 데 도움이 되도록 매주 개인화 된 쓰기 보고서를 받으려면 계정을 등록하십시오.
눈으로 본 것 중 가장 아름답고 사용자 정의 가능한 JSON / JSONP 하이 라이터. JSON 및 JSONP를 인쇄하기 위한 Chrome 확장 프로그램입니다.
Keywords Everywhere - Keyword Tool
Google ™ Search Console, YouTube ™, Amazon ™ 등과 같은 15 개 이상의 웹 사이트에 대한 키워드 검색량, CPC 및 경쟁. Keywords Everywhere는 15 개 이상의 웹 사이트에서 월별 검색량, CPC 및 경쟁 데이터를 보여주는 프리미엄 크롬 확장 프로그램입니다. 또한 시드 키워드에서 키워드를 찾고 SERP에서 페이지 순위가 지정된 키워드를 표시하는 도구도 내장되어 있습니다.
Chrome 개발자 도구에 React 디버깅 도구를 추가합니다. React Developer Tools는 오픈 소스 React JavaScript 라이브러리를 위한 Chrome DevTools 확장입니다. Chrome 개발자 도구에서 React 구성 요소 계층을 검사 할 수 있습니다.
Vue.js 애플리케이션 디버깅을 위한 Chrome devtools 확장입니다.
VSCode에서 Github 및 Gitlab 링크를 엽니다. 파일 링크를 마우스 오른쪽 버튼으로 클릭하고 "VSCode에서 열기"를 선택하십시오. 라인 링크를 클릭하여 특정 파일에 대한 파일을 열 수도 있습니다.
Awesome Autocomplete for GitHub
GitHub의 검색 창에 즉시 검색 기능을 추가하세요. GitHub의 검색을 향상 시키는 간단하고 눈에 띄지 않는 확장으로 그 어느 때보다 빠르게 저장소와 사람을 검색 할 수 있습니다.
애플리케이션의 상태 변경을 디버깅 하기 위한 Redux DevTools. 이 확장은 Redux 개발 워크 플로우를 위한 파워 업을 제공합니다. Redux 외에도 상태를 처리하는 다른 아키텍처와 함께 사용할 수 있습니다.
웹 페이지에서 글꼴을 식별하는 가장 쉬운 방법입니다. Firebug 및 Webkit Inspector는 개발자가 사용하기에 충분히 쉽습니다. 그러나 다른 사람들에게는 이것이 필요하지 않습니다. 이 확장 프로그램을 사용하면 웹 글꼴을 마우스로 가리 키기 만하면 검사 할 수 있습니다. 간단하고 우아합니다. 또한 웹 글꼴을 제공하는 데 사용되는 서비스를 감지합니다. Typekit 및 Google Font API를 지원합니다.
한 번의 버튼 클릭으로 캐시와 브라우징 데이터를 지 웁니다. 확인 대화 상자, 팝업 또는 기타 성가심 없이 이 확장 프로그램을 사용하여 캐시를 빠르게 지 웁니다. 앱 캐시, 캐시, 쿠키, 다운로드, 파일 시스템, 양식 데이터, 기록, 인덱싱 된 DB, 로컬 저장소, 플러그인 데이터, 암호 및 WebSQL을 포함하여 옵션 페이지에서 지우려는 데이터의 내용과 양을 사용자 지정할 수 있습니다. . 쿠키는 특정 도메인에 대해서만 또는 특정 도메인을 제외한 모든 항목에 대해 전역 적으로 제거 할 수 있습니다.
클릭 한 번으로 Google Keep에 저장하세요! 나중에 저장하고 싶은 웹 페이지, 이미지 또는 견적을 찾았습니까? Google Keep Chrome 확장 프로그램을 사용하면 관심 있는 항목을 Keep에 쉽게 저장하고 웹, Android, iOS 및 Wear를 포함하여 사용하는 모든 플랫폼에서 동기화 할 수 있습니다. 추가 세부 사항을 메모하고 레이블을 추가하여 나중에 검색 할 수 있도록 메모를 빠르게 분류합니다.
업무용 비디오 메시징. 신규 직원 온 보딩, 고객 문제 해결 또는 코드 검토에서 Loom을 사용하면 비디오의 힘을 사용하여 메시지를 빠르고 명확하게 전달할 수 있습니다. Loom을 사용하면 화면, 음성 및 얼굴을 녹화하여 이메일을 입력하는 것보다 짧은 시간에 즉시 공유 가능한 비디오를 만들 수 있습니다. 앞뒤로 입력하는 것을 줄이고 처음에 메시지를 받을 수 있습니다. 동료와 고객이 감사합니다!
Focus To-Do: Pomodoro Timer & To Do List
Focus To-Do는 Pomodoro Timer와 Task Management를 결합하여 집중력을 유지하고 작업을 완료하도록 동기를 부여하는 과학 기반 앱입니다. Pomodoro Technique와 To Do List를 한 곳에 모아서 할 일 목록에 작업을 캡처 및 구성하고, 초점 타이머를 시작하고, 작업 및 학습에 집중하고, 중요한 작업 및 심부름에 대한 알림을 설정하고, 직장에서 보낸 시간을 확인할 수 있습니다. 작업, 미리 알림, 목록, 캘린더 이벤트, 식료품 목록, 체크리스트를 관리하고 업무 및 학습에 집중하고 근무 시간을 추적하는 데 도움이 되는 최고의 앱입니다. Focus To-Do는 휴대폰과 컴퓨터 간에 동기화되므로 어디서나 목록에 액세스 할 수 있습니다.
툴바에서 직접 Speedtest를 수행하여 중단 없이 인터넷 성능을 빠르게 테스트하십시오.
Toby는 북마크보다 낫고 Chrome 브라우저의 수준을 높입니다. Toby는 모든 새 탭에 존재하는 시각적 작업 공간입니다. 브라우저 탭을 컬렉션으로 드래그 앤 드롭하여 새 탭을 추가하거나 한 번의 클릭으로 전체 세션을 저장할 수 있습니다. 자동 동기화를 통해 모든 데스크탑에서 모든 컬렉션에 액세스 할 수 있습니다. 태그를 사용하여 컬렉션을 구성하거나 할 일에 대한 메모를 만드세요.
최대 600 % 볼륨 부스트, 모든 탭의 볼륨 제어, 세밀한 제어 : 0 %-600 %, 클릭 한 번으로 오디오를 재생하는 모든 탭으로 전환
이 확장 프로그램을 사용하면 브라우저 작업 또는 컨텍스트 메뉴를 통해 웹 콘텐츠를 Google 드라이브에 직접 저장할 수 있습니다. 마우스 오른쪽 버튼을 클릭하고 'Google 드라이브에 저장'을 선택하여 문서, 이미지, HTML5 오디오 및 비디오를 모두 저장할 수 있습니다. 'Google 드라이브에 저장'브라우저 작업을 사용하여 현재 표시된 페이지를 저장할 수 있습니다. 저장된 HTML 페이지의 디렉토리 위치와 형식은 확장 프로그램의 옵션 페이지 (전체 이미지 (기본값), 표시 이미지, 원시 HTML, MHTML 또는 Google 문서 선택)로 제어 할 수 있습니다. Microsoft Office 파일 또는 쉼표로 구분 된 파일을 Google 문서 형식으로 자동 변환 할 수 있습니다.
이것은 EFF와 Tor 프로젝트에서 만든 Firefox 용 HTTPS Everywhere 확장의 포트입니다. 수천 개의 사이트를 안전하지 않은 "http"에서 보안 "https"로 자동 전환합니다. 다양한 형태의 감시 및 계정 도용, 일부 형태의 검열로부터 사용자를 보호합니다.
Keeper® Password Manager & Digital Vault
세계에서 가장 신뢰할 수 있고 가장 많이 다운로드 된 보안 암호 관리자 및 디지털 금고로 암호를 보호하고 자동 완성하십시오. 세계에서 가장 신뢰할 수 있고 다운로드 된 1 위 암호 키퍼 및 디지털 금고로 보호를 유지하십시오. Keeper의 비밀번호 관리자는 모든 기기에서 강력한 비밀번호를 생성, 저장 및 자동 완성하는 동시에 개인 문서를 안전하게 저장하고 보호합니다. 해킹 당하지 마십시오. Keeper를 받으세요.
Vimeo Record - Screen & Webcam Recorder
브라우저에서 무제한 무료 비디오 메시지를 녹화하고 공유하세요. 입력하는 것보다 최대 7 배 더 빨리 말하는 것을 알고 계셨습니까? 다음 번에 긴 이메일이나 채팅 메시지를 보낼 생각이라면 동영상 녹화를 통해 아이디어를 더 빠르고 빠르게 전달할 수 있는지 생각해보세요.
제품 데모, 디자인 피드백, 지식 전달 세션 등 Vimeo의 스크린 레코더를 사용하면 무제한 비디오 메시지를 빠르게 녹화하고 공유 할 수 있습니다. 화면, 음성, 얼굴 또는 조합을 녹음하도록 선택하십시오. 녹화가 끝나면 비공개 링크로 즉시 동영상을 공유 할 수 있습니다. 녹화 된 모든 비디오는 Vimeo에 자동으로 업로드 되어 비디오 구성 및 교체, 플레이어 사용자 지정, 팀과 비디오 공유, 챕터 마커 추가 등과 같은 다양한 도구를 제공합니다. 동영상의 홈으로 Vimeo를 선택한 2억 명이 넘는 사용자와 함께하세요.
Scrn.li - Screenshot Tool and Editor
추가 편집, 다운로드 또는 텍스트 추가로 전체 페이지 또는 부분 화면 캡처를 만들기 위한 스크린 샷 도구입니다. 전체 웹 페이지 스크린 샷을 만들거나 그 일부를 편집, 저장 및 PC에 다운로드 할 수 있는 기회를 제공하는 고급 앱입니다. 앱은 시간을 완전히 절약하는 브라우저에서 실행됩니다. 확장 아이콘을 클릭하기 만하면 전체 페이지 스크린 샷 또는 선택한 부분 옵션 중에서 선택할 수 있습니다.
툴바에 추가 된 전체 화면 버튼입니다. 키보드 단축키 (Windows에서는 F11, Mac에서는 Cmd + Shift + F)와 정확히 동일합니다. 아이콘을 변경하고 컨텍스트 메뉴에 전체 화면 기능을 추가 / 제거 할 수 있습니다.
세계 최고의 Chrome 용 이모티콘 키보드입니다. 이제 유니 코드 13과 호환됩니다!
저장소 크기, 각 파일 크기, 다운로드 링크 및 파일 내용 복사 옵션을 표시합니다. GitHub 웹 사이트 위에 유용한 기능을 제공하는 확장 프로그램입니다.
광고 및 팝업에 대한 최고의 adblock 확장. Facebook, YouTube 및 기타 모든 웹 사이트의 광고를 차단합니다. AdGuard 광고 차단기는 Facebook, YouTube 등 모든 웹 페이지에서 모든 유형의 광고를 효과적으로 차단합니다!
GitHub 코드 검토 및 탐색을 향상 시키는 브라우저 확장입니다. 기능-IDE와 유사한 코드 트리, 폴더 및 파일 검색, 개인 리포지토리 지원, 리포지토리 / 파일 / 이슈 / 풀 요청 북마크, 고성능, 모든 크기의 리포지토리 작업
등록된 댓글이 없습니다.
