LongCut logo

atom

By AI 겸임교수 이종범

Summary

Topics Covered

  • 코딩 없이 풀스택 앱 즉시 제작
  • AI 에이전트 팀이 개발 전담
  • 프롬프트로 실시간 기능 반복 개선
  • 로그인 결제 데이터베이스 완전 연동
  • 아이디어만으로 사업 완성 서비스화

Full Transcript

안녕하세요. AI 겸민교수

이종범입니다. 여러분 애파나

만들려면은 개발자도 있어야 되고 디자이너도 있어야 되고 굉장히 많은 비용이 들어갈 뿐더로 거기에다가 한 세네네 달은 기다려야 그래야 서비스가 나오잖아요. 근데 이제는 마우스

나오잖아요. 근데 이제는 마우스 클릭만으로 어 앱을 뚝딱 만들 수 있는 그런 시대가 됐습니다. 그래서

우리 같은 보통 사람들은 아 내가 그래서 그걸 어떻게 만들어 코딩도 못 하는데라고 이렇게 생각을 하고 포기해 보리건 하죠. 제가 얼마 전에 할 일

보리건 하죠. 제가 얼마 전에 할 일 관리하는 투리스트 앱을 사용하고 있었는데요. 너무 불편한 거예요.

있었는데요. 너무 불편한 거예요.

내가 원하는 기능이 없어서 내가 원하는 기능만 딱 만들 수 없을까?

이런 생각이 들었는데 지금부터 제가 보여 드릴 거를 사용하면은 여러분들도 여러분이 원하는 것을 바로바로 만들어 낼 수가 있습니다. 참고로 전

개발자가 아니고요. 코드 한 줄도 쓸 줄 모릅니다. 어떤 서비스인지 같이

줄 모릅니다. 어떤 서비스인지 같이 한번 보도록 하겠습니다. 예. 제가

소개해 드릴 서비스는 아톰스라는 서비스인데요. 바로 바이브 코딩을 할

서비스인데요. 바로 바이브 코딩을 할 수 있는 그러한 서비스입니다. 그냥

프런트 엔드 껍데기만 만든게 아니라 어 데이터베이스나 로그인 화면이나 결제까지 다 한 번에 만들어 주는 그런 서비스인데요. 아톰스는 예전에

그런 서비스인데요. 아톰스는 예전에 메가 GPT X에서 시작된 그런 서비스 오픈소스 서비스고요.

프로토헌터에서도 1등을 차지할만큼 굉장히 유명한 서비스인데 이번에 아톰스를 리브랜딩하면서 어 새롭게 바이브 코딩 도구를 내놓게 됐습니다.

근데 기존에 바이브 코딩 툴과 다른 점이 기존의 서비스들은 이런 코드 생성을 통해서 프런트 엔드를 만들어 줬다면은 어 이거는 진짜 사업을 할 수 있게 백핸드 데이터베이스라든지

결제 모듈이라든지 이런 것까지 다 한 번에 붙여 준다는게 아톰스의 가장 큰 장점이라 볼 수 있을 것 같습니다.요

화면에 보이듯이 여기에 에이전트들이 대기하고 있는데요.이 이 팀 리더와

대기하고 있는데요.이 이 팀 리더와 그리고 여기 SEO 전문가, 프로트 매니저 그다음에 아키텍트, 엔지니어, 그다음에 데이터 분석과 팀 리서치를 하는 어 에이전트들이 미리 준비가 돼

있어서 여기다 프롬프트만 입력을 하면은이 직원들이 알아서 여기에 달라붙어서 서비스를 만들어 주는게이 서비스가 편리하게 이용하면서도 어 우리가 실제 서비스를 만들 수 있을

만한 그런 결과물을 가져다 준다는게 가장 큰 장점이죠. 자, 이제 한번 실제로 해 볼 텐데요. 여기에 채팅을

그냥 쓰면 됩니다. 저는 할리 관리 웹서비스를 만들어 줘. 카테고리별

분류, 우선 순위 설정, 마감 알림 기능이 있어야 돼라고 하고 그리고 나서 엔터를 쳐 보도록 할게요. 그럼

여기 보시다시피 팀 리더 마이크가 이제 think킹을 하고 있는 모습을 볼 수가 있습니다. 그래서 여기서

이제 기능을 분류하고 그다음에 플랜을 해서 서비스 개발을 시작하고 있습니다. 그래서 지금 알렉스에게

있습니다. 그래서 지금 알렉스에게 백엔드 활성함의 개발을 요청을 했어요. 왜냐면 아트 클라우드를

