Articles
Technical articles and updates.
도구 소개 CSV와 JSON 변환: API 연동과 데이터 이전에서 형식을 고르는 방법
CSV와 JSON을 안전하게 변환하기 위한 헤더, 구분자, 값 타입, 중첩 데이터 처리, 실무 활용 흐름을 설명합니다.
도구 소개 JSON 포맷팅과 검증: API 응답을 안전하게 확인하는 방법
JSON을 보기 좋게 정리하고, 문법 오류와 값의 타입을 확인하며, TypeScript 타입과 Zod, OpenAPI 스키마로 이어지는 실무 흐름을 설명합니다.
개발 이야기 아무도 아키텍처 다이어그램을 업데이트하지 않는 문제에 대하여
'잠깐, 중간에 서버가 하나 더 있지 않나요?' 누군가 이렇게 물어볼 때 느끼는 그 서늘함. 실시간 웹 기반 Mermaid 인프라 시각화 도구를 만들게 된 이야기입니다.
개발 이야기 YAML 지옥에서 정신줄 놓기: 내가 CI/CD 시각화 도구를 만든 이유
GitHub Actions의 'needs' 의존성이 인간의 눈으로 파악하기엔 너무 혼란스러워졌을 때, YAML 미로를 깔끔한 순서도로 바꾸기로 결심했습니다.
개발 이야기 JOIN 때문에 울지 마세요: 비주얼 SQL 빌더 개발 비화
'잠깐, LEFT JOIN이 어떻게 작동하더라?' 쉼표 누락이나 구문 오류를 디버깅하느라 시간을 낭비하지 않도록 이 노코드 SQL 도구를 만들었습니다.
개발 이야기 재귀로 푸는 JSON→TypeScript 변환: 외부 라이브러리에 의존하지 않는 강점
API 응답에서 순식간에 타입 정의를 생성. 외부 파서 없이 재귀 알고리즘으로 가볍고 빠르게 구현한 뒷이야기를 소개합니다.
개발 이야기 안전한 JWT 검증 환경을 브라우저에. 보안 엔지니어의 시점
기밀성 높은 토큰을 안전하게 다루기 위해. jose 라이브러리와 로컬 처리를 조합한 JWT 도구의 설계 사상을 해설합니다.
개발 이야기 QR 코드 생성, 더 간편하고 안전하게
Canvas API와 node-qrcode를 조합하여 브라우저상에서 실시간 생성과 프라이버시 보호를 동시에 실현한 도구의 비하인드 스토리.
개발 이야기 데이터 전송 없이 안심. 브라우저 완결형 Diff 도구 개발 배경
텍스트 차이를 안전하고 빠르게 비교하기 위해, 외부 라이브러리를 활용하면서도 프라이버시를 최우선으로 설계한 비하인드 스토리.
개발 이야기 라이브러리 없는 타임존 변환: Intl API의 저력
Moment.js나 date-fns를 사용하지 않고 브라우저 표준 Intl API만으로 구현한 경량 타임존 처리 도구의 개발 비화.
개발 이야기 SQL to ER 도구 개발 비화: '브라우저 완결'에 집착한 이유
SQL로부터 ER 다이어그램을 생성하는 도구의 개발 배경과, 보안과 편의성을 동시에 잡기 위한 기술적 도전에 대해 소개합니다.
도구 소개 인프라 구성도를 브라우저만으로 만드는 방법: 코드를 통해 도표 자동 생성
Mermaid.js 기반의 인프라 구성도 빌더를 사용하여, 노드와 연결을 정의하는 것만으로 클라우드나 네트워크 구성을 시각화하는 방법을 해설합니다.