원하는 앱 복제, REA 그대로 따라 하면 끝납니다 (코딩 몰라도 OK)
Claude Code에 오픈소스 도구 REA(Reverse Engineer Anything)를 설치하고, 텔레그램 웹을 통째로 복제하는 과정을 처음부터 끝까지 그대로 따라 할 수 있게 담았습니다. 코드는 직접 쓰지 않고 클로드에게 요청만 보냅니다. 설치 1분 43초, 1차 복제 약 10분에 원본과 93% 같았고, 메시지가 실제로 오가는 로컬 서버와 다듬기를 거쳐 99.02%까지 맞췄습니다.
핵심 정리
- REA는 Claude Code 같은 AI에 연결해 쓰는 오픈소스 분석 도구다. 앱 코드를 복사하는 게 아니라 화면과 동작을 관찰해 증거를 모으고, AI가 그 증거로 코드를 새로 짠다.
- 준비물은 세 가지다. 유료 요금제로 로그인한 Claude 데스크톱 앱의 Code 탭, Node.js 22.19 이상, 크롬 브라우저.
- 설치는 REA 깃허브 주소와 함께 설치해 달라고 보내면 끝난다. 설치한 대화창에서는 REA가 안 보이니 반드시 새 대화창을 연다.
- 디버깅 포트를 켠 전용 크롬 창에 텔레그램 웹을 열고 로그인은 직접 한다. 그다음 복제 지시문 하나로 약 10분 만에 93% 같은 1차 복제본이 나온다.
- 1차 복제본은 보기만 같은 껍데기라, 메시지 전송·실시간 동기화 파이프라인을 로컬에서 돌아가게 확장하고 UI를 원본과 99% 넘게 맞추도록 이어서 지시한다.
- 결과는 내 컴퓨터의 작은 서버와 데이터베이스로 두 창이 메시지·읽음 표시·답장·사진을 주고받는 메신저이고, 원본과 99.02% 같았다.
- 연습은 오픈소스나 권리가 있는 앱으로만 하고, REA는 공식 저장소·rea.tools·npm에서만 받는다. 분석 결과는 AI 회사로 전달되니 기밀 앱은 먼저 확인받는다.
이 결과물을 만든 프롬프트
영상 속 결과물을 만든 프롬프트 원문이에요. 로그인하면 전체를 보고 복사할 수 있어요.
REA로 텔레그램 복제
1. Node.js 버전 확인
이 컴퓨터에 Node.js가 설치돼 있는지, 버전이 22.19 이상인지 확인해 줘. 없거나 낮으면 설치하는 방법을 처음부터 알려 줘.
2. REA 설치
https://github.com/morluto/rea 이 도구를 Claude Code에 설치해 줘.
3. 전용 크롬 연결 (새 대화창에서)
REA가 텔레그램 웹을 볼 수 있게, 디버깅 포트 9222를 켠 전용 크롬 창으로 web.telegram.org/k 를 열어 줘.
4. 화면 복제
REA로 크롬(9222 포트)에 열려 있는 텔레그램 웹을 분석해서, 이 폴더에 텔레그램과 똑같이 생긴 메신저 웹앱을 통째로 복제해 줘. 텔레그램 서버에는 연결하지 마. 다 만들면 원본과 나란히 비교해서 어디까지 똑같은지 알려 줘.
5. 실제로 돌아가는 메신저로 확장
지금 만든 복제본을 확장해 줘. REA로 텔레그램 웹의 동작 하나하나를 분석해서, 로컬에서 실제로 돌아가는 메신저로 심도 있게 만들어 줘. 메시지 전송·실시간 동기화 파이프라인이 핵심이야. 내 컴퓨터에 로컬 서버를 두고, 브라우저 창 두 개를 서로 다른 사용자로 열면 메시지·읽음 표시·입력 중 표시·답장·사진 전송이 실시간으로 오가게 해 줘. 대화방 목록, 검색, 새 대화 만들기, 그룹 대화도 동작해야 하고, 새로고침해도 대화
6. 원본과 99% 맞추기
UI를 원본 텔레그램과 99% 넘게 똑같이 맞춰 줘. REA로 원본 화면을 다시 재서 간격·글꼴·색·아이콘을 하나하나 맞추고, 화면 위쪽 날짜 표시(Yesterday·Today)가 겹쳐 보이는 문제도 고쳐 줘. 끝나면 원본과 같은 크기로 다시 비교해서 일치율을 알려 줘.
