본문으로 건너뛰기
Articles

개발 아티클 목록

개발 도구 사용법, 구현 노트, 기술 해설, 디버깅과 데이터 변환 실무 흐름을 정리한 아티클 목록입니다.

활용 사례
DevToolKits.app

curl 옵션 정리|-X -H -d 가 실제로 하는 일과 함정

실무에서 만나는 curl 옵션을 표로 정리했습니다. -d 만으로 이미 POST가 되는 이유, -d 와 --data-raw 의 차이, 앞의 @ 가 조용히 파일을 읽는 함정, 작은따옴표와 큰따옴표의 구분, -k 와 -L 을 쉽게 붙이면 안 되는 이유까지 예제로 설명합니다.

도구 소개
DevToolKits.app

JSON Schema와 Zod를 상호 변환하는 원리|required와 .optional()의 대응

JSON Schema에서 Zod 스키마를 만들고 Zod 코드에서 다시 JSON Schema를 뽑아내는 양방향 변환기의 구현을 해설합니다. required와 .optional()의 기본값이 반대인 문제, 제약 조건 대응표, 코드를 실행하지 않고 해석하는 방법까지 정리합니다.

활용 사례
DevToolKits.app

SQL 절 실행 순서 레퍼런스|WHERE에서 SELECT 별칭을 못 쓰는 이유

SQL은 작성한 순서대로 실행되지 않습니다. 논리적 실행 순서(FROM → WHERE → GROUP BY → HAVING → SELECT → ORDER BY → LIMIT)를 축으로, 별칭이 WHERE에서 안 되는 이유, WHERE와 HAVING의 구분, ONLY_FULL_GROUP_BY, COUNT(*)와 COUNT(컬럼)의 차이, LEFT JOIN + WHERE 함정을 예제로 정리합니다.

활용 사례
DevToolKits.app

unified diff 형식 읽는 법|git diff의 @@ 헤더 완전 해설

git이 출력하는 unified diff 형식을 읽는 법을 정리했습니다. @@ -12,7 +12,9 @@ 의 네 숫자가 뜻하는 것, 한 글자만 고쳐도 줄 전체가 바뀐 것처럼 보이는 이유, 공백과 줄바꿈 문자의 함정, \ No newline at end of file, 머지 커밋의 @@@, similarity index를 통한 이름 변경 감지까지 예제로 설명합니다.

활용 사례
DevToolKits.app

UTC⇄JST/KST 변환 레퍼런스|9시간 시차 대조표와 타임존 사고 예방법

UTC와 일본 시간(JST)·한국 시간(KST)의 변환을 대조표로 정리했습니다. ISO 8601의 Z와 +09:00의 의미, JavaScript 날짜 파싱이 9시간 어긋나는 조건, MySQL/PostgreSQL의 타임존 동작, GitHub Actions cron이 UTC로 도는 함정까지 예제와 함께 해설합니다.

활용 사례
DevToolKits.app

CREATE TABLE 레퍼런스|MySQL·PostgreSQL·SQLite의 타입과 제약 조건 차이

CREATE TABLE(DDL) 작성법을 3개 데이터베이스 비교표로 정리했습니다. 타입 대응표, 자동 증가(AUTO_INCREMENT / IDENTITY / rowid)의 방언 차이, 외래 키의 ON DELETE 동작, MySQL이 조용히 무시하는 CHECK 제약까지 예제와 함께 해설합니다.

도구 소개
DevToolKits.app

테이블 설계에서 CREATE TABLE 문을 자동 생성하는 구조 | DDL 빌더

테이블을 시각적으로 설계해 CREATE TABLE 문과 ER 다이어그램을 생성하는 DDL 빌더의 구현을 해설합니다. MySQL/PostgreSQL/SQLite의 타입 변환 규칙과 JSON 샘플에서 컬럼을 추론하는 알고리즘을 예제와 함께 정리했습니다.

활용 사례
DevToolKits.app

GitHub Actions needs 설계 패턴집|CI를 빠르게 만드는 의존관계 구성과 안티패턴

GitHub Actions의 needs로 만드는 job 의존관계를, 고속화 패턴과 안티패턴 표로 정리합니다. concurrency를 이용한 중복 실행 취소, fail-fast, matrix×needs 조합, 재사용 가능한 워크플로우까지 실전 예제로 해설합니다.

