개발·테스트

개발·테스트 사이트모음

API 요청과 코드 실험, 정규식 점검을 빠르게 시작할 수 있는 개발 도구입니다. 문제를 작은 입력으로 재현하고 팀이 다시 확인할 수 있는 형태로 남기는 데 초점을 맞췄습니다.

분야별 사이트

SITE INDEX

개발·테스트 15

코드를 만들고 점검하기

Hoppscotch

hoppscotch.io
부분 유료

서버가 보내는 응답을 빠르게 확인하려는 개발자를 위한 API 작업 도구입니다. 웹과 데스크톱 환경에서 요청을 만들고 컬렉션과 환경 값을 구분해 재현 가능한 테스트를 준비할 수 있습니다.

영어 · 개발·테스트바로가기

Bruno

usebruno.com
부분 유료

API 요청 묶음을 프로젝트 코드와 함께 관리하려는 개발자를 위한 클라이언트입니다. 컬렉션을 로컬의 텍스트 파일로 보관해 Git에서 변경 내용을 비교하고 팀의 작업 흐름에 넣습니다.

영어 · 개발·테스트바로가기

Insomnia

insomnia.rest
부분 유료

서로 다른 API 형식의 요청을 만들고 응답을 점검하는 개발 도구입니다. REST와 GraphQL, gRPC 등을 다루며 요청 테스트와 설계 자료를 로컬·Git·클라우드 방식으로 관리합니다.

영어 · 개발·테스트바로가기

ReqBin

reqbin.com
부분 유료

짧은 API 예제를 브라우저에서 실행하고 요청 내용을 설명하려는 사람을 위한 도구입니다. REST와 SOAP 요청을 만들고 응답을 확인하며 다른 코드에서 사용할 예제를 준비할 수 있습니다.

영어 · 개발·테스트바로가기

HTTPie

httpie.io
서비스별 상이

명령줄이나 화면에서 HTTP 요청을 직접 시험하려는 개발자를 위한 API 도구입니다. 터미널과 웹·데스크톱 제품을 살펴보고 팀의 작업 방식에 맞는 요청 확인 환경을 선택할 수 있습니다.

영어 · 개발·테스트바로가기

regex101

regex101.com
부분 유료

로그나 문자열에서 필요한 패턴을 추출하는 정규식을 점검할 때 쓰는 도구입니다. 입력한 식의 설명과 일치 결과를 보며 치환과 시험 문장을 함께 확인해 예외를 줄일 수 있습니다.

영어 · 개발·테스트바로가기

RegExr

regexr.com
무료

정규식 문법을 읽어 가며 간단한 문자열 규칙을 시험하려는 사람에게 맞는 도구입니다. 문장을 바꿀 때마다 결과를 확인하고 참조 설명과 테스트를 이용해 규칙을 다듬을 수 있습니다.

영어 · 개발·테스트바로가기

JSON Crack

jsoncrack.com
무료

복잡하게 중첩된 JSON의 구조를 한눈에 이해하려는 개발자를 위한 시각화 도구입니다. 데이터를 입력해 트리 그래프로 살펴보고 관계를 설명할 이미지로 내보내 팀과 공유할 수 있습니다.

영어 · 개발·테스트바로가기

Transform

transform.tools
무료

예제 데이터에서 코드의 타입과 스키마 초안을 만드는 변환 도구 모음입니다. JSON을 TypeScript나 여러 스키마로 바꾸고 SVG·HTML을 JSX로 옮기는 반복 작업에 활용합니다.

영어 · 개발·테스트바로가기

CodePen

codepen.io
부분 유료

화면의 작은 동작과 스타일을 브라우저에서 만들고 보여 주는 개발 환경입니다. 웹 코드를 작성하며 결과를 비교하고 템플릿과 예제에서 출발해 공유할 수 있는 실험을 구성합니다.

영어 · 개발·테스트바로가기

StackBlitz

stackblitz.com
부분 유료

설치 준비 시간을 줄이고 브라우저에서 웹 프로젝트를 실행하려는 개발자를 위한 환경입니다. WebContainers 기반 실행을 살펴보고 간단한 재현 코드와 프런트엔드 실험을 준비합니다.

영어 · 개발·테스트바로가기

JSFiddle

jsfiddle.net
부분 유료

작은 웹 코드의 동작을 확인하고 예제로 전달하려는 사람을 위한 코드 놀이터입니다. React와 웹 기술을 이용한 실험을 구성하고 필요한 예제를 저장해 다시 살펴볼 수 있습니다.

영어 · 개발·테스트바로가기