했어요. 왜냐면 아트 클라우드를 활성화시켜야 되는데 어 그게 뭔지 몰라도 상관없습니다. 여기서 이렇게

몰라도 상관없습니다. 여기서 이렇게 알아서 지금 해 주고 있는 모습을 볼 수가 있죠. 그래서 알렉스를 태그를

수가 있죠. 그래서 알렉스를 태그를 해서 알렉스가 이제 엔지니어죠.

그래서 알렉스가 백엔드를 활성화시키고 있는 모습을 볼 수 있습니다. 그래서

마치 어 외주 업체한테 뭔가 서비스를 맡기는데 그 외주 업체가 사장부터 직원까지 모두이 AI로 되어 있다라고 보시면 좋을 거 같고요. 그 여기

오른쪽 위에 보면은 지금 활성화돼 있는 에이전트가 어 누군지 그리고 지금 작업하고 있는 에이전트가 누군지를 이렇게 한 눈에 볼 수가

있습니다. 네. 지금 어 다 만든 거

있습니다. 네. 지금 어 다 만든 거 같은데요. 어 팀 리더에게 다

같은데요. 어 팀 리더에게 다 만들었다고 하니까 지금 여기에 팀 리더가 마이크가 또 이야기를 하고 있습니다. 그래서 지금 다음 단계를

있습니다. 그래서 지금 다음 단계를 이야기해 주고 있는데 만족하면은 퍼블리시를 하라고 하고요. 만족하지

않으면은 좀 더 추가적인 기능을 이야기해 달라고 합니다. 일단 한번

사용을 해 볼게요. 일단 세알리를

누르고 그다음에 여기서 유튜브 영상 촬영이라고 하고 우선 순위 높음 카테고리는 여기서 만들 수 있는 거 같고요. 어 마감일도 지정할 수

같고요. 어 마감일도 지정할 수 있네요. 마감일 지정에서 추가 이렇게

있네요. 마감일 지정에서 추가 이렇게 누르면 이렇게 추가가 된게 볼 수 있습니다. 그리고 수정도 되고 삭제도

있습니다. 그리고 수정도 되고 삭제도 되는데 어 카테고리를 한번 추가해 볼게요. 유튜브 카테고리를 추가했고

볼게요. 유튜브 카테고리를 추가했고 어 요거를 이제 수정을 해서 카테고리를 유튜브로 하고 수정하면 아 이렇게 유튜브 밑으로 이렇게 들어가네요. 네. 저는 기본적으로

들어가네요. 네. 저는 기본적으로

지금이 어 디자인 자체가 마음에 안 들고 그다음에 여기에서 하이 서브 그 할 일들을 계속 이제 만들어 나가고 작업 완료율을 여기에다가 표시를 해 줬으면 좋겠다는 생각이 듭니다.

그리고 오늘 할 일만 또 모아서 봤으면 좋겠어요. 자, 일단 제가

봤으면 좋겠어요. 자, 일단 제가 추가적인 요청 사항을 넣었습니다.

디자인 좀 바꿔 달라고 하고요. 자료

조사에서 좀 더 멋지게 해 달라고 하고 기능도 여러 가지 제가 아까 얘기했던 것들을 추가해 달라고 요청을 했습니다.

그리고 어 모든 에이전트들이 한 명도 빠짐없이 노는 인원 없이 하도록 했고요. 지금 여기 위에 보면은이

했고요. 지금 여기 위에 보면은이 자동으로 이렇게 어떤 기능들을 추가를 해 주는게 있는데 이거를 클릭해도 추가가 되긴 하지만 여기 있는 거를 모두 다 써서이 기능들도 모두 추가해

달라고 했습니다. 그리고 여기서

달라고 했습니다. 그리고 여기서 엔터를 쳐 볼게요. 아, 많은 일을 제가 시켰는데요. 예, 막상 만들고

제가 시켰는데요. 예, 막상 만들고 보니까는 여러 가지 또 허점들이 보이죠. 부족한 부분들이 보이는데 어

보이죠. 부족한 부분들이 보이는데 어 그런 것들에 대해서 그냥 쭉 얘기하면이 마이크 팀 리더가 이런 것들을 다 정리해서 어이를 분배해서

에이전트들한테 주게 됩니다. 그래서

여기 보면은 디자인 개선 카테고리 수정 하이릴 무한 중첩 작업 완료율 등등 쭉 이렇게 하겠다고 하고요. 어

그리고 여기 요청을 하는데 승인을 눌러 보도록 하겠습니다. 자, 지금

