👇 Manyfast 할인받고 이용하기
https://manyfast.io/ko/

• 쿠폰 코드: TUSOLAI
• 혜택: 30% 할인, 3개월 적용
• 유효기간: 9월 말일까지

🔥 6주안에 내 사업을 아는 AI 팀을 만드세요!
https://davenport.ai.kr/BAN

🤔 AI를 사용하시다 막히셨다면? (1대1 컨설팅)
https://www.groble.im/products/ptvm39

💎 모든 무료 자료도 ABC에서!
https://geekus.kr/aibusinessclub

바이브 코딩을 하실때 꼭 이용해보세요!
개인적으로 사용해보고 정말 감탄한 툴입니다. 만약에 내가 개인 서비스 or 직장에서 사용하는 대시보드와 같은걸 만들어 보고 싶다면 꼭 이용해보시길 바랍니다

0:00 기획이 제일 중요하다
0:45 기획 없이 시작하면
1:35 기획을 먼저 하면
3:28 Manyfast 소개
4:38 PRD 생성해보기
6:59 PRD 결과 확인
8:02 기능명세서 만들기
10:31 AI로 두 번 검토하기
11:50 발견된 문제 해결하기
13:19 유저플로우 만들기
14:57 와이어프레임 생성
16:32 AI에게 넘겨서 구현까지
20:02 마무리 & 추천

인스타그램: https://www.instagram.com/ai_tusol/
쓰레드: https://www.threads.com/@ai_tusol

📩비즈니스 문의
[email protected]

*본 영상은 매니패스트의 지원을 받아 제작되었습니다

---

Transcript

0:00 많은 분들께서 AI에게 이야기를 할

0:01 때 [음악] 해 줘, 구현해 줘,

0:03 이거 계획해 줘라고 이렇게 말만

0:04 하기만 합니다. 하지만 그렇게 돼

0:06 버리면 여러분들의 바이브 코딩의

0:07 결과물이 굉장히 안 좋아질 권위

0:09 있는데요. 저 같은 경우에는 지금

0:11 시대에는이 앞단 부분 해조,

0:13 만들어줘, 구현해조의 앞단계인 계획이

0:15 제일 중요하답니다. 계획을 하기

0:17 위해서는이 기능이 어떻게 들어가야

0:18 [음악] 되고 저 기능을 어떻게

0:20 구현할 거고이 기능에 대한 복을

0:22 어떤게 있는지이 모든 것들을 한 번에

0:23 기획할 수 있는 그런 기획의 능력이

0:25 제일 중요하다 생각하는데요. 오늘

0:26 영상에서는 오늘 한번 그 기획을

0:28 두어주는 툴을 한번 여러분들께 소개해

0:29 드려 볼까 합니다. 바이브 코딩에서

0:31 이제 여러분들께서 요즘 많이이 기획

0:33 기획을 잘한 사람이 앞으로 살아남을

0:36 거다라고 조금 많이 이야기를 많이

0:37 들어 보셨을 겁니다. 그래서 저 같은

0:39 경우에도 요즘 이제 바이브 코딩을

0:41 하면서이 기획이 조금 굉장히

0:43 중요하다라고 생각을 좀 하게

0:44 되는데요. 이제 한번 차이점을

0:46 보시면은이 기획 없이 바로 시작을

0:48 하게 되면은 저희가 초반에 어 이거

0:50 키워드 매칭으로 한번 이런 자동

0:52 응답복 같은 걸 한번 구현을 해

0:53 볼까라고 이제 이렇게 하다가 구현을

0:55 하게 됩니다. 그리고 또 대화를

0:57 하다가 한 다섯 번째 대화를 하게

0:59 될쯤에 마찬가지로 어 캘린더 연동도

1:01 좀 필요한데 아 그럼 또 수정도 해

1:03 볼까라고 했을 때 똑같이 이제 또

1:05 전체적인 내용을 또 수정을 하게

1:06 되고요. 이제 또 12턴 이제

1:08 12번째 또 대화 가게 됐을 때 또

1:10 이제 또 다른 이제 노쇼 관리도

1:11 이것도 만들어야 돼라고 이렇게 입력을

1:13 하게 돼 버리면은이 기본적으로이

1:15 코드가 전부 다 꼬여 버립니다.

1:17 코드가 꼬여 버리고 이게 이게 내가

1:19 원했던 기능이 안 나올 확률이 굉장히

1:21 높아요. 물론 제 다 경험담입니다.

1:23 그래서 결국 모든 걸 다 설계를 해야

1:25 되고 모든 걸 재설계 해야 되고

1:27 똑같이이 똑같이 뒤로 돌아가기나이

1:30 그런 것들을 하면서 제작업 제작업

1:32 지역에 좀 빠지게 된다라고 좀 보시면

1:34 좋을 것 같습니다. 그런데 기획을

1:36 먼저 해 버리게 되면은 나는 지금

1:38 고객 데이터가 필요하고 이런 이름

1:39 연락처 예약 이력, 노쇼 횟수,

1:41 테이블 이런게 필요해. 그리고 예약

1:43 로직 같은 경우에도 캘린더 API

1:45 연동을 전제로 설계를 하고 예외