CodeSandbox

codesandbox.io
부분 유료

프레임워크 예제와 실행 환경을 빠르게 준비하려는 개발자를 위한 샌드박스 서비스입니다. 코드 실험과 학습용 환경을 만들고 필요에 따라 SDK를 통해 격리된 실행 공간을 구성합니다.

영어 · 개발·테스트바로가기

Replit

replit.com
부분 유료

앱 아이디어를 코드와 데이터가 있는 시제품으로 만들어 보는 온라인 제작 환경입니다. 웹사이트와 대시보드 같은 결과를 구성하고 에이전트·데이터베이스 연결 기능을 검토할 수 있습니다.

영어 · 개발·테스트바로가기

Responsively App

responsively.app
무료

웹페이지가 여러 화면 폭에서 어떻게 보이는지 나란히 확인하는 개발용 브라우저입니다. 기기별 미리보기를 함께 띄우고 클릭과 스크롤을 동기화해 반응형 레이아웃을 점검합니다.

영어 · 개발·테스트바로가기

분야별 이용가이드

개발·테스트 제대로 이용하기

다른 분야도 둘러보기 →

문제를 작게 나눠 도구 고르기

예상 결과와 실제 결과를 적고 문제를 재현하는 최소 입력을 만드세요. API 응답, 문자열 규칙, 화면 배치 중 어디가 문제인지 나누면 도구 선택이 쉬워집니다. 하나의 요청이나 작은 코드 조각으로 재현할 수 있다면 전체 프로젝트를 옮기지 않고도 가설을 확인할 수 있습니다.

API 클라이언트는 요청과 인증·응답을 비교하는 데, 정규식 도구는 패턴과 예외 문자열을 시험하는 데 적합합니다. 브라우저 코드 실험 도구와 클라우드 개발 환경은 실행 범위가 다르므로 필요한 언어와 의존성 지원을 확인하세요. 팀이 결과를 재현할 수 있는 저장·내보내기 방식도 선택 기준에 넣어 보세요.

안전한 입력으로 재현하기

테스트 도구에 고객 정보와 운영 토큰을 그대로 붙여 넣지 마세요. 필요한 구조는 남기고 식별 가능한 값은 가상의 예제로 바꾸는 편이 좋습니다. 공유 링크나 공개 프로젝트에 인증 정보가 포함되지 않았는지 확인하세요. 요청을 보내기 전에는 주소와 환경이 테스트용인지, 실제 데이터를 변경하는 요청인지도 살펴야 합니다.

정규식은 맞아야 하는 문자열뿐 아니라 거부해야 하는 문자열을 함께 시험하세요. JSON 변환은 정상 입력과 빈 값·중첩·특수문자를 비교하고 변환 전후의 타입이 의도대로 유지되는지 확인합니다. 화면 점검에서는 크기별 배치를 보는 것에 더해 키보드 조작과 실제 콘텐츠의 길이도 별도로 살펴보는 것이 좋습니다.

실험 결과를 프로젝트로 가져오기

온라인 예제가 실제 프로젝트에서도 같게 동작한다고 단정하지 마세요. 언어·라이브러리 버전과 실행 환경, 네트워크 권한을 맞춰 다시 확인해야 합니다. 해결한 문제의 최소 재현 예제와 수정 이유를 남기고 기존 테스트에 필요한 검증을 추가할 수 있는지도 살펴보세요.

무료 범위와 비공개 프로젝트, 협업 권한, 실행 제한을 확인하세요. 임시 링크만 남기기보다 코드와 요청 설정을 팀이 관리하는 위치에 보관하는 편이 좋습니다. 작은 변환은 외부 서비스 없이 프로젝트 내부 도구로 재현할 수 있는지도 비교하세요.

개발·테스트 자주 묻는 질문

정규식 테스트에서 통과하면 서비스 코드에서도 동일하게 동작하나요?

언어와 실행 엔진, 옵션에 따라 차이가 날 수 있습니다. 사용하는 환경에 맞는 모드를 고르고 실제 코드에서도 같은 예제와 경계값으로 확인하세요. 테스트 도구의 결과는 빠른 검증 자료로 활용하되 최종 동작은 적용 환경에서 점검해야 합니다.

반응형 미리보기만 확인하면 휴대전화 테스트는 끝난 건가요?

화면 크기별 배치를 빠르게 비교하는 데 도움이 되지만 실제 기기의 터치와 키보드, 브라우저 동작을 모두 대신하지는 않습니다. 중요한 화면은 지원 대상 기기나 브라우저에서도 입력과 이동을 확인하세요.