활용 사례
DevToolKits.app

Mermaid ER 다이어그램 문법 레퍼런스|관계 기호와 실전 예제

Mermaid erDiagram 문법 완전 정리: 까마귀발 표기법 카디널리티 치트시트, 1대다 vs 다대다, PK/FK를 포함한 속성 정의, 전자상거래 완전 예제까지 다룹니다.

도구 소개
DevToolKits.app

SQL 빌더로 SELECT·JOIN 쿼리를 시각적으로 작성하는 방법

브라우저에서 시각적 SQL 빌더로 SELECT, WHERE, JOIN을 조립하는 방법을 해설합니다. 값의 자동 따옴표 판정 원리, JOIN 사용 구분표, 여러 테이블 JOIN 작성법까지 다룹니다.

활용 사례
DevToolKits.app

SQL JOIN 완전 레퍼런스|INNER·LEFT·RIGHT·FULL의 차이와 결과 행 수 이해하기

SQL JOIN 종류(INNER/LEFT/RIGHT/FULL/CROSS/SELF)를 치트시트와 결과 행 수 예제로 정리합니다. 1대다 JOIN에서 행이 늘어나는 이유, WHERE절과 ON절의 NULL 처리 차이, 여러 테이블 JOIN 작성법까지 다룹니다.

도구 소개
DevToolKits.app

Case Converter ― camelCase·snake_case·kebab-case 등 9종류를 한 번에 변환

식별자나 변수명을 camelCase·PascalCase·snake_case·CONSTANT_CASE·kebab-case 등 9종류의 명명 규칙으로 동시 변환하는 방법을 해설합니다. 연속 대문자(HTTPServer)와 숫자 처리, 여러 줄 일괄 변환까지 다룹니다.

도구 소개
DevToolKits.app

LLM API 비용 계산기 ― Claude·GPT·Gemini 요금을 동일 조건으로 견적 비교

프롬프트를 붙여넣고 예상 출력 토큰 수만 입력하면 Claude·GPT·Gemini의 API 이용 비용을 모델 간 비교하는 방법을 해설합니다. 입력/출력 단가 구조, 요금 자동 업데이트, 개략치의 한계까지 다룹니다.

도구 소개
DevToolKits.app

AI Rules 생성기 ― AGENTS.md·CLAUDE.md·Cursor Rules를 폼 한 번으로 일괄 생성

Claude Code·Cursor·GitHub Copilot·Windsurf·Gemini CLI의 규칙 파일을 한 번에 생성하는 방법을 해설합니다. AGENTS.md 표준의 배경, 도구별 파일 형식 차이, AGENTS.md를 기준으로 삼는 운영의 장점을 정리합니다.

도구 소개
DevToolKits.app

LLM 토큰 카운터 ― Claude·GPT·Gemini의 토큰 수를 브라우저에서 한 번에 확인

텍스트를 붙여넣기만 하면 Claude / GPT / Gemini의 토큰 수를 나란히 확인하는 방법을 해설합니다. 토큰의 기초, 모델별 토크나이저 차이, 일본어의 토큰 효율이 나쁜 이유, 개략치의 한계까지 정리합니다.

도구 소개
DevToolKits.app

IP/CIDR 서브넷 계산기 ― 네트워크·브로드캐스트·마스크를 한눈에

192.168.1.10/24 같은 CIDR 표기에서 네트워크 주소·브로드캐스트 주소·사용 가능한 호스트 수·서브넷 마스크·와일드카드 마스크를 계산하는 방법과 프리픽스 조견표를 해설합니다.

활용 사례
DevToolKits.app

인코딩·해시·암호화의 차이와 구분법: 개발자가 혼동하기 쉬운 3가지 정리

Base64 인코딩, SHA-256 같은 해시, 암호화는 자주 혼동되지만 목적이 완전히 다릅니다. 비교표와 구체적 예시로 3가지의 차이를 정리하고, 용도별 올바른 선택법을 해설합니다.

도구 소개
DevToolKits.app

HEX·RGB·HSL 색상 변환과 대비(Contrast) 확인 방법

CSS 색상 형식을 변환하고 HSL로 색을 조정하며, 전경색·배경색의 대비를 확인해 읽기 쉬운 UI를 만드는 방법을 예제와 함께 설명합니다.