1:47 처리도 노쇼 2회 이상 예약 버튼을

1:48 숨겨야 된다라고 이렇게 그냥 기획을

1:50 먼저 주게 되면은 기본적으로 뭐

1:52 페이블 파이버나 코덱스나 이런 것들이

1:54 기본적으로 계획을이 앞에서 앞 부분에

1:57 이것들을 보고 확장 가능한 구조를

1:59 통해서 미리 계획을 하게 된다는

2:00 거죠. 그래서 제가 어떤 걸

2:02 만들어냐면 그 기획을 위해서 바로이

2:04 저만에 지금 ERP 시스템을 하나

2:06 만들고 있는데 이런 대시보드나

2:07 아니면은 이제 이런 리드 작업 같은

2:10 것들이나 아니면 이런 분석툴 같은

2:12 것들이나 이런 것들을 한 번에 조금

2:14 이렇게 기획을 해서 만들게

2:15 되었습니다. 그래서 왜 그런 거

2:17 살펴봤니 AI는 눈앞이요 청만 보고

2:19 좀 판단을 하죠. 다음에 뭘 만들어야

2:21 될지 이유가 없습니다. 오직 하

2:23 만들다가 아 좀 약간 ERP 대시보드

2:25 만들고 싶은데 아 이런 리드 기능

2:27 있으면 좋겠다. 리드 기능 만들고 아

2:29 여기다 또 추가하면 좋겠는데 뭐

2:30 캘린더 기능도 만들고 이렇게 조금

2:31 약간 모해진단 말이죠. 근데 이게

2:33 모함이 곧 버그가 되고 그리고 이제

2:36 로그인 만들어줄 방식 같은 경우에는

2:38 제시도를 전부 AI가 임의적으로

2:39 추측을 합니다. 그래서이 시대에서

2:42 이제 제가이 질문 같은게 되게

2:44 세세한게 중요하잖아요. 그래서

2:45 컨텍스트 윈도우는 유하기 때문에

2:47 여러분들께서 나는 로그인 기능을

2:49 만들고 싶은데 소셜 로그인 기능도

2:51 있었으면 좋겠어. 소셜 로그인 기능

2:52 중에서는 구글, 카카오, 네이버이 세

2:55 개를 구성했으면 좋겠고 참고로 기본

2:57 아이디, 아이디를 찾기, 아이디 회원

2:59 가입의 기능도 추가해야 돼. 이런

3:01 식으로 세세하게 기획을 해야 된다는

3:02 거죠. 압단 부분에 기획이 굉장히

3:04 중요한 생각이 듭니다. 그래서 실전

3:06 기획에는 이제 여러분들께서 어떤 걸

3:08 만들 거고 어떻게 데이터를 저장할

3:10 거고 예외 케이스를 어떻게 만들 거고

3:12 그리고 여기까지 안 할 거고 이런

3:13 것들을 세우는게 굉장히 중요한데 근데

3:15 여기서 여러분들께서 여기서 뭐

3:18 여러분들 이제 이런 말 하실 수도

3:20 있어요. 아 나도 알아. 나도 아는데

3:23 이게 말이 잘 안 나와라고 하시는

3:25 분들 계셔서 제가 오늘 엄청난 툴을

3:27 한번 소개해 드릴까 합니다. 제가

3:28 오늘 여러분들께 소개해 드릴 툴은

3:29 바로이 매니페스트라고 하는 툴인데요.

3:32 이제이 매니페스트라는 툴을 적 한번

3:34 이용을 해 봤는데 아 아주

3:36 훌륭합니다. 아주 훌륭하고 제가

3:38 초반에 제가 항상 약점이었던게 앞단

3:41 부분에 제 경험을 좀 말씀드렸잖아요.

3:42 해줘 뭐뭐 해 줘. 이것도 해보고

3:44 싶고 저것도 해보고 싶은데 이렇게 좀

3:46 중고 난방이 되다 보니까 이게 제가

3:48 만든 ERP가 몇 개나 있었는데도 다

3:50 실패를 하더라고요. 근데이 매니페스트

3:53 AI와 대화를 하가면서 이런 기획을

3:55 도와주는 이런 AI 툴이 있습니다.

3:58 근데 이거를 사용을 해 보니까 굉장히

4:00 약간 기획을 하 잘하게 되었다. 조금

4:02 굉장히 도움이 되었다라고 좀 느껴

4:04 가지고 보시면은 저희가 기본적으로

4:06 계획을 할 때 PID 문서 같은 걸

4:08 기본적으로 세우잖아요. PID 문서는

4:10 기본적으로 이제 제공을 하고 그리고

4:12 기능 어떤 기능을 넣을 건지 그리고

4:14 유저 플로우 내가 들어왔을 때 모바일

4:16 기능이나 앱이나 이런 것들을 만들 때

4:19 어떻게 유저들이 어떻게 플로우로 앱을

4:21 이걸 누르면은 어디로 갈 것이고 이걸

4:23 누르면 어디로 갈 것이고 이런

4:25 플로우도 설계를 해 주고요. 그리고

4:26 기본적으로 와이어프레임 모바일에서

