개발자 리소스신규

웹 플랫폼의 사실상 표준 문서는 완전한 중국어 번역을 갖추고 있으며 호환성 표를 쉽게 사용할 수 있습니다.

Core Web Vitals의 공식 소스인 웹 모범 사례 및 성능에 대한 Google 가이드입니다.

특정 CSS/JS 기능을 지원하는 브라우저를 확인하세요. 호환되는 코드를 작성하기 전에 반드시 읽어야 할 내용입니다.

수십 개의 언어 및 프레임워크 문서가 오프라인 검색 상자에 집계되어 매우 빠르게 전환됩니다.

새로운 JavaScript 구문은 어느 단계에 있는지, 소문을 읽는 대신 여기를 살펴보십시오.

파서 동작과 엔터티 테이블의 기반이 되는 HTML의 살아있는 표준 텍스트입니다.

속성의 정확한 정의와 값 구문을 확인하기 위해 각 CSS 모듈의 색인을 표준화합니다.

HTTP, TLS, JSON, URI 및 기타 프로토콜의 원본 텍스트입니다. HTTP 의미 체계는 RFC 9110을 참조하세요.

API 문서는 버전별로 전환되며 각 메서드에는 안정성 수준이 표시됩니다.

공식 매뉴얼에는 엔트리부터 체조까지 모든 내용이 담겨 있으며, 플레이그라운드와 함께 시청하면서 시험해 볼 수 있습니다.

2023년에 다시 작성된 새로운 문서는 Hooks를 중심으로 중국어 버전과 동기화가 잘 되어 있습니다.

중국 공식 문서의 품질은 대화형 튜토리얼을 포함한 프레임워크 문서 간의 벤치마크입니다.

표준 라이브러리 참조가 완료되었으며 중국어 버전은 커뮤니티에서 지속적으로 번역됩니다.

Rust에 대한 공식 소개서인 소유권 장에서는 대부분의 블로그보다 더 명확하게 설명합니다.

페이지당 One Go 개념과 실행 가능한 예제를 제공하며, 반나절이면 기본을 익힐 수 있습니다.

주석이 잘 달린 코드 파일은 언어 구문에 대한 빠른 개요를 제공합니다.

프런트엔드/백엔드/DevOps 및 기타 학습 로드맵을 통해 무엇을, 어떤 순서로 학습할지 파악합니다.

160개의 명령 + 옵션 목록 + 대상별 역검색 + 연습 터미널이 모두 이 사이트에 있습니다.

위험 수준과 다이어그램이 포함된 149개의 Git 명령과 연습용 시뮬레이션 터미널입니다.

각 상태 코드의 의미, 시나리오, 프런트엔드 및 백엔드 처리, 오용 등을 한 페이지에서 읽을 수 있습니다.

JavaScript 패키지 등록 센터, 보기 버전, 주간 다운로드 및 종속성 트리.

Python 패키지 색인은 릴리스 기록 및 지원되는 Python 버전을 참조하세요.

Java/Kotlin은 좌표 쿼리를 사용하여 Gradle 또는 Maven 스니펫을 직접 복사합니다.

docs.rs에 연결된 각 크레이트에 대해 자동으로 생성된 문서가 있는 Rust 패키지 저장소입니다.

공식 이미지에는 Docker 공식 이미지 태그가 있습니다. 태그 목록과 Dockerfile을 참조하세요.

Go 모듈 문서 및 버전, 가져오기 경로는 주소입니다.

PHP Composer 패키지 저장소.

루비 보석 저장소.

.NET 패키지 리포지토리, 대상 프레임워크 호환성을 참조하세요.

macOS/Linux에서 특정 소프트웨어의 추출 패키지 이름과 종속성을 확인하세요.

이 npm 패키지를 설치하면 패키징 크기이 얼마나 늘어나나요? 설치하기 전에 확인하십시오.

여러 유사한 패키지의 다운로드 크기 곡선을 비교하십시오. 선택할 때 별표보다는 추세를 살펴보십시오.

npm 및 GitHub 파일용 무료 CDN. 패키지 내 파일을 URL로 바로 참조할 수 있습니다.

URL을 통해 npm 패키지의 모든 파일에 직접 액세스하고 소스 코드를 보는 것이 매우 편리합니다.

프론트엔드 3종 세트는 바로 작성하고 읽을 수 있으며, 커뮤니티 작품은 CSS 애니메이션 효과를 배우기에 좋은 자료입니다.

전체 프런트 엔드 프로젝트는 온라인으로 실행되며 버그를 재현하기 위해 GitHub 창고로 가져올 수 있습니다.