엠마와 데이비드는 리서치를 하고 밥은 아키텍처 설계를 병렬로 진행하고 알렉스는 이들의 결과를 받아들여서 개발을 한다고 합니다. 어, 지금

투드리스트 경쟁 서비스인 투드리스트와 틱틱 그다음에 싱스 3 뭐 요런 것들 어 애니도 있네요. 제가 사용했던

건데 그런 것들에 대한 PRD를 작성을 하는데 엠마가 PRD를 작성을 하고요. 그리고 데이비드가 이제

하고요. 그리고 데이비드가 이제 조사를 어 하고 플랜을 만들고요.

그다음에 지금 이제 밥도 여기 나와 가지고 어 요거를 같이 일을 하고 있습니다. 지금 여기 위에 보면은

있습니다. 지금 여기 위에 보면은 이제 난리가 났는데요. 네. 아까

제가 총출동 해 달라고 했더니 모두 나왔어요. 지금 마이크뿐만 아니라 어

나왔어요. 지금 마이크뿐만 아니라 어 엠마랑 지금 엠마가 지금 일을 하고 있는게 보이고요. 그 외에도 이제

있는게 보이고요. 그 외에도 이제 밥이랑 어 데이비드랑 이게 다 이렇게 병렬적으로 쭉 움직이고 있습니다. 어

뭐 난리가났습니다 지금.네 네.

열심히 일하고 있고요. 저는 이렇게

어 편히 쉬면서 물한잔 이제 마시면서 어 여유를 즐기고 있습니다.

예. 물안전하고 이렇게 쭉 기다리다 보면은 이제 알아서이 직원들이 다 해 두는 거죠.지가 할 일은 열심히 이제

두는 거죠.지가 할 일은 열심히 이제 하라고 다 그치는 어 그런 거밖에 없는 거 같습니다. 심지어 그 역할 욕차 마이크가 하고 있으니까 어 저는 한번 지켜보면 되는 거죠. 그래서

그냥 진행하는게 아니라이 모든 일들이 서로 티켓화를 하면서 지금 어 밥이 엠마한테 또 작업을 주고 또 엠마가 데이비드한테 작업을 주고 하면서 서로 소통을 해 가면서 최종 조율를 이제

마이크가 해서 이렇게 해 주는 어 그런 모습을 볼 수가 있죠. 마치

회사에서 일을 할 때처럼 어 실제로 그 모습을 구현해 주는 걸 볼 수가 있습니다. 네. 지금 이런

있습니다. 네. 지금 이런

가이드라인도 어 굉장히 잘 만들고 굉장히 많이 만들고 있습니다. 어

제가 했던 요구 사항들을 다 반영하고 있는 거 같습니다. 지금 완료가

됐는데요.이 디자인도 어 마음에 들게 바뀌었고 어 그리고 여기에 이제 카테고리 추가를 한번 해 보도록 할 텐데 아까보다 훨씬 더 많은 아이콘도

있고 좀 디자인 쪽으로 좋아진 모습이 보이네요. 일단 유튜브를 똑같이 하고

보이네요. 일단 유튜브를 똑같이 하고 일단 이렇게 카테고리가 만들어졌고요.

그리고 어 여기다 할 일을 추가해 보도록 하겠습니다. 유튜브 영상

보도록 하겠습니다. 유튜브 영상 촬영이라고 해 놓고 유튜브 선택하고 마감밀도 지정을 해 볼게요. 그다음에

이제 반복할 일인지 아닌지 이것도 정할 수가 있습니다. 일단 추가를 해 보겠고요. 예, 할 일이 요렇게

보겠고요. 예, 할 일이 요렇게 들어가 있는데 어, 보면은 이제 전체 할 일에 들어가 있고 오늘 할 일이 있네요. 그래서 요거를 좀 수정을

있네요. 그래서 요거를 좀 수정을 한번 해 볼게요. 수정을 해서 어, 오늘로 날짜를 맞춰 보겠고요.

그러면은 이제 오늘 할 일에 요렇게 제가 수정을 했더니 어, 나오고 있는 걸 볼 수가 있고요. 또 요리도 어 수정을 할 수가 있습니다. 어,요

기능이 생겼고 삭제도 할 수 있는 기능이 생겼고요. 일단 여기서 오늘

기능이 생겼고요. 일단 여기서 오늘 할 일을 제가 여기다 체크를 한번 하면이 사라지죠? 사라지고 그다음에

하면이 사라지죠? 사라지고 그다음에 여기에 대해서 하이 테스크를 한번 만들어 볼게요. 그래서 여기서네