4:28 어떻게 보일 것인지 웹에서

4:29 데스크톱에서 어떻게 보일 것인지

4:31 이것들에 대해서 쭉 나오게 됩니다.음

4:33 그래서 쭉 이렇게 나오게 되고

4:35 말만하지 않고 바로 여러분들께 소개해

4:37 드려 보도록 할게요. 네. 로그인을

4:38 하게 되면 이런 식으로 여러분들께서

4:40 이렇게 기획을 할 수 있는 이런 창,

4:42 프로젝트를 만들 수 있는 창이 나오게

4:43 됩니다. 그래서이 창을 한번 클릭을

4:45 해 보면

4:47 기본적으로 이렇게 시작을 할 수가

4:48 있어요. 그래서 질문지로 할 것인가?

4:50 자료 내용에서 추천할 것인가 아니면

4:53 기존 AI 연동을 통해서 기획서

4:55 생성할 것인가 이것도 굉장히 하나의

4:57 킥 포인트 중 하나입니다. 아니면은

4:59 빈 프로젝트에서 시작할 것인가라고

5:01 한번 고를 수가 있는데요. 저 같은

5:02 경우에는 오늘 영상에서는 한번

5:04 질문지로 해서 한번 시작을 해 보도록

5:05 하겠습니다. 그래서 만들고자 하는

5:07 제품 같은 경우에는 제가 앱을 만들

5:09 수 있고 뭐 바이브 코딩으로 뭐 다른

5:11 걸 많이 만든다고 하지만 저 같은

5:12 경우는 앱은 잘 안 만들거든요. 앱은

5:14 잘 안 만들고 저 같은 경우는 약간

5:15 저만을 볼 수 있는 약간 그런

5:16 대시보드 대시보드를 좀 만들고 싶어서

5:19 한번 쭉 질문 해 보겠습니다. 지금

5:22 나는 나만 나만을 비한

5:26 대시보드를 하나 만들고 싶어.

5:30 대시보드의

5:35 내용에는 기본적으로 뭐 재무

5:40 뭐 계약서 뭐 문서

5:43 그리고 뭐 콘텐츠 현황

5:47 뭐 이런 것들 이런 것들이

5:52 들어갔으면

5:54 좋겠어라고 한번 그냥 쭉

5:56 물어보겠습니다. 그냥 쭉 이렇게

5:57 물어보면은 질문제에서 바로 시작을 할

5:59 거예요. 이게 기본적으로 많은

6:00 분들께서 이제 이렇게 조금 기획을

6:03 하게 되는 이런 많은 함정에 빠지게

6:04 되었습니다. 그런데 이제 여기 있는

6:06 매니페스트가 AI를 활용을 해서

6:08 기획을 도와주게 될 거예요. 그래서

6:10 똑같이 질문을 주게 됩니다.이

6:11 대시보를 통해서 공국 다성하고 하는

6:13 목표는 무엇인가라고 했을 때 뭐 여러

6:15 정보를 한 곳에 뭐 관리하고 싶다.

6:18 주요 타겟은 누구인가요? 라고 했을

6:20 때 뭐 개인 사업 그리고 다양한 농구

6:23 허트스 관리하기 어렵다. 재무 문서

6:25 외부 서비스와 연동해서이

6:27 데이터 시작하고 싶고 보고서 저장

6:31 성과 다 넣고 싶다. 그리고 하루 종

6:34 주로 언제 어떤 목적으로 업무

6:35 시작전에 중요 할 일 진행적인

6:37 프로젝트 전반적인 상황을 점검해요.

6:39 이렇게 질문을 해 가면서 저에게 한번

6:41 어 어떻게 기획할 건데 어떤게

6:43 필요한데라고 약간 좀 알려주게

6:44 됩니다. 약간 클로드 코드의 그릴

6:46 스킬하고 좀 비슷하죠. 그림 스킬하고

6:47 좀 비슷하죠. 그래서 선택 완료를

6:49 하고이 대시보드에서 주로 어떤 환경

6:52 PC나 노트북 웹 저 같은 경우는

6:53 앱은 필요 없으니까 이렇게 기을

6:55 만들게 될 거다라고 이렇게 넣으면

6:57 좋겠습니다. 그래서 바로 완료가

7:00 되었고 바로 PRD를 이렇게 생성을

7:01 할 수가 있습니다. 그래서 PRD를

7:03 한번 클릭을 해 보면 기본적으로

7:04 이렇게 기능 명세에서 PR 여러

7:06 어떻게 구현을 할 것인지 기본적으로

7:08 이렇게 나오게 되는데요. 그래서 한번

7:10 쭉 나올 때까지 기다려 보겠습니다.

7:12 그래서 보시면 기발적인 PRD가 모두

7:14 생성이 완료가 되었고 일단 확인을 한

7:16 후 기능으로 넘어가겠습니다. 그래서

7:18 한주 정의 같은 경우에는 뭐 개인

7:20 맞춘형 통화 대시보드다. 제품 목표,

7:22 지원, 배경, 해결 방안 이런 것들

7:25 모두 다 이렇게 나와 있고 프린랜서

7:27 또는 재무 나와 있고 해결 방안 차별