WebContainer를 사용하면 Node 프로젝트가 브라우저에서 실행되고 CodeSandbox보다 빠르게 시작할 수 있습니다.

가장 오래된 프런트엔드 바이올린으로 가볍고 로그인이 필요하지 않습니다.

수십 가지 언어로 제공되는 Cloud IDE는 교육 및 소규모 실험에 적합합니다.

유형을 조정하고, 컴파일된 제품을 보고, 컴파일 옵션을 변경하고, 링크를 코드로 공유하세요.

Rust를 온라인으로 컴파일하고 실행하면 MIR과 어셈블리를 볼 수 있습니다.

이슈에 복사된 코드를 게시하는 표준 방법인 공식 샌드박스를 사용하세요.

C/C++/Rust 및 기타 소스 코드를 어셈블리와 함께 한 줄씩 비교하여 컴파일러가 수행한 작업을 확인하세요.

브라우저에서 SQL을 실행하고 CSV 가져오기를 지원합니다. SQL을 연습하기 위해 데이터베이스를 설치할 필요는 없습니다.

MySQL/PostgreSQL/SQLite에서 테이블을 생성하고 쿼리를 추가하고 링크를 공유하여 SQL 문제를 재현합니다.

Vue 공식 단일 파일 구성 요소 샌드박스에서 컴파일 출력을 볼 수 있습니다.

Svelte 공식 샌드박스, 튜토리얼 및 예제가 모두 포함되어 있습니다.

새로운 구문이 어떻게 ES5로 컴파일되는지 확인하세요.

여러 엔진 방언을 지원하는 단계별 정기적인 설명 및 디버깅.

브라우저에서 JupyterLab(WebAssembly 기반)을 사용하면 Python 데이터 분석을 시도하기 위해 설치가 필요하지 않습니다.

작업이 대기열에 추가되고 푸시가 실패합니다. 여기를 먼저 읽어보시기 바랍니다. RSS를 구독할 수 있습니다.

데이터 센터에 나열된 상태에 따르면 인터넷의 절반이 다운될 때 가장 먼저 노란색으로 변합니다.

npm 설치가 항상 시간 초과되면 먼저 등록 센터 오류가 아닌지 확인하세요.

각 지역의 AWS 서비스 상태, 과거 이벤트를 추적할 수 있습니다.

배포가 중단되고 Edge 기능에서 오류가 보고되면 확인하세요.

API 429/5xx 급증 시 플랫폼 측 문제인지 확인하세요.

사용자 보고서를 바탕으로 주류 서비스가 다운되었는지 확인하므로 공식 상태 페이지보다 응답이 빠릅니다.

다양한 지역의 Alibaba Cloud 제품의 상태 및 과거 이벤트입니다.

이 웹사이트의 가젯: 여러 주소에 요청을 보내고 상태 코드와 소요 시간을 확인하여 자신의 네트워크에 문제가 있는지 확인합니다.

행과 열에 대한 정확한 형식 지정, 압축, 확인, 디스케이프 및 오류 보고.

JSON/YAML/XML/CSV 6방향 변환.

일치 강조 표시, 그룹 캡처, 교체 미리 보기 및 자주 사용되는 빠른 검사.

헤더/페이로드는 로컬로 디코딩되고, 만료 시간은 사용자에게 친숙한 방식으로 표시되며, 토큰은 브라우저를 종료하지 않습니다.

텍스트 및 파일 양방향, URL 안전 변형을 지원합니다.

MD5 / SHA 시리즈 / HMAC, 파일 검증도 가능합니다.

Unix 타임스탬프 및 날짜 변환, 여러 시간대.

중국어로 번역하고 다음 10개의 실행 시간을 미리 봅니다.

인코딩, 디코딩 및 쿼리 매개변수를 표 형식으로 편집합니다.

HEX / RGB / HSL 변환, 색상 레벨 및 대비 확인.

JS/CSS/HTML/SQL 형식화.

HTML 엔터티, JSON 문자열, 유니코드 이스케이프 및 상호 변환.

CIDR은 네트워크, 브로드캐스트 및 호스트 범위를 계산하여 필요에 따라 서브넷을 분할합니다.

755/644 및 기호 쓰기 권한을 확인하세요.

Docker 실행을 compose.yaml로 전환합니다.

Auth0에서 유지 관리하는 JWT 디버거 및 다양한 언어 라이브러리 목록입니다. 민감한 토큰을 디코딩하려면 이 사이트의 오프라인 버전을 사용하는 것이 좋습니다.

풍부한 예를 갖춘 Cron 표현 영어 통역사.