만들어 볼게요. 그래서 여기서네 마이크 구매하기 해서 어 일정을 이렇게 잡고 그다음에 추가를 누르면 그러면 여기에 하이테스크가 이렇게 생깁니다. 어 그리고 여기에다 더

생깁니다. 어 그리고 여기에다 더 추가를 한번 해 볼게요. 이런 식으로

계속 하이테스크를 만들어 갈 수가 있고요.이 하이테스크에 대해서 체크를

있고요.이 하이테스크에 대해서 체크를 하면은 그러면 여기에 퍼센티지가 올라가는 거를 이렇게 볼 수가 있습니다. 그래서 75%까지 됐고

있습니다. 그래서 75%까지 됐고 여기까지 다하면이 유튜버 카테고리에 있는 거는 100% 완료 한 개 된 거죠. 어, 제가 생각한 대로 지금

거죠. 어, 제가 생각한 대로 지금 다 구현을 해 줬고요.이 AI 요약도 한번 보면은 AI가 할 일을 이렇게 분석을 해 줍니다. 예. 네. 그러면

지금 어 현재 전체 다 완료를 했기 때문에 다 완료된 상태다 하면서 어 만약에 있다면 이제 최우선 처리 항목이나 주의 사항 뭐 이런 것들을 AI가 이렇게 생성해 주는 기능도

들어갔고요. 여기 로그인 기능도 있고

들어갔고요. 여기 로그인 기능도 있고 다 있습니다. 그래서 어 요거를 이제

다 있습니다. 그래서 어 요거를 이제 개시를 한번 해 보도록 할게요. 여기

위에 보면은 프로젝트 개시라고 있습니다. 요거를 클릭을 하면은네

있습니다. 요거를 클릭을 하면은네 보안까지 다 확인한 다음에 이제 개시를 누르면 이제 앱이 개시가 되는데요. 어 네. 지금 보면은 이제

되는데요. 어 네. 지금 보면은 이제 네. 이렇게 도메인이 나오고요.

네. 이렇게 도메인이 나오고요.

그다음에 어 아 배지를 보이게도 할 수 있고 안 보이게도 할 수 있습니다. 어 그리고 어 오디언스

있습니다. 어 그리고 어 오디언스 분석도 이렇게 되고요. 프로토

스토리지나 뭐 이런 것들에 대해서 어 모두 이렇게 나옵니다. 네. 그래서

여기 이제 도메인을 클릭을 해 보면 그러면 퍼블리싱이 됐네요. 어 그래서

누구나 이제 여기에 접속을 할 수가 있습니다. 어 이거 놀라운데요. 네네

있습니다. 어 이거 놀라운데요. 네네

그래서 여기 보시면은네 여기 로그인이 있죠. 로그인을 하고 시작하기.

있죠. 로그인을 하고 시작하기.

눌러서 어 이게 로그인을 하면은 데이터베이스까지 다이 로그인에 대한 데이터베이스까지 다 미리 갖춰 둔 거죠. 네. 그래서 이렇게에 권한

거죠. 네. 그래서 이렇게에 권한 허용을 눌러 주게 되면은 그러면 이제 회원 가입이 돼서 제가 아까 전에 했던 거 그대로 있네요. 그래서 어

요런 식으로 이제 하면 되는데 아네 제가 이렇게 발행이 된 상태에서 하나 더 요청을 해 보도록 하겠는데요.

회원 가입을 명확하게 해주고 결제 모드를 스트라이브를 달 수가 있거든요. 그래서 가격은 월

있거든요. 그래서 가격은 월 20달러야라고 해서 이제 회원 가입과 어 스트라이크 결제 모듈 요거를 추가해 보도록 하겠습니다. 네. 지금

알렉스한테 이렇게 어 지시를 내렸고요. 알렉스 엔지니어가 요거에

내렸고요. 알렉스 엔지니어가 요거에 대해서 추가적으로 작업을 해 주게 될 것 같습니다. 예, 다

것 같습니다. 예, 다 만들어졌습니다. 자, 알렉스가 작업을

만들어졌습니다. 자, 알렉스가 작업을 다 완료했고요. 어, 회원 가입이랑

다 완료했고요. 어, 회원 가입이랑 로그인 분리를 했고 스트라이크 구독 시스템 월 20달러짜리를 넣어서 지금 여기에 어, 이렇게 월 20달러로 모든 기능을 무지한으로 이런게

나옵니다. 어, 그래서 여기에서 이제