7:30 그리고 심지어이 PRD를 실시간으로

7:32 수정을 할 수가 있습니다. 그래서

7:34 저희가 뭐 꿈꾸미 고객이라고 해서

7:35 기본적으로 어떤 고객을 탑을 하고

7:37 앱을 만들 것인가라고 이런 것도 정할

7:39 수가 있고요. 그래서 기본적으로

7:40 여러분들께서 사스를 출시를 하거나

7:42 아니면 앱을 만들거나 할 때 조금

7:44 굉장히 유용한 툴이다라고 보시면 좋을

7:46 것 같습니다. 저 같은 경우에는 뭐

7:47 저만에 P 대시보드 만드는데도 굉장히

7:49 좀 도움이 되게 되었고요. 그래서

7:51 위험 요소, 속성 설정 이런 것들이

7:53 모두 나오게 됩니다. 그렇다면은이

7:55 PID 기반으로 해서 한번 기능

7:56 명세소로 한번 넘어가 볼게요.

7:58 여러분들께서이 PD를 모두 확인했다

8:00 치고 한번 넘어가 보겠습니다. 그래서

8:02 기능 명세서를 클릭을 해서 한번

8:04 어떻게 만들게 될지 한번 이렇게

8:07 플로우 형태로 한번 볼 수가

8:08 있는데요. 그래서 피드를 했을 때

8:10 재무 혈형 대시보드, 통합 문서 관리

8:12 시스템, 대시보드, 위제 설정, 보안

8:14 연동 관리 이런 것들이 나오게

8:15 됩니다. 그래서 클릭을 해 보면은

8:17 이렇게

8:19 기본적으로 어떻게 조금 기능을 할지

8:21 이런 것들에 대해서 쭉 먼저 나오게

8:23 돼요. 설명, 수용, 기준 뭐 요런

8:25 것들이 쭉쭉 나오게 되죠. 그리고

8:27 여기서 똑같이 핵심 기능을 추가를

8:29 해서 다음 화목 생성 이렇게 AI가

8:32 쭉 이렇게 생성을 할 수도 있습니다.

8:34 음.

8:35 그래서 쭉 여기서 재무 현황

8:38 대시보드의 경우 이제 재무 거래

8:39 통합시키 시각하 필요하고 전기 재무

8:41 보고서인 생성 PDF 내보내기

8:43 고액거래 알림 설정 이렇게 쭉 나오게

8:45 되죠. 마찬가지로 다른 것도 똑같이

8:47 이렇게 생성을 해서 AI가 직접

8:49 이렇게 고를 수도 있고요. 아니면

8:51 내가 직접 항목을 해서 보안 및

8:53 데이터는 이게 좀 필요하겠는데 어

8:54 아니면지가 저게 좀 너무 좋겠는데라고

8:56 했을 때 잘 모르겠다면 그냥 AI

8:58 생성에 이렇게 맡겨도 좋을 것

8:59 같습니다.음 왜 제가 이렇게 거침없이

9:02 AI에게 맡기게 되냐? 그 뒤에서

9:04 한번 쭉 설명을 드려 볼 건데요.

9:06 그래서 일단 한번 쭉 이런 기능

9:07 명세서를 한번 더 완료를 해

9:08 보겠습니다. 그래서 이렇게 통화문서

9:10 관리 시스템은 문서 업로드 및 주황

9:12 저장 문서 검색 및 조건 필터링 문서

9:15 폴더 분류 및 접근한 관리 이런 것들

9:17 내가 생각하지 못했던 것들 내가 좀

9:20 기획하고 싶은 것들 내가 머리로는

9:22 아는데이 표현하지 못했던 것들을 전부

9:23 다 이렇게 기획을 통해서 나오게

9:25 됩니다. 그래서 마찬가지로이 기획만

9:27 끝나는게 아니고 똑같이 이렇게 승인도

9:28 눌러서 되고 승인 승인 생성된 걸

9:32 보고 승인 누르고 생성된 걸 보고

9:34 승인 누르고 요런 식으로 쭉 다

9:35 이렇게 승인을 해 볼 수가

9:36 있습니다.음

9:39 그리고 나서 뒤쪽에 이제 똑같이 상세

9:40 기능도 추가를 할 수가 있는데요.

9:42 그래서 기능 추가 똑같이 AI하고

9:44 거침없이 이렇게 쭉 생성을 일단 해

9:46 보겠습니다.

9:49 그래서 쭉 보고 직접 만약에 내가

9:51 기획을 좀 잘한다 하시는 분들께서는

9:53 진짜 이렇게 기획으로 한번 쭉 생성을

9:55 해도 되겠고요. 아니다. 나는 좀

9:56 내가 되게 모호하다. 머릿속에 있는

9:58 건 아는데이 기획을 잘 모르겠다라고

9:59 하시는 분들께서는 이렇게 일단은

10:01 AI로 쭉 먼저 생성을 하고 검토하는

10:03 방향으로 한번 가봤으면 좋을 것

10:05 같습니다. 그래서 제목 원래부터

10:06 보면은 요약 조회 시각화 분석 쭉

10:09 나오게 되고 전국 재무 보고서의