복잡한 쉘 명령을 붙여넣고 매뉴얼 페이지를 참조하여 각 매개변수를 설명합니다.

쉘 스크립트 정적 검사는 따옴표와 변수 확장의 전형적인 함정을 포착할 수 있습니다.

코드 조각을 소셜 미디어에서 사용할 수 있는 아름다운 그림으로 바꿔보세요.

Raycast에서 제작한 코드 스크린샷 도구는 더욱 현대적인 스타일을 가지고 있습니다.

손으로 그린 스타일 화이트보드 드로잉 아키텍처 다이어그램, 로컬 저장소를 SVG/PNG로 내보낼 수 있습니다.

텍스트를 사용하여 순서도/시퀀스 다이어그램/클래스 다이어그램을 작성하고 Markdown으로 렌더링할 수도 있습니다.

JSON에서 TS 유형으로, SVG에서 JSX로, CSS에서 Tailwind로, 기타 수십 가지 변환이 가능합니다.

JSON 샘플에서 여러 언어로 유형 정의를 생성합니다.

Google의 브라우저 측 이미지 압축, 형식별 비교 이 사이트의 이미지 압축은 일괄적으로 수행될 수 있습니다.

URL 집합의 상태 코드와 리디렉션 체인을 일괄 확인합니다.

Feather의 커뮤니티는 1500개 이상의 선형 아이콘과 완전한 React/Vue 패키지(이 사이트에서 사용함)로 계속됩니다.

Tailwind 팀에서 제작한 솔리드/리니어 두 세트로 깔끔한 스타일이 특징입니다.

5000개 이상의 아이콘은 가장 광범위한 무료 선형 아이콘 세트 중 하나입니다.

Iconify 기반 아이콘 검색기를 사용하여 수십 개의 아이콘 세트에서 단어를 검색하세요.

"로그인 방법" 아이콘을 만드는 데 필수적인 브랜드 로고 및 브랜드 색상의 3000개 이상의 SVG.

가장 오래된 아이콘 글꼴, 무료 버전 2000+, Pro 유료.

무료 오픈소스 글꼴 라이브러리. 안정적인 사용이 필요하면 Fontsource로 자체 호스팅하세요.

타사 CDN에 의존하지 않고 Google Fonts를 자체 호스팅 npm 패키지로 만듭니다.

API와 호환되는 Google Fonts의 개인정보 보호 이미지는 도메인 이름만 변경하면 됩니다.

스페이스 바를 사용하여 무작위로 색상을 생성하고 원하는 색상을 잠근 다음 칠하세요.

색상 일치를 샘플 페이지에 직접 적용하여 종이에 잘 보이지 않는 효과를 확인하세요.

Tailwind 스타일의 50~950 색상 스케일을 생성하려면 색상 값을 입력하세요.

접근성을 위해 설계된 12단계 색상 스케일 시스템으로 밝은 모드와 어두운 모드가 쌍으로 제공됩니다.

전경/배경 대비가 WCAG AA/AAA에 도달하는지 여부입니다.

README, 버전, 다운로드, CI 상태의 배지 생성기입니다.

이 사이트: 하나의 사진에서 전체 파비콘 및 매니페스트 아이콘 세트를 생성합니다.

가장 모든 기능을 갖춘 API 클라이언트로 팀 협업에 적합하지만 점점 무거워지고 로그인이 필요합니다.

Postman을 대체하는 오픈 소스로 브라우저에서 직접 사용할 수 있으며 로그인이 필요하지 않습니다.

오프라인 우선 오픈 소스 API 클라이언트인 컬렉션은 텍스트 파일로 저장되며 Git에 입력할 수 있습니다.

Kong이 제작한 이 제품은 GraphQL 및 gRPC를 잘 지원합니다.

에코 서비스 요청: 클라이언트가 보낸 헤더와 본문이 어떻게 보이는지 테스트합니다.

프론트 엔드 데모를 작성할 때 백엔드로 사용되는 가짜 REST API(게시물, 사용자, 댓글).

요청을 수신하고 이를 실시간으로 표시하여 콜백 아티팩트를 디버깅할 수 있는 임시 URL을 제공합니다.

WeChat/결제 콜백의 로컬 디버깅에 필요한 공용 HTTPS 주소로 로컬 포트를 노출합니다.

자신만의 도메인 이름을 사용하여 무료 터널링가 가능하며 ngrok 무료 버전보다 제한이 적습니다.

데스크톱에서 서버를 모의하고 몇 분 안에 프런트 엔드 공동 디버깅을 위한 가짜 인터페이스를 구축합니다.