도구 소개
DevToolKits.app

이미지에서 QR 코드를 읽어 열기 전에 URL을 확인하는 방법

이미지나 스크린샷에서 QR 코드를 디코딩하고, 인쇄 전 캠페인 링크를 검증하며, 의심스러운 QR URL을 안전하게 확인하는 방법을 설명합니다.

도구 소개
DevToolKits.app

밀리초·초·분·시간을 변환하는 방법: 타임아웃과 TTL 설정 확인

ms, 초, 분, 시간, 일을 상호 변환해 API 타임아웃, 캐시 TTL, 재시도, 모니터링 간격 설정에서 밀리초와 초를 혼동하지 않는 방법을 설명합니다.

도구 소개
DevToolKits.app

API와 쿼리 파라미터를 위한 URL 인코딩·디코딩 방법

퍼센트 인코딩의 의미, URL을 언제 인코딩해야 하는지, API와 추적 링크 디버깅 시 인코딩된 쿼리 문자열을 안전하게 확인하는 방법을 설명합니다.

도구 소개
DevToolKits.app

URL 파라미터를 JSON으로 확인하는 방법: UTM과 API 쿼리의 누락 줄이기

긴 URL의 쿼리 파라미터를 JSON으로 정리해 UTM, 검색 조건, API 요청의 키와 값을 확인하는 방법을 예제와 함께 해설합니다.

도구 소개
DevToolKits.app

글자 수 세기와 텍스트 정리: 문서·폼·코드 조각을 위한 활용법

글자 수·줄 수, 공백 정리, HTML 이스케이프를 사용해 문서, 메타데이터, 폼, 개발 작업에 쓰기 좋은 텍스트로 다듬는 방법을 설명합니다.

도구 소개
DevToolKits.app

CSV와 JSON 변환: API 연동과 데이터 이전에서 형식을 고르는 방법

CSV와 JSON을 안전하게 변환하기 위한 헤더, 구분자, 값 타입, 중첩 데이터 처리, 실무 활용 흐름을 설명합니다.

도구 소개
DevToolKits.app

JSON 포맷팅과 검증: API 응답을 안전하게 확인하는 방법

JSON을 보기 좋게 정리하고, 문법 오류와 값의 타입을 확인하며, TypeScript 타입과 Zod, OpenAPI 스키마로 이어지는 실무 흐름을 설명합니다.

도구 소개
DevToolKits.app

인프라 구성도 그리기|설치 없이 브라우저에서 무료로 만드는 방법

서버·DB·네트워크 구성을 노드와 연결만 정의해 인프라 구성도로 만드는 방법을 정리했습니다. 설치도 회원가입도 필요 없이 브라우저에서 그리고, Mermaid 코드나 이미지로 내보낼 수 있습니다. 클라우드 구성 예제와 작성 순서도 함께 소개합니다.

도구 소개
DevToolKits.app

SQL DDL에서 ER 다이어그램 생성하기: CREATE TABLE 파싱의 원리

SQL to ER 다이어그램 도구가 CREATE TABLE DDL을 어떻게 파싱해 Mermaid ER 다이어그램으로 만드는지 해설합니다. PRIMARY KEY/FOREIGN KEY 추출 규칙, 컬럼 타입 처리 방식, 지원하지 않는 DDL 패턴까지 다룹니다.

도구 소개
DevToolKits.app

JSON 에코시스템 입문: 포맷팅·타입 생성·검증·API 정의를 예제로 잇기

JSON을 기점으로 TypeScript 타입, Zod 런타임 검증, OpenAPI 정의로 전개하는 일련의 흐름을 실제 코드로 이어 해설. 타입 안전한 API 개발의 전체 그림을 알 수 있습니다.

도구 소개
DevToolKits.app

JWT와 보안 토큰: 구조와 안전한 운용 가이드

JSON Web Token (JWT)의 내부 구조부터 JWKS를 통한 공개키 배포, 해싱을 통한 데이터 변조 감지까지 안전한 인증 시스템의 기초를 해설합니다.

도구 소개
DevToolKits.app

QR 코드 생성과 판독: 원리와 효과적인 활용 방법

QR 코드의 기본적인 작동 원리부터 안전한 생성 및 판독 방법, 개발 현장에서의 다양한 활용 사례까지 자세히 해설합니다.

광고