나옵니다. 어, 그래서 여기에서 이제 다시 한번 퍼블리시를 누르면은 그러면 요게 이제 업데이트가 될 텐데요.

네. 네, 요렇게 퍼블리시가 됐고요.

지금요 어 내용이 추가가 됐습니다.

그래서 제가 아예 이렇게 시크린 모드로 한번 들어가 봤어요. 여기에

회원 가입과 로그인이 이렇게 나와 있는 걸 볼 수 있습니다. 그래서

회원 가입을 하고요. 구글 로그인이

이렇게 들어와 있습니다. 그래서 구글

로그인으로 저는 해 보도록 할게요.

네. 구글 로그인이 잘 적용이 되는 거 같고요. 지금 어, 여기 아톰스에

거 같고요. 지금 어, 여기 아톰스에 연결해서 허용을 눌러 주면은 아, 그러면 요렇게 나옵니다. 그죠?

여기는 이제 유튜브가 없죠. 이제

계정이 달라서. 그리고 여기에서

업그레이드를 눌러 보면은 여기 이제 20달러로 사용할 수 있다라고 나오고 스트라이브이 붙어 있는 거죠. 그래서

여기에서 이제 지금 시작하기를 누르면은 어 스트라이브로 결제가 이루어지는데 일단은 스트라이브 인증을 해 줘야 합니다. 그래서 여기에 이제 연동할 수 있는 여러 가지 서비스가

있는데요.이 스파베이스도 있고요.

있는데요.이 스파베이스도 있고요.

그다음에 기터브도 있고 여기 구글 애널리티스 4도 있고이 서치 콜소도 있는데이 스트라이 있습니다.이 이

스트라이을 어 해야 되는데 우리나라에서는 아직은 연결이 안 된다는게 좀 아쉬운 점이긴 하지만 어 이제 만약에 해외에 거조하시는 분들이라면은 스트라이브을 가입을

하셔서 어 연결을 하면은 바로 결제가 이루어집니다. 예 여러분 어떤가요?

이루어집니다. 예 여러분 어떤가요?

아 이제는 뭐 코딩을 배울 필요가 없을 정도로 너무 좋아졌습니다. 이게

단순히 껍데기만 만드는게 아니라 뒤에 데이터베이스 연동이 돼서 계속 유튜브 나오는 거 보셨죠? 어, 그리고 이제 이메일 가입해서 이메일도 다 저장이 데이터베이스에 저장이 됩니다. 그뿐

아니라 회원 가입 로그인 그다음에 결제 어 AI 붙이는 것까지 모두 다 제가 아까 그 프롬프트 몇 줄로 다 만든 거고요. 이제 아이디어만 있으면

만든 거고요. 이제 아이디어만 있으면 시장 조사도 해 주고 기획도 해 주고 풀스택 개발도 해 주고 결제 연동도 해 주고 도메인 연결해서 어 상의 노출 해 주는 SEO까지 다 해 줍니다. 거기다가 나중에 데이터

줍니다. 거기다가 나중에 데이터 분석까지 해 줘서 계속 업그레이드를 할 수 있도록 또 매출을 높일 수 있도록 이런 거를 도와주는 어 그런 기능이 한 번에 다 들어가 있다

보니까 다른 거 쓸 필요 없이 그냥 아톰만 쓰면은 모든게 해결이 되는 거 같습니다. 그래서 이제 아톰은 어

같습니다. 그래서 이제 아톰은 어 어떻게 보면은 나의 공동청자라고 볼 수 있을 정도로 굉장히 잘해 주고 있죠. 그래서 어 이제는 내가

있죠. 그래서 어 이제는 내가 아이디어만 있으면 어 프럼프트 한 줄로이 모든 것들을 서비스화시킬 수가 있습니다. 여러분들도 어 매일매일

있습니다. 여러분들도 어 매일매일 이런 서비스를 만들어서 퍼블리싱 해 보시고 어 나는 개발자가 아니니까 못 만들 거야 이런 생각 이제 버리고 한번 만들어 보셨으면 좋겠습니다. 예

아톰을 직접 사용해 보고 싶으신 분들은 제가 고정 댓글과 설명에다가 어이 자세한 내용을 넣어 둘테니까 참고해 주시면 좋을 것 같습니다.

오늘 영상은 여기서 마치도록 하겠습니다. 구독과 좋아요 댓글

하겠습니다. 구독과 좋아요 댓글 저에게 매우 큰 힘이 됩니다. 한

번씩 부탁드리도록 하겠습니다.

Loading...

Loading video analysis...