10:11 PDF에서는 보호 기간 및 재무 항목

10:13 선택 그리고 제보고 PDF 다운로드

10:16 이런 기능들이 필요하겠다라고 쭉

10:18 나오게 되죠. 그래서 기능들에 대해서

10:20 쭉 이렇게 설계를 해 주게 되는

10:21 겁니다. 그래서 똑같이 전부 다

10:23 승인을 전부 다 할게요. 네. 그래서

10:25 모두 이렇게 기본적으로 한번 쭉

10:27 검토를 해 보고 나만의 기름 명세소가

10:29 이렇게 완료가 되게 되었습니다.

10:30 그런데 여기서 하나 여러분들께서

10:32 질문하실 수도 있을 것 같아요. 아니

10:34 이렇게 AI에게 다 맡기면은 진짜

10:37 믿어도 되는 거냐라고 했을 때 내가

10:39 또 보지 못한 허점이 있는게

10:40 아니냐라고 했을 때 여기서

10:41 여러분들께서의 기능 같은 경우에는이

10:43 두 번 검토할 수 있습니다.이 두 번

10:45 검토가 어떤 거냐라고 보셨을 때

10:47 아래쪽에 보시면은 여기에 기획서를

10:49 검토해 드려요라고 이렇게 나오게 된

10:51 걸 보실 수가 있습니다. 그래서이

10:52 거북이 모양이 매니페스트의 아이콘인

10:54 거북 모양 클릭을 해 보면 기획서를

10:56 검토할까요라고 해서 검토까지 이렇게

10:59 진행을 하게 됩니다. 그래서 개발

11:00 사업 UX UI 디자인 QA 보안

11:03 관점에서 검토를 합니다. 그래서

11:04 검토를 한번 클릭을 해 볼게요.음

11:06 내가 생성한이 기능이 정말 정확한

11:09 것인가? 아니면 내가 빼먹은 부분이

11:11 없는 건가라고 해서 이렇게 또 기획도

11:13 검토를 해 주게 됩니다. 음. 그래서

11:16 보시면 개발적인 관점, 사업적인 관점

11:18 이런 부분에 대해서 지금 심각 부분이

11:20 있고 주의 부분이 있고 제한 단계가

11:23 있어요. 그래서 이런 것들에 대해서

11:25 쭉 이렇게 어 검토를 통해서 아

11:28 이뭐이 사람들이 빼먹은 점이 없을까?

11:30 기능적으로 조금 보안이 필요한 부분이

11:32 없을까? 아, 이거는 없으면 좀 큰일

11:34 날 것 같은데 이런 것들에 대해서

11:36 전부 이렇게 매니페스트가 통해서

11:38 이렇게 기획을 해 줍니다. 그래서

11:39 연동 실패시 동작 공백이 있고 데이터

11:42 보감 및 삭제 정책의 부제, KPI가

11:44 결과 지표의 치우침 이런 것들에

11:46 대해서 내가 생각지도 못한 부분에

11:48 대해서 전부 이렇게 기획을 할 수

11:49 있게 됩니다. 그럼이어서 한번 이런

11:51 것들을 어떻게 해결했을지 볼게요.

11:52 그래서 이렇게 해결 버튼 눌러서

11:54 이렇게 해결 완료가 되었다라고 표시할

11:56 수도 있고요. 아니면은 조금 해결하고

11:58 싶다라고 했을 때 채팅에서 해결하기를

12:00 통해서 요런 식으로 채팅에서

12:02 아래쪽에서 이렇게 질문을 통해서

12:05 똑같이 어떻게 조금 해결하면

12:07 좋겠다라고 이렇게 안내까지 하게 하면

12:09 됩니다. 그래서 똑같이 이렇게 누르고

12:12 뭐 이런 여러분들께서 원하시는 걸

12:13 누르고 똑같이 완료라고 하거나

12:16 아니면은 모두 A가 알아서 진행이라고

12:18 하면은 똑같이 AI에게 똑같이 맡겨

12:20 가면서 이런 부분에 대해서 내가 보지

12:22 못한 부분을 AI가 조금 더 해결할

12:25 수 있는 방안에 대해서 좀 약간

12:26 안내으면 좋겠다. 이런 식으로도 A와

12:28 AI에게 똑같이 문서를 해결해 줄

12:30 수가 있습니다. 음.

12:32 그래서 똑같이 이렇게 똑같이 다시

12:34 한번 더 연결된 상세 기능 이런

12:36 것들에 대해서 한번 더 기획을 세워

12:37 주게 되고요. 한번 쭉 읽어보고 뭐

12:39 승인까지 넘어가면 되겠죠. 음. 승인

12:42 승인 승인 이렇게. 그래서 요런

12:45 식으로도 똑같이 기획이 다 완료가

12:47 되었는데 허점이 있을 수 있으니까

12:49 이중으로 이렇게 기획을 검토도 할 수

12:51 있다라고 보시면 좋을 것 같습니다.

12:53 굉장히 여기까지 봤을 때 아 와 내가

12:55 지금까지 이걸 왜 안 썼지라는 생각이

12:57 조금 들더라고요. 그래서 만약에

