## Intro - 안그래도 AI의 발전 속도가 Opus 5.5, Astra 6 이후로 체감되게 빠른데.. 점점 더 말도 안되게 편한 것들이 나오고 있다..😨 - 충격으로 치자면 Ego lite & Aside 급 서비스 `REA`와 E2E Test는 이제 이걸로 끝이다 싶은 `e2e`를 소개해본다!
## 1. 𝐑𝐄𝐀 - Reverse Engineering Anything - 이름부터 범상치 않다. 뭐든지 까발려(?)주마! 내가 이 레포를 발견했을 때 Github ⭐️는 8.8만이었는데.. 약 1주일 사이에 20만개가 더 붙었다..ㄷㄷ - https://github.com/morluto/rea #### 👨‍🏫 이게 뭐냐면, - ‘이 앱 복사해줘라 얍’하면 복사가 된다. 맨 처음엔 허접할 수 있다. 내 컴퓨터의 부하만큼 빨리 뛰는 귀여운 상태표시줄 서비스 - RunCat을 복사해서 RunDog을 만들어 보라고 했다. ![image](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/zb8uk7mptnk-image.webp) - 첫 번째는 'RunCat 복사해서 RunDog 만들어 봐'라고만 했고, 두 번째는 'UI좀 비슷하게 가져오고 러너도 설정할 수 있게 해줘'라고 했더니 아래 정도 결과물을 가져왔다. 몇 번 더 디테일하게 프롬프트를 잘 주면 더 잘할 것이다.
![image](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/zwdqljw59s-image.webp) #### 대상이 OpenSource라면?👀 - 이렇게 오픈소스가 아닌 코드는 별도의 분석툴까지 동원해서 최대한 비슷하게 구현하지만, 실제 OpenSource라면 실제 정답지인 코드가 있기 때문에 훨씬 더 정확하게 구현해내고, 거기에 내가 원하는 기능을 추가/변경하는 작업을 시작할 수 있다. - 예시로 나는 애용하는 메신저인 Buzz를 사용하면서, 내 Todo list, Calandar, + '나중에 봐야지'하면서 저장해놓으라고 시키는 링크들 - Bookmark 기능만큼은 대시보드에서 편하게 보고 AI가 처리해주면 실제로 자동으로 없어지는.🪄✨ 그런 UI/UX를 원했다. 아래는 원래 BUZZ 대문 ![image](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/rhs9aaq3za-image.webp) - 내가 복사해서 기능을 추가하라고 했더니, **'단 한 번의 프롬프트'** 로 밤새 돌더니 6시간 정도 뒤에, 기존 기능은 거의 그대로 동작이 가능한. 그러나 추가된 UI에 대한 동작만 아직 좀 더 손 보면 되는 상태. 정도의 앱이 나와 있었다. ![image](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/cs2ihznvrca-image.webp) #### Here's the how: - REA는 이름 그대로 Reverse Engineering이다. 즉, 내가 보라고 하는 앱이나 서비스를 본 다음, **그 '완성체'를 보고,** '이 기능이 가능하려면 A라는 기능이 가능해져야겠네', '그럼 A가 가능하려면 B나, C로 만들어야 되겠는걸?' 등의 논리적 흐름을 따라 코드를 구현하고 완성해 나가는 문자 그대로의 '역공학' 되시겠다.👷 ![image |600](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/10wypa500oh-image.webp) - 위 그림에서 설명하듯, 사람이 먼저 물어보면(Ask), 검사하고-논리적 흐름을 추적한다(Inspect & trace). 이 때, Analysis tools을 적절히 사용해서(없으면 알아서 설치한다.) 분석결과를 돌려받고 코드로 구현가능한 것과 레퍼런스와, 모르겠는 것까지 반환하는데, 이 모르는 것은 스스로 설명하고 유추하며 코드를 구현하고 테스트 하는 방식이다. - 이 단계에서 다시 REA는 스스로 다시 질문하고 Inspect & trace로 돌아가 반복하며 완성도를 높인다. #### Here's the point ✍️ - 요즘은, '모든 서비스를 복사해라'가 아니다. 참고하고 싶은 기능이나 탐나는 Effect 등. '우와 나도 저런거 만들어보고 싶어'라던가, '아.. 이 서비스는 다 좋은데 이것만 있으면 좋겠는데..🤔'같은 상황에 REA를 활용해 분석해서 별도의 서비스를 만드는데 활용할 수 있다는 것이다. - Copy Cat이 돼라는 것이 아니라, 다른 레퍼런스를 **'코드레벨로 빠르게 분석'** 하여 나만의 서비스, 브랜드, UI/UX에 녹여내는데 큰 도움이 될 것 같다는 감상이다.🤗 그렇게 해야 라이센스 저작권 이슈로부터도 자유로울 것이니.
## 2. 𝐞𝟐𝐞 - 🪖 테스트툴 기강 잡으러 온 e2e다.. - https://github.com/tester-army/e2e #### 👨‍🏫 이게 뭐냐면, - 기존에도 🪁Playwright MCP로 많이들 테스트코드 자동화가 훌륭하게 가능하다. 근데 그럼 안드로이드 앱요? 아이폰 앱은?! 얘는 셋 다 된다. 😎✨ - 실제로 Orca랑 궁합이 좋아서, 모바일 애뮬레이터로 아이폰 안드로이드 모두 테스트가 너무 잘된다. 실제 기기를 꽂으면 미러링해서도 가능해서 너무 좋다. 👍 ![image](https://pub-08bdc1f395e14377951ac0c9c22ba795.r2.dev/posts/user_38T3Ty5uKeRndW9PUwTFHGYZxwP/5vfzgeqvs38-image.webp) ## 마무리 🍳 - 한 달 한 달이 너무 어메이징한 시대다. 너무 재밌다. 원래도 그랬지만.. 이제는 그 무엇보다 좋은 Insight와 기획이 더더더더더더더욱 중요한 시대가 되어버렸구나..🫠
✨HAPPY BUILDING!👷‍♂️

무엇이든 Brothers, REA & e2e

0 comments