버전 적합성
문서와 예제가 현재 프로젝트의 버전 및 환경에 맞는지 확인하세요.
개발·웹 제작 · 14위까지 · 2026.11.02 접속 확인
개발·웹 제작 순위 | 공식 사이트 링크모음 주소모음 - 주소온길
개발 자료는 사용하는 언어와 도구의 버전, 해결하려는 문제에 맞아야 도움이 됩니다. 개발·웹 제작 분야에서는 공식 문서, 예제, 코드 저장소와 배포 도구를 단계별로 찾는 방법을 안내합니다. 복사한 코드가 실행되는지만 확인하기보다 프로젝트의 구조와 의존성, 운영 환경에 어떤 영향을 주는지 함께 살펴보세요.
주소온길 바로가기개발·웹 제작 1위부터 공식 주소 보기
이 분야의 순서는 주소온길이 공개한 편집 기준에 따른 것입니다. 자세한 판단 방법은 순위 기준 페이지에 있습니다. 순위 기준
- 1
GitHub
github.com해외영어 위주코드 저장소를 탐색하고 이슈, 코드 검토, 프로젝트 관리로 개발 작업을 함께 진행하는 플랫폼입니다.
이 순위인 이유화면은 영어지만 한국어 문서를 제공하고 국내 개발 현장의 기본 코드 저장소로 쓰여 맨 앞에 둡니다.
이럴 때공개 프로젝트를 살펴보거나 팀 개발을 관리할 때
장점코드와 이슈, 검토 대화를 한 프로젝트 안에서 연결해 개발 과정의 맥락을 함께 확인할 수 있습니다.
확인할 점공개 저장소도 재사용 조건은 서로 다르므로 코드를 가져오기 전에 LICENSE와 README를 확인하세요.
- 2
MDN Web Docs
developer.mozilla.org해외한국어HTML·CSS·JavaScript와 웹 API의 문법·사용 예제를 찾아보고 웹 개발 기초를 학습하는 문서 사이트입니다.
이 순위인 이유웹 표준 문서를 한국어 번역과 함께 무료로 제공해 웹 개발 학습과 실무에서 기준 자료로 씁니다.
이럴 때웹 화면을 만들다 문법이나 브라우저 API 사용법을 확인할 때
장점기술별 레퍼런스와 기초 학습 모듈이 연결되어 있어 문법 확인과 개념 학습을 이어갈 수 있습니다.
확인할 점새로운 웹 API를 적용할 때는 문서의 브라우저 호환성 정보와 지원 대상 환경을 함께 확인하세요.
- 3
프로그래머스
programmers.co.kr국내한국어코딩 테스트 연습 문제와 개발 강의, 개발자 채용 정보를 제공하는 국내 개발 학습 플랫폼입니다.
이 순위인 이유국내 기업이 운영하고 채용 코딩 테스트 준비에 널리 쓰여 국내 쓰임 폭이 큽니다.
이럴 때기업 코딩 테스트를 앞두고 문제를 풀어 볼 때
장점한국어 문제와 해설, 여러 언어의 온라인 채점 환경을 함께 이용할 수 있습니다.
확인할 점강의와 모의 시험에는 유료 항목이 섞여 있으니 결제 전에 포함 내용을 확인하세요.
- 4
카카오 디벨로퍼스
developers.kakao.com국내한국어카카오 로그인과 카카오톡 공유 등 카카오 API를 신청하고 개발 문서를 확인하는 사이트입니다.
이 순위인 이유국내 서비스 개발에서 카카오 연동 수요가 커 한국어 공식 문서를 갖춘 이곳을 상위에 두었습니다.
이럴 때서비스에 카카오 로그인이나 공유 기능을 붙일 때
장점앱 등록부터 키 발급, 기능별 한국어 개발 문서까지 같은 사이트에서 이어집니다.
확인할 점앱 키가 공개 저장소에 올라가지 않게 관리하고 동의 항목 검수 조건을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 5
네이버 디벨로퍼스
developers.naver.com국내한국어네이버 로그인과 검색 등 네이버 오픈 API를 등록하고 이용 문서를 확인하는 개발자 센터입니다.
이 순위인 이유국내 포털 연동에 필요한 공식 경로로 한국어 문서를 갖춰 카카오 디벨로퍼스와 나란히 둡니다.
이럴 때네이버 로그인이나 검색 API를 연결할 때
장점애플리케이션 등록 절차와 API별 호출 안내를 한국어로 확인할 수 있습니다.
확인할 점API별 호출 한도와 이용 약관에 적힌 출처 표시 의무를 먼저 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 6
네이버 클라우드 플랫폼
www.ncloud.com국내한국어서버·스토리지·데이터베이스와 AI 서비스 등을 제공하는 네이버클라우드의 클라우드 플랫폼입니다.
이 순위인 이유국내 운영사의 한국어 클라우드로 공공·기업 수요가 크지만 유료 중심이라 이 순위입니다.
이럴 때국내 리전에서 서비스 인프라를 구성할 때
장점한국어 문서와 국내 고객 지원, 공공기관용 상품 안내를 함께 확인할 수 있습니다.
확인할 점상품별 요금 기준과 무료 체험 조건을 콘솔에서 확인하고 사용량 알림을 설정하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 7
Firebase
firebase.google.com해외한국어Google이 제공하는 모바일·웹 앱 개발 및 운영 플랫폼입니다.
이 순위인 이유한국어 문서와 무료 요금제를 제공해 국내 앱 개발자가 백엔드 기능을 시작할 때 많이 씁니다.
이럴 때앱 제작에 필요한 관리형 서비스를 고를 때
장점개발과 운영 목적의 제품을 같은 공식 문서에서 살펴볼 수 있습니다.
확인할 점선택한 제품별 보안 규칙과 사용량·요금 기준을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 8
velog
velog.io국내한국어개발자가 글을 작성하고 개발 경험을 공유하는 블로그 플랫폼입니다.
이 순위인 이유국내 개발자 블로그 플랫폼으로 한국어 기술 글이 많지만 공식 문서가 아니라 중위권입니다.
이럴 때기술 글을 발행하거나 다른 개발자의 경험을 읽을 때
장점개발 주제의 글을 중심으로 탐색하고 기록할 수 있습니다.
확인할 점개인 글의 정보는 공식 문서와 대조하고 코드의 적용 조건을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 9
백준 온라인 저지
www.acmicpc.net국내한국어알고리즘 문제를 풀고 제출한 코드를 자동으로 채점받는 국내 온라인 저지 사이트입니다.
이 순위인 이유국내 알고리즘 학습에 널리 쓰이고 무료로 채점을 받을 수 있지만 용도가 좁아 이 순위입니다.
이럴 때알고리즘 문제 풀이 실력을 꾸준히 기를 때
장점단계별 문제 분류와 채점 결과 기록으로 풀이 이력을 정리할 수 있습니다.
확인할 점문제마다 입력 형식과 시간 제한이 다르니 제출 전에 조건을 다시 읽으세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 10
NHN Cloud
www.nhncloud.com국내한국어컴퓨팅·컨테이너·저장소 등 다양한 클라우드 서비스를 제공하는 국내 플랫폼입니다.
이 순위인 이유국내 운영사의 한국어 클라우드이나 유료 인프라 중심이고 쓰임이 기업 운영에 집중되어 있습니다.
이럴 때국내 클라우드에서 앱 운영 구성을 검토할 때
장점여러 인프라 제품과 이용 안내를 한국어로 살펴볼 수 있습니다.
확인할 점선택한 리전·제품의 비용과 운영 책임 범위를 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 11
Vercel
vercel.com해외영어 위주웹 앱과 AI 에이전트의 배포·실행 및 콘텐츠 전달을 지원하는 클라우드 플랫폼입니다.
이 순위인 이유무료 요금제로 웹 프로젝트를 배포할 수 있어 프런트엔드 개발자가 많이 쓰지만 한국어 화면이 없습니다.
이럴 때웹 프로젝트를 배포하고 운영 환경을 관리할 때
장점배포 환경과 서버 실행·콘텐츠 전달 기능을 함께 제공합니다.
확인할 점트래픽·실행량 과금과 프로젝트별 환경 변수 설정을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 12
npm
www.npmjs.com해외영어 위주JavaScript 패키지 레지스트리와 패키지 관리 도구의 공식 사이트입니다.
이 순위인 이유JavaScript 프로젝트라면 거의 거치게 되는 공식 레지스트리지만 한국어 안내가 없습니다.
이럴 때프로젝트 의존성을 찾고 관리 방법을 확인할 때
장점패키지 탐색과 관리 도구 안내를 함께 이용할 수 있습니다.
확인할 점패키지 작성자·버전·라이선스와 의존성 보안을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 13
Docker
www.docker.com해외영어 위주컨테이너로 개발 환경과 애플리케이션을 구성하고 공유하는 도구 모음입니다.
이 순위인 이유컨테이너 개발의 표준 도구로 쓰이지만 한국어 화면이 없고 기업 이용에는 유료 조건이 있습니다.
이럴 때팀과 배포 환경의 실행 조건을 맞출 때
장점앱과 실행 의존성을 함께 묶는 작업을 지원합니다.
확인할 점이미지 출처와 취약점, 제품별 사용 조건을 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗ - 14
네이버 D2
d2.naver.com국내한국어네이버의 개발 기술과 경험을 공유하는 기술 콘텐츠 사이트입니다.
이 순위인 이유국내 기업의 한국어 기술 글을 무료로 읽을 수 있으나 도구가 아닌 읽을거리라 마지막에 두었습니다.
이럴 때개발 사례와 기술 행사 소식을 찾아볼 때
장점실무 경험을 설명하는 기술 글과 관련 활동을 함께 탐색할 수 있습니다.
확인할 점글의 작성 시점과 예제 기술의 버전 차이를 확인하세요.
접속 확인 11.02공식 사이트 바로가기 ↗
개발 1·2·3위, 협업·문서·연습으로 나뉩니다
1위 GitHub는 코드 저장소와 이슈, 코드 검토를 한 프로젝트에 묶어 여러 사람이 함께 개발하는 협업 플랫폼이고, 2위 MDN Web Docs는 HTML·CSS·JavaScript와 웹 API의 문법을 찾아보는 레퍼런스 문서입니다. 3위 프로그래머스는 코딩 테스트 연습 문제와 온라인 채점 환경을 갖춘 국내 학습 플랫폼이라, 세 곳은 같은 개발 분야라도 쓰는 단계가 다릅니다.
코드를 올리고 팀과 검토를 주고받는 사람은 GitHub, 웹 화면을 만들다 속성이나 함수 사용법이 헷갈리는 사람은 MDN, 취업용 코딩 테스트를 준비하는 사람은 프로그래머스를 찾게 됩니다. 한국어 지원도 갈리는데, GitHub는 화면이 영어 중심이고 MDN은 일부 문서에 한국어 번역이 있으며, 프로그래머스는 문제와 해설이 한국어로 되어 있어 영어가 부담스러운 입문자에게 편합니다.
개발·웹 제작 사이트 고르는 기준
유지 관리 근거
변경 기록과 지원 범위, 이용 허락 조건을 살펴보세요.
운영 연결
검증·배포·오류 확인과 이전 상태 복구까지 고려해 비교하세요.
분야별 이용 안내
개발·웹 제작 활용 가이드
문제와 실행 환경을 구체적으로 기록하기
어떤 결과를 기대했고 실제로는 무엇이 발생했는지 먼저 나누어 적으세요. 언어와 프레임워크 버전, 실행 환경, 오류가 발생한 단계는 자료를 찾는 중요한 단서입니다. 검색한 예제가 자신의 버전에 해당하는지 공식 문서와 대조하고, 문제를 작게 재현할 수 있는 경우에는 주변 코드를 줄여 원인 범위를 좁혀 보세요.
코드와 라이브러리의 맥락 확인하기
저장소의 소개뿐 아니라 설치 안내, 변경 기록, 지원 환경과 이용 허락 조건을 살펴보세요. 예제에 포함된 명령은 수행하는 작업을 이해한 뒤 적용하고 비밀키나 개인 설정이 섞이지 않게 주의하세요. 새 의존성을 추가할 때는 필요한 기능의 범위와 기존 구성과의 충돌 가능성, 유지·교체 방법을 함께 검토하세요.
제작과 운영에 필요한 확인 나누기
로컬에서 화면이 보이는 것과 실제 이용 환경에서 안정적으로 작동하는 것은 별도로 확인해야 합니다. 입력과 오류 처리, 작은 화면과 키보드 조작 등 사용자 흐름을 점검하고 변경한 부분에 맞는 검증을 진행하세요. 공개 전에는 환경 설정과 비공개 정보, 도메인과 링크를 확인하고 문제가 생겼을 때 이전 상태로 돌아갈 방법을 준비하세요.
개발·웹 제작 자주 묻는 질문
검색에서 찾은 코드를 바로 붙여 넣어도 되나요? +
코드의 목적과 사용 조건, 버전과 입력 가정을 먼저 확인하세요. 자신의 프로젝트에서 작은 범위로 적용하고 결과와 부작용을 검증한 뒤 필요한 부분만 반영하세요.
도구를 선택할 때 기능 수가 가장 중요한가요? +
프로젝트 요구와 팀의 경험, 운영 방식에 맞는지가 중요합니다. 필요한 기능을 작은 예제로 확인하고 의존성, 문서, 자료 내보내기나 교체 가능성까지 함께 살펴보세요.