12:58 이렇게 기능을 다 했다고 칩시다.

13:01 기능을 다 검사를 하고 검토까지 다

13:03 완료가 되었어요. 그러면 이제 여기서

13:05 저희가 유저 플로로 생성할 수

13:07 있는데요. 요저 플러라고 한다만 하면

13:08 저희가 에이블 선택을 할 때 여길

13:10 클릭하면은 이게 나오고 여기 클릭하면

13:12 패널이 나오고 저기 클릭하면 패널이

13:14 나오고 아니면 여기 클릭하면 어떤게

13:16 나오고 이런 것들에 대한 유저

13:17 플로우를 생성을 할 수가 있습니다.

13:19 그래서 유저 플로우도 생성을 한번 해

13:20 볼게요.

13:22 이런 식으로 갑자기 이제 이렇게

13:24 캔버스 내부에서 어떤 기능들이

13:26 있을까를 한번 쭉 이렇게

13:27 브레인스토밍을 먼저 하게 됩니다.

13:29 그래서 먼저 브레인스토밍을 한번 쭉

13:31 어떤 기능들이 있을까 쭉 나오게

13:32 되고요. 그래서이 브레인스토밍 하게

13:34 된 기능 토대로 해서 쭉 저희에게

13:36 유조 플로우를 한번 생성을 하게 될

13:38 겁니다. 음. 그래서 요거도 잠깐

13:40 기다려 볼게요.

13:42 네. 그래서 브레인스토밍이 끝나고

13:44 지금 보시면 요런 식으로 알아서

13:46 이렇게 약간 카드 넘어가는 식으로

13:48 유저 플로우가 어떻게 구성이 되어

13:50 있는지 이렇게 전부 다 이렇게 기능을

13:52 나타나게 됩니다. 음. 그래서 대시

13:55 이제 인증 저희가 처음에 들어왔을 때

13:57 로그인 페이지가 당연히 있겠죠.

13:58 로그인 페이지가 있고 회원 가입

13:59 페이지가 있을 거고 회원 가입 완료나

14:01 로그인 페이지가 있을 겁니다. 그래서

14:03 똑같이 로그인 하게 되면은 메인

14:05 대시보드 들어올 거고 대시보드

14:07 레이아웃 편집이 있을 거고 위제 표시

14:08 관리 위제 표시 설정 위 상담바에

14:10 이렇게 있을 거다. 그리고 페이지

14:13 넘어가면은 재무이 대시보드에서는 재무

14:15 현황 관리 페이지 성과운드 대시보드

14:18 페이지 보안 연동 관리 이런 데에

14:20 대해서 들어가서 볼 수 있다. 근데

14:22 재무 현황 대시포드 들어가 보면은

14:24 조회할 수 있고 생성할 수 있고 알림

14:26 설정할 수 있다. 이런 페이지 그리고

14:28 행동 같은 경우에는 필터 선택을 할

14:30 수 있고 새로 해로고침을 할 수 있고

14:31 원기 선택을 할 수 있고 이런 것에

14:33 대해서 유저플로 이렇게 그래프 형태로

14:36 쪽 이렇게 나오게 됩니다.음 그래서

14:38 이렇게 그래프 형태로 나오게 되고요.

14:39 그렇다면은 내가 봤을 때 아하 이거를

14:42 이렇게 클릭을 하면 이렇게

14:43 넘어가겠구나 아니면 저걸 클릭을 하면

14:44 이렇게 넘어가겠구나 이런 식의 약간

14:47 그런 것들을 한 눈에 확인할 수

14:48 있습니다.음

14:50 유저 플로우에 대해서도 한번 저기

14:51 설정을 할 수가 있고요. 그리고 나서

14:53 넘어가 보면 이제 마지막으로 이렇게

14:55 유저 플로까지 생산을 하게 되었어요.

14:56 그렇다면은 이제 저희가 직접 구성할

14:59 이제 프레임을 넣어 줘야 되잖아요.

15:01 보통 저 같은 경우에 똑같이 이런

15:03 핀터레스트 들어가서 보통 이렇게 많이

15:05 골랐단 말이에요. 이런 걸 클릭을

15:07 해서 어떻게 조금 구현을 하면 좋을까

15:09 이런 것들에 대해서 보통 이렇게

15:11 넘어가고 넘기고 보통 캡처해서 뭐

15:13 클로드 코드에게 많이 주었습니다.

15:15 근데 그게 아니라 매니페스트

15:16 내부에서는 마찬가지로 와이어

15:18 프레임이라고 해서 바로 이렇게 어떤

15:20 식으로 좀 구성이 될지 와이어

15:21 프레임을 좀 고를 수가 있어요.

15:23 그래서 와이어프레임 생성을 눌러 보고

15:25 데스크톱이냐 모바일이냐 유저 플로우도

15:28 똑같이 유저플로우 골라 주시고 이제

15:30 전체 선택을 해서 이걸 기반으로 해서

15:32 어떤 식의 유저플로 어떤 식의

15:34 프레임을 넣을 것이냐라고 했을 때

15:36 이런 식의 프레임도 같이 구성을 해

15:38 볼 수가 있습니다. 그래서

