요즘IT는 지난 10월 클로드 코드 세미나 ‘클코나잇’ 1회에 이어 11월 ‘클코나잇 2회 - 딥다이브’세션을 열고 개발자들이 클로드 코드를 현업에서 실제로 활용하는 다양한 사례를 공유했습니다. RSA 암호화 데스크톱 앱을 만들거나 AI 오케스트레이션을 실행한 사례, 3일 만에 위기를 해결한 사례 등을 공유했습니다. 참가자들에게 “명불허전” “안 들었으면 후회할 뻔” “아이디어 가득 얻고 가는 시간!”이라고 호평을 받았습니다. 아쉽게도 참석하지 못한 분들을 위해 그날의 핵심 내용을 정리해 콘텐츠로 다시 전해드립니다.

이번 글은 세미나 첫 번째 주제였던 “[Tool 개발] Claude Code로 만드는 개발자 툴: RSA 암호화 앱 RiSA 개발기”입니다. 발표자료는 요즘IT 디스코드에서 다운로드 받을 수 있습니다. 이 콘텐츠는 일정 기간 무료로 제공한 뒤 유료로 전환되었습니다. 자세한 내용이 궁금하시면 전자책(PDF) <클로드 코드로 일하는법: 10인 실제 사례집>을 참고해주세요.

안녕하세요. 대교에서 소프트웨어 엔지니어로 재직 중인 조영록입니다. 오늘은 클로드 코드를 활용해 RSA 암호화 데스크톱 앱 ‘RiSA'를 개발한 경험을 공유하려고 합니다.

그린필드 프로젝트로 시작하다

먼저 바이브 코딩을 하는 두 가지 상황에 대해 말씀드리겠습니다. 소프트웨어를 만들 때 우리는 그린필드 프로젝트와 브라운필드 프로젝트로 구분합니다. 그린필드 프로젝트는 아무것도 구축되지 않은 빈 환경에서 새로 시작되는 프로젝트를 의미하고, 브라운필드는 이미 구축된 코드베이스가 있는 상황을 말합니다. 이번에 바이브 코딩을 통해 만든 암호화 앱은 아무것도 없는 상황에서 시작했기 때문에 그린필드 애플리케이션 개발이라고 볼 수 있습니다.

왜 이 앱을 만들게 되었나

저희가 만들고 있는 학습용 모바일 앱은 사내 데이터 API와 통신해야 할 일이 많습니다. 이 사내 데이터 API는 보안을 위해 고객 데이터나 민감한 데이터를 RSA 암호화 방식으로 전송합니다. 문제는 디버깅을 하거나 정보를 파악해야 할 때 데이터를 암호화하거나 복호화해야 할 일이 자주 발생한다는 것이었습니다.

기존에는 두 가지 방법을 사용했습니다. 첫 번째는 웹사이트에서 'RSA encryption decryption'을 검색해 누군가 구현해 놓은 사이트를 이용하는 방법입니다.

첫 번째 방법은 온라인 RSA 도구를 사용하는 것입니다. 암호화 방식, 키 비트 수, 알고리즘 등을 선택할 수 있고 퍼블릭 키와 프라이빗 키를 입력하는 란도 있습니다. 두 번째는 암복호화 로직을 로컬 스크립트로 만들어두고 필요할 때마다 실행하는 방법입니다.

각각 문제가 있었습니다. 웹사이트에 민감한 키를 입력하는 것은 보안상 위험하고, 로컬 스크립트는 암복호화 코드와 실행 스크립트를 어딘가에 따로 보관하고 관리해야 하는 번거로움이 있었습니다.

포스트맨 같은 GUI 데스크톱 앱을 만들자

당시 저는 데스크톱 앱 개발에 관심이 있었기 때문에 이 기회에 간단한 GUI 애플리케이션을 만들어보면 어떨까 생각했습니다. 포스트맨이 API를 관리하고 요청을 처리하듯, 암복호화 키를 로컬에서 안전하게 관리하며 쉽게 암복호화할 수 있는 데스크톱 앱을 만들고 싶었습니다.

기술 스택 선택

평소 제가 사용하는 기술 스택은 Next.js 프론트엔드와 Node.js 백엔드 서버입니다. 저는 자바스크립트 환경에 익숙했기 때문에 데스크톱 애플리케이션을 만들 때도 Electron과 Next.js를 조합하기로 했습니다. Next.js로 UI를 구성하고, Electron의 메인 프로세스에서 Node.js를 활용하면 동일한 언어로 쉽게 애플리케이션을 만들 수 있겠다고 생각했습니다.

RiSA 앱은 RSA 키를 저장/관리하고 저장된 키를 통해 암복호화를 수행할 수 있도록 구현하였습니다. 앱의 아이콘도 ChatGPT의 이미지 생성 기능으로 제작하였습니다.

클로드 코드와의 첫 대화

앱을 만들기 위해 간단하게 프롬프트를 입력했습니다.

"Electron + Next.js를 사용해서 사내에서 RSA 암호화를 할 수 있는 간단한 데스크톱을 만들고 싶습니다. 아키텍처와 필요한 기능들을 제안해 주세요."

플랜 모드를 적극 활용하라

이쯤에서 제가 클로드 코드를 사용할 때 많이 사용하는 플로우와 중요하게 생각하는 포인트를 말씀드리겠습니다.

클로드 코드에는 플랜 모드라는 것이 존재합니다. 클로드 코드에서는 Shift + Tab으로 모드를 전환할 수 있는데, 세 가지 모드가 있습니다.

<클로드 코드로 일하기: 10인 실제 사례집> 전자책(PDF) 출시!

실무자 10인의 클로드 코드 200% 활용법을 엮은 <클로드 코드로 일하기: 10인 실제 사례집> 전자책(PDF) 출시!

스타트업 CTO, 풀스택 개발자, PM, 영상 제작사 기술이사, 출판 에디터까지.
개발자 6인 + 비개발자 4인이 시행착오 끝에 정립한
클로드 코드 실전 방법론을 한 권에 담았습니다.

지금 읽고 있는 글의 전체 내용은
<클로드 코드로 일하기: 10인 실제 사례집>에서 확인하실 수 있습니다.

이런 분께 추천합니다

# 클로드 코드 좋다는데,
실제 어디까지 되는 건지 궁금한 분

# 개발자, PM, 에디터 등 다양한 직군의
실무 활용 사례를 한번에 보고 싶은 분

# 남들은 어떻게 쓰는지 실패담까지
솔직한 후기가 필요한 분

# 바이브 코딩, 멀티 에이전트 등
최신 키워드는 아는데 실전 감이 안 잡히는 분

# 바이브코딩으로 외주, 사이드프로젝트 등
수익화 방법을 '찍먹' 해보고 싶은 분

요즘IT 디스코드에서 발표자료 다운로드 받기