나의 개발 환경을 손쉽게 핸드폰으로 옮길 수 있다?! 바이브 코딩을 하면서, 원격제어 제품을 붙여 핸드폰에서 PC화면을 보면서 너무 불편했지만 환경세팅을 새로 하기 싫었기 때문에 불편함을 감수 했다. 그러나, 더 이상 그럴 필요가 없어졌다…! 언제, 어디에서나 함께 할 수 있게 되었다. [LINK] Claude Code의 원격 제어(Remote Control) 기능은 마치 내 사무실 책상 위에 있는 슈퍼컴퓨터를 주머니 … 더 읽기
“좋은 제품은 사용자가 실수할 수 있게 하고, 위대한 제품은 실수를 되돌릴 수 있게 한다.” 디자인 시스템과 품질 관리를 마친 우리 시스템은 겉보기에 완벽했다. 하지만 실제 운영 환경에서 번역가들이 마주한 공포는 예상치 못한 곳에 있었음. 바로 ‘수정 후 되돌릴 수 없다’는 심리적 압박감과 대량 작업 시의 동선 낭비였다. 6일 차, 사용자의 실수를 포용하는 버전 히스토리 시스템과 … 더 읽기
단순한 코딩 비서가 아닌, 진정한 의미의 AI 페어 프로그래밍 파트너인 Claude Code와 함께 5일 동안 진행한 프로젝트의 전 과정을 요약해보았다. 이 요약본은 시스템의 설계부터 배포, 고도화, 품질 관리까지의 AI와 함께한 여정을 요약했다. Day 1: 프로젝트 시작과 기반 설계 (Foundation) 시스템의 목적을 정의하고, 향후 확장이 용이한 기술적 뼈대를 세울 것 ㄱ. 왜 커스텀 번역 관리 시스템(TMS)인가? … 더 읽기
“아름다운 코드는 결국 아름다운 시스템을 만든다.” Claude Code와 함께 11개의 핵심 기능을 POC로 단숨에 완성한 뒤, 개발자가 아닌 사용자의 시각으로 시스템을 다시 바라보았다. 기능은 어느정도 돌아가는 정도는 되었지만, 페이지마다 개성이 너무 뚜렷하여 눈의 피로를 유발하는 어두운 테이블, 그리고 에러 발생 시의 불친절한 피드백들이 눈에 띄었다. 오늘의 미션 : 디자인 시스템을 정립하고, 브랜드 일관성을 확보하기!철저한 테스트 … 더 읽기
“하루 만에 11개의 기능을 완성하고, 시스템 전체의 체질을 개선할 수 있을까?” 단순히 기능을 나열하는 단계를 넘어, 실제 기업 환경에서 사용해도 손색없는 ‘프로덕션 레벨’의 시스템으로 진화시키기 위한 대규모 리팩토링이 시작된 날입니다.3일 동안, 개발에 ㄱ자도 잘 모르는 사람이 엄청난 양의 AI 코드를 쏟아 냈으니 이쯤 되면 디버깅 및 리팩토링이 필요한 시점이라 생각했다. Claude Code와의 6시간 페어 프로그래밍이었고, … 더 읽기
“댔다!” 마침내 배포 성공 메시지가 떴을 때 터져 나온 탄성이었다. (왜냐하면, 처음이라서 슈버페이스까지는 처리가 잘되었는데 버셀? 로 하는 작업이 너무 오래 걸렸다. 그리고 무료 토큰이 끝나서 Railway 다시 옮겨갔는데 버셀과 또 다른 프로세스라서 오류에 오류가 너무 많이 나서 이 날은 집에 10시 넘어서 퇴근…!)로컬 환경(내 컴퓨터)에서는 완벽하게 돌아가던 시스템이 실제 서버(Railway)에 올리자마자 수십 개의 에러를 … 더 읽기
“단순한 관리를 넘어, 자동화된 워크플로우를 만들 수 있을까?” 지난 1편에서는 Next.js와 Supabase를 활용해 시스템의 뼈대를 잡고 데이터베이스를 설계하는 과정을 다뤘다. 하지만 실제 운영 환경에서는 더 큰 도전이 기다리고 있었다. 왜냐하면, 처음에 간단하게 만들어볼까? 였는데 산출물을 보고나니깐 욕심이 성큼 생겨버렸다. PDF 텍스트 자동 추출, AI 자동 번역 API 연동, 그리고 대량 데이터 처리라는 높은 벽을 Claude … 더 읽기
“코딩을 몰라도 시스템을 기획하고 구축할 수 있을까?” 최근 AI 기술의 발전으로 이제는 상상만 하던 서비스를 실제로 구현하는 시대가 되었다. 오늘은 Next.js, Supabase, 그리고 강력한 AI 코딩 도구인 Claude Code를 활용해 복잡한 ‘다국어 번역 관리 시스템(TMS)’을 단 5일 만에 구축한 여정 중, 그 첫 번째 기록인 기본 설계와 구조 잡기에 대해 상세히 공유하려 한다. 1. 왜 … 더 읽기
Table of Contents (목차) 1. 비개발자가 왜 ‘검은 화면:터미널’에 도전했나? 웹 브라우저에서 클로드(Claude)와 대화하는 것은 익숙하지만, 그 곳에서 클로드 코드를 어떻게 쓸 수 있는지 몰라서 일단 채팅 창에 코드 짜줘 를 반복 하다보니 많은 사람들이 말하는 ‘클로드 코드’는 그게 아니였다는 것을 7일 후에 알게 되었다. 그래서, AI 도움을 받아 찾아보니 터미널에서 실행되는 클로드 코드(Claude Code)는 … 더 읽기
1. Claude Code apiKeyHelper 설정법: 3일간의 삽질 끝에 찾아낸 API 키 관리 골든 패스 사실 이 글을 쓰기에 앞서, 지난주는 10시간을 쓰고 그 다음주는 3일동안 써도 해결이 되지 않아서 주변 개발자들에게 Help 요청 했지만 모두 다 실패를 했다.그러다, 마지노선으로 웹 개발자에게 요청 하니 이미 그걸로 많은 사람들이 고통 당했었다고 하면서 이야기를 해줬다. 핵심은 ‘apiKeyHelper’ 였다. … 더 읽기