15:39 와이어프레임 생성을 눌러 보면요.

15:43 그래서 생성이 와이어프레임이 나오게

15:44 될 겁니다. 그래서 잠깐만 기다려

15:46 볼게요. 네. 그래서 보시면 지금

15:48 와이어 프레임을 생성하고 있는 걸

15:50 보실 수가 있습니다. 대시보드,

15:51 재무, 문서, 분석 이런 것들에

15:54 대해서 전부 다 지금 와이어 프레임을

15:55 생성을 하고 있고요. 그래서 제가

15:57 옆에 부분을 눌렀기 때문에 지금 보고

15:59 있는 로그인 페이지 보면 로그인

16:01 페이지 이렇게 구성이 될 거다. 회원

16:02 페이지는 이런 식으로 프레임 구성이

16:04 될 거다. 대시보드는 요런 식으로

16:06 구성이 될 거다. 아주 깔끔하게 나온

16:08 걸 보실 수가 있죠. 그래서 레이어

16:09 편집 이런 것들 지출 그래프들 위젯

16:12 같은 것들 위젯 표시 관리 어떻게

16:14 넣을 거냐 형식 설정 어떻게 나올

16:15 거냐 이런 식의 프레임을 모두 이렇게

16:18 넣어 볼 수가 있습니다.네 그래서

16:20 요렇게 프레임을 한번 넣어 볼 수가

16:22 있고요. 그래서 저희가 지금 이렇게

16:24 프레임까지 해서 한번 이렇게 나오게

16:25 된 걸 보실 수가 있습니다.

16:26 여기까지만 봤을 때 여러분들께서 와

16:28 대박이다라고 하실 수 있어요. 여기서

16:30 더욱더 대박인 기능이 하나 있는데요.

16:31 바로 이제 이거를 AI 자체에 넘겨

16:34 버릴 수가 있습니다. 그래서 옆에

16:36 보시면 오른쪽 위에 AI와 연결을

16:38 통해서 GPT나 클로드나 코덱스,

16:41 안티 그래비티 이런데 전부 다 넘길

16:42 수가 있어요. 그래서 클로드 클릭을

16:44 해 보면은 터미널에서 이제 기본적으로

16:46 MCP를 통해서 연결를 할 수가

16:48 있습니다. 그래서 똑같이 복사를 해

16:50 주시고 저 같은 경우에는 이제 클로드

16:52 코드에 한번 들어가 볼게요. 네.

16:54 네. 그럼 이렇게 클로드 코드

16:55 들어와서 셋 터미널에서 한번 조작을

16:56 해 보겠습니다. 여기서 마찬가지로 저

16:58 같은 경우에는 MCP 설정을 보면은

17:00 요런 식으로 매니페스트와 연동이 되어

17:03 있어요. 그래서 매니페스트와 연동이

17:04 되어 있기 때문에이 매니페스트를

17:06 기반으로 해서 한번 넣어 보겠습니다.

17:08 만약에 매니페스트와 MCP 서버

17:10 연동이 안 돼 있다라고 하시는

17:11 분들께서는 마찬가지로 아까

17:12 매니페스트에서 줬던 여기에서 나왔던

17:15 명령어 여기 A와 연결 클릭해서

17:17 클로드이 명령어 명령어를 복사해서

17:19 붙여 넣으셔서 연결해 주시면 됩니다.

17:21 그리고 나서 한번이 개인 통합형 맞춤

17:24 대시보드 프로젝트 이름이 이제이

17:26 이름이겠죠. 그래서 이거를 통해서

17:28 복사를 하고 클로드 코드에게 지금부터

17:31 매니페스트 MCP를 통해서 EP

17:32 대시보드를 구현하는 계획을 세울

17:34 거야. 프로젝트 이름은 개인 맞춤

17:36 형용통 대시보드이고 거기에 나와 있는

17:38 유저 블로우 기능 명에서 와이어

17:40 프레임을 보고 어떻게 구현하지 계획을

17:42 세워 줘라고 이렇게 넣고 계획은

17:44 똑같이 페이블 5로 제 진행해라고

17:46 이렇게 한번 넣어 보면 되겠습니다.

17:48 그럼 일단은 이렇게 한번 모드 복사를

17:51 한번 하고 모델을 먼저 바꿔 줄게요.

17:53 슬래시

17:56 모델 해서 페이블만 바꿔 주고 아까

17:59 그거 똑같이 넣어 보면 되겠죠. 근데

18:01 여기서 하나의 팁이 있습니다. 근데

18:02 지금 이렇게 보면은 저희가 와이어

18:04 프레임만 이렇게 잡았지 디자인은 조금

18:06 아쉽단 말이에요. 저희가 뭔가 뭐

18:09 다른 뭐 클로드 스타일의 디자인이나

18:10 아니면은 어디 뭐 저기 옵시디어

18:12 스타일의 디자인이나 저희가 보통

18:13 디자인 MD를 통해서 많이 이용을

18:14 했습니다. 그래서 저 같은 경우는

18:16 개인적으로 디자인 MD 사이트 하나

18:18 들어가 가지고 이제 여기서 디자인

18:20 MD를 한 번 더 고를 수가