요청을 가로채고 브라우저/노드에서 모의를 만듭니다. 테스트와 개발은 동일한 핸들러를 공유합니다.

OpenAPI 문서를 작성하고 클라이언트 코드를 실시간으로 미리 보고 생성합니다.

클라이언트를 설치하지 않고도 온라인으로 HTTP 요청을 보내고 다양한 언어로 코드를 생성할 수 있습니다.

API 통합 플랫폼(설계/디버깅/모의/문서). 팀 무료 요금제로 충분합니다.

오픈소스 세계의 중심. 대부분의 프로젝트, 이슈, Actions가 여기에 있습니다.

완전한 CI/CD 및 DevOps 세트가 함께 제공되며 자체 호스팅이 가능합니다.

단 하나의 바이너리 파일로 실행할 수 있고 Raspberry Pi에 맞을 만큼 충분히 가벼운 자체 호스팅 Git 서비스입니다.

언어/프레임워크/편집기 이름을 입력하고 병합된 .gitignore를 생성합니다.

오픈소스 라이선스를 선택하는 방법은 무엇입니까? 한 페이지짜리 표에서는 MIT/Apache/GPL의 차이점을 설명합니다.

feat: /fix: /chore: 커밋 메시지 사양에 대한 공식적인 설명입니다.

의미론적 버전 번호 사양 중국어 버전에서는 ^ 및 ~의 동작이 우선합니다.

CHANGELOG 작성 방법에 관한 규칙입니다.

브라우저로 전환할 필요 없이 PR을 열고 이슈를 읽고 작업을 터미널에서 실행하세요.

매뉴얼 페이지와 Pro Git 중국어 버전, 모든 명령에 대한 궁극적인 설명.

오류 정보를 직접 검색합니다. 대부분의 질문에 대한 답변은 10년 전에 해결되었습니다.

친근한 분위기의 영어 개발자 블로그 플랫폼입니다.

기술계의 일일 헤드라인에서는 댓글 섹션이 본문보다 더 많은 정보를 제공하는 경우가 많습니다.

완전 무료 프로그래밍 과정 및 인증이 중국어로 제공됩니다.

인간 교사의 설명과 함께 70개 이상의 언어로 무료 연습이 제공됩니다.

"카타"를 해결하여 순위를 높이고 다른 사람들의 최고의 솔루션을 보고 통찰력을 얻으세요.

실제 프로젝트 스타일의 프런트엔드를 구현하고 실습할 수 있는 디자인 초안을 제공합니다.

수백 개의 짧은 JS/CSS/Python 코드 조각을 복사하여 사용하세요.

디자인 패턴은 풍부한 일러스트레이션과 다국어 예제로 설명되어 있으며 중국어 버전도 제공됩니다.

최신 웹 애플리케이션을 위한 디자인/렌더링/성능 패턴 모음입니다.

프로그래머 주제 커뮤니티에서는 기술 이외의 작업 공간과 하드웨어에 대해서도 많은 토론을 벌입니다.

중국어 입문 튜토리얼 사이트, 빠른 문법 검사로 충분하지만, 깊이 있게 보려면 공식 문서를 읽어야 합니다.

주간 기술 주간 및 중국어 기술 문서 작성을 위한 템플릿인 ES6/Bash 튜토리얼.

Lighthouse를 실행하고 실제 사용자의 Core Web Vitals 데이터를 제공하세요.

지역, 기기, 네트워크 조건을 선택하여 Lighthouse보다 현실에 가까운 폭포형 차트를 불러옵니다.

사이트의 TLS 구성에 점수를 매겨 취약한 암호화 제품군과 인증서 체인 문제를 식별합니다.

CSP, HSTS, X-Frame-Options 등의 보안 응답 헤더를 확인하세요.

수정 권장 사항이 포함된 Mozilla의 사이트 보안 점수입니다.

CSP 정책을 붙여넣어 어떤 지시어가 쓸모 없는지 나타냅니다.

가져오기 섹션을 온라인으로 포장하고 압축된 크기을 확인하세요. 이는 Bundlephobia보다 더 유연합니다.

성능 패널과 메모리 스냅샷을 읽는 방법은 공식 튜토리얼이 가장 체계적입니다.

각 클라이언트가 지원하는 HTML 이메일에 사용할 수 있는 CSS는 무엇입니까?

DNS 확인은 전 세계 여러 곳에서 이루어집니다. 기록을 변경하여 어디에 퍼져 있는지 확인하세요.

웹 보안의 10대 위험, 보안 자가 진단의 출발점

이 사이트: 기본 브라우저, 화면, WebGL 및 30개 이상의 기능 테스트, 테스트용 원클릭 복사 보고서.