배움을 기록하는 개발 블로그 배움을 기록하는 개발 블로그

OpenBot은 Claude, Codex, Grok 등 여러 AI 에이전트를 로컬 환경에서 동시에 운영할 수 있는 오픈소스 데스크톱 워크스페이스입니다. 전용 워크스페이스, 태스크 큐, 브라우저 제어 기능으로 코드 보안을 지키며 AI 팀원과 협업하는 법을 정리했습니다.도입Claude, Codex, Grok 같은 AI 에이전트를 쓰는 개발자라면 한 번쯤 이런 불편함을 겪어봤을 겁니다. 브라우저 탭을 여러 개 열어두고, 한쪽 AI의 결과를 복사해 다른 AI에 붙여넣고, 맥락이 끊길 때마다 처음부터 설명을 반복하는 상황입니다. OpenBot은 이 문제를 해결하기 위해 등장한 로컬 우선(local-first) AI 에이전트 협업 데스크톱 워크스페이스로, GitHub 트렌딩에 오를 만큼 빠르게 주목받고 있습니다. ..

JWT 토큰의 헤더와 페이로드를 즉시 디코딩하는 무료 온라인 도구 소개. 설치 없이 브라우저에서 바로 사용 가능한 JWT 디코더로 토큰 구조를 쉽게 파악하세요.JWT 토큰, 눈으로 읽을 수 있다면 얼마나 편할까?API 개발을 하다 보면 eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIn0.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c 같은 긴 문자열을 마주치게 됩니다. 이게 바로 JWT(JSON Web Token)입니다.JWT는 현대 웹 서비스의 인증·인가에서 사실상 표준으로 자리잡았지만, 직접 눈으로 읽기는 불가능합니다. 디버깅 중에 "이 토큰에 실제로 어떤 값이 들어 있지?"를 확인하려면 매번 코드를 짜거나..

JWT 토큰의 헤더와 페이로드를 브라우저에서 즉시 디코딩하세요. json2class.com의 무료 JWT 디코더로 인증 오류를 빠르게 디버깅하는 방법을 알아보세요.JWT 토큰, 직접 열어본 적 있으신가요?API 인증을 구현하다 보면 JWT(JSON Web Token)를 빈번하게 다루게 됩니다. 로그인 후 발급받은 토큰을 Authorization 헤더에 담아 요청을 보내고, 서버는 이를 검증해 사용자를 식별하죠. 그런데 막상 토큰 안에 어떤 데이터가 들어있는지, 만료 시간은 언제인지, 어떤 알고리즘으로 서명됐는지 눈으로 확인하기가 쉽지 않습니다.eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaW..

Claude Code·Codex 등 AI 에이전트의 세션 간 컨텍스트를 영구 저장하는 claude-mem 사용법을 총정리합니다. 반복 설명 없이 이전 작업 맥락을 자동 주입하는 방법을 알아보세요.도입AI 코딩 에이전트를 매일 사용하다 보면 반드시 마주치는 불편함이 있습니다. 세션이 새로 시작될 때마다 "이 프로젝트는 Next.js 기반이고, 백엔드는 FastAPI를 씁니다…"라고 처음부터 다시 설명해야 하는 번거로움입니다. AI 에이전트 컨텍스트를 세션 간에 영구적으로 저장하고 자동으로 주입해 주는 오픈소스 도구 claude-mem이 최근 GitHub 트렌딩에 오르며 개발자들의 주목을 받고 있습니다. AI 코딩 에이전트를 적극 활용하는 개발자라면 반드시 알아야 할 도구입니다.claude-mem이란? AI..

Vercel·Heroku 비용이 부담된다면 오픈소스 셀프호스팅 PaaS Coolify를 주목하세요. 월 $5~10 VPS로 무제한 프로젝트 배포, 360가지 원클릭 서비스 설치 방법을 단계별로 안내합니다.도입매달 반복되는 클라우드 호스팅 비용이 사이드 프로젝트나 스타트업 운영에 부담으로 다가온다면, Coolify가 현실적인 대안이 될 수 있습니다. Coolify는 Vercel, Heroku, Netlify를 대체할 수 있는 오픈소스 셀프호스팅 PaaS(Platform as a Service)로, 자체 서버 위에 웹 애플리케이션·데이터베이스·서비스를 손쉽게 배포할 수 있게 해줍니다. GitHub 트렌딩에 꾸준히 이름을 올리고 있는 이 프로젝트는 360개 이상의 원클릭 서비스를 지원하며, 국내외 개발자들 사..

json2class.com의 무료 Hash 생성기로 MD5, SHA-1, SHA-256, SHA-512 해시값을 브라우저에서 즉시 생성하세요. 설치 없이 파일 무결성 검증, 비밀번호 암호화, API 서명 작업을 빠르게 처리할 수 있습니다.해시(Hash)란 무엇이고, 왜 개발자에게 중요할까?해시(Hash)는 임의의 데이터를 고정 길이의 문자열로 변환하는 단방향 암호화 알고리즘입니다. 같은 입력값은 항상 동일한 해시값을 생성하며, 단 한 글자만 달라져도 결과물이 완전히 바뀝니다. 이 특성 덕분에 해시는 현대 소프트웨어 개발에서 없어서는 안 될 핵심 기술로 자리 잡았습니다.개발 현장에서 해시를 사용하는 대표적인 상황을 생각해 봅시다. 다운로드한 파일이 원본과 동일한지 검증할 때, 사용자 비밀번호를 데이터베이스..

NVIDIA가 오픈소스로 공개한 OpenShell은 자율 AI 에이전트를 안전하게 실행하는 Rust 기반 프라이빗 런타임입니다. AI 에이전트 보안 위험과 OpenShell의 핵심 특징, 실전 활용 시나리오를 한국 개발자를 위해 총정리합니다.도입AI 에이전트가 코드를 스스로 작성하고, 파일을 조작하며, 외부 서비스를 호출하는 시대가 빠르게 현실이 되고 있습니다. 그런데 AI 에이전트 런타임 보안에 대한 논의는 아직 충분하지 않습니다. 에이전트가 잘못된 명령을 실행하거나, 악의적인 입력에 의해 의도치 않은 동작을 할 경우 호스트 시스템 전체가 위험에 노출될 수 있습니다. NVIDIA는 이 문제를 정면으로 다루는 오픈소스 프로젝트 OpenShell을 GitHub에 공개했습니다. Rust로 작성된 OpenSh..

URL 인코딩/디코딩이 헷갈리시나요? json2class.com의 무료 URL 인코더/디코더로 퍼센트 인코딩을 즉시 변환하세요. 한글, 특수문자 처리 예시 포함.URL 인코딩, 왜 필요한가?웹 개발을 하다 보면 URL에 한글이나 특수문자를 포함해야 하는 상황이 자주 생깁니다. 예를 들어 검색 쿼리에 안녕하세요를 넘기거나, URL 파라미터에 &나 = 같은 예약 문자를 포함해야 할 때가 그렇습니다. 이때 URL을 그냥 사용하면 서버가 잘못 해석하거나 브라우저에서 오류가 발생할 수 있습니다.URL 인코딩(퍼센트 인코딩)은 이런 문자들을 %XX 형식의 안전한 ASCII 문자열로 변환하는 표준 방식입니다. RFC 3986 스펙에 정의된 이 방식은 모든 웹 환경에서 호환되며, 한국어 개발 환경에서는 특히 더 자주 ..