18:21 있더라고요.이 디자인 MD 사이트

18:22 같은 경우에는 아래 설명했습니다.

18:24 그래서이 디자인 MD 사이트에

18:26 들어가서 기본적으로 내가 원하는

18:28 디자인을 한번 골라봤으면 좋겠습니다.

18:30 그래서 리소스 들어가서 똑같이 디자인

18:32 엔드 카탈로그 한번 들어가서 여기서

18:35 내가 어떤 디자인을 원하는지 일단 뭐

18:36 눈에 보이는 뭐 이런 엔트로픽 디자인

18:38 한번 써 볼게요. 그래서 요거를 써

18:40 보고 마찬가지로 내려서 여기 나와

18:42 있는이 디자인이 디자인 엠디를 똑같이

18:45 카피해 주겠습니다. 커피해 주고

18:47 똑같이 아까 터미널 들어가서

18:50 이제

18:52 그러나 디자인의 경우 아래 디자인

18:58 MD를 써서 이용해라고 해서 한번 쭉

19:03 넣어 보겠습니다. 그래서 계획을 한번

19:05 먼저 세워 볼 거예요. 그래서

19:06 지금부터 매니페스트 MCV를 통해서

19:08 P데 대시보드 그 계획 세울 거야라고

19:10 해서 쭉 넣어 볼 겁니다.음 음.

19:13 그래서 지금 이제 클로드 코드가 한번

19:15 쭉 기획을 쭉 다 하게 될 거예요.

19:18 그래서 기획이 될 때까지 잠깐만

19:20 기다려 보도록 하겠습니다.

19:23 그래서 보시면 매니패스트 MC

19:24 CP에서 개인 맞춤형 통합 배시보드를

19:27 지금 이렇게 연동한다 나오죠. 그래서

19:29 플랜 모드로 전환을 하고 이제 알아서

19:31 기획을 세게 좋 겁니다. 그래서

19:32 보시면 이렇게 지금 페이블 파브가

19:34 이렇게 구현을 하게 되었죠. 그래서

19:35 문서 현황 같은 것들 직접 사항 보고

19:38 매니스트 확인하고 요런 식으로 한번

19:40 쭉 이게 다 기획을 나오게 되게

19:42 되었습니다. 그렇다면 나머지 쭉

19:44 여러분들께서 기획을 세웠으니까

19:45 코덱스나 아니면은 클로드 오포스 파브

19:48 이런 것들을 활용을 해서 조금 더

19:49 바로바로 이렇게 구현을 하게 되었죠.

19:51 네. 그래서 요런 식으로 한번

19:53 여러분들께이 기획에 대해서 한번 쭉

19:55 설명드려 봤습니다. 저 같은

19:57 경우에는이 툴 같은 경우에는 정말

19:58 정말 유용하다라고 생각이 들고

20:01 있어요. 그래서 제가이 툴을 추천하는

20:02 사람들은 딱 정해져 있는 거

20:04 같습니다. 기본적으로 내가 만약에

20:06 회사를 운영하고 있는데 내가이 AI를

20:08 통해서 나만의 회사 ERP 같은 것들

20:10 만들어야 된다. 아니면 회사를 조금이

20:13 AI화시켜야 된다라고 하시는

20:14 분들께서는 반드시 매니페스트에서

20:16 기획을 하시고 넘어가시는 걸

20:18 추천드리겠습니다. 네. 그래서 이런

20:20 식의 한번 기획을 쭉 이용해 볼 수

20:21 있을 것 같고요. 요금제도 그렇게

20:23 비싸지가 않습니다. 기본적인 AI

20:25 요금 저희가 기본적으로 AI에게 주는

20:27 그런 요금과 굉장히 비슷하고요. 저

20:29 같은 경우에 만약에 기획을 하신다.

20:31 또 만약에 다른 프로젝트도 하셔야

20:32 된다라고 하시는 분들께서는 무조건

20:34 구독을 해야 된다고 생각을 하고

20:35 있습니다. 네. 그래서 이렇게

20:36 여러분들께서 한번 여러분들께 한번

20:39 네. 그래서 이렇게 여러분들께 한번

20:40 이렇게 PRD 기능서 유저플로

20:42 와이어플만 만들 수 있는 이런 기획을

20:44 해 줄 수 있는 툴인 매니페스트를

20:46 오늘 한번 소개해 드려 봤는데요. 아

20:48 굉장히 굉장히 아주 아주 유용하다고

20:50 생각이 들고 있습니다.네 그래서 한번

20:52 여러분들도이 영상 보시고 한번 쭉이

20:54 기획을 어떻게 하고 기획을 전부 다

20:56 구성을 하고이 A와 연결을 해서

20:58 어떻게 조금 넘겨서 바로바로 구현할

20:59 수 있는지에 대해서 한번 여러분들도

21:01 꼭 한번 생각해 보셨으면 좋겠습니다.

21:03 네. 그렇다면 여러분들께서도 한번 꼭

21:05 써 보시고 꼭 한 번씩 이용해

21:07 보셨으면 좋겠습니다. 네. 그럼 오늘

21:09 영상은 여기서 마춰 보도록

21:09 하겠습니다.