프로덕트

아티클

전체 보기
Heesoo Jin

Heesoo Jin

비개발자도 할 수 있다! Inside Out Mindset 🧠 웹사이트 개발 이야기

안녕하세요, 저는 그냥 여러 기술에 관심이 많은 프로덕트 디자이너 진희수입니다.

이번 ‘Inside Out Mindset’ 서비스를 만들게됐는데요.

주변 반응이 나쁘지 않아서 이렇게 메이커로그까지 작성하게 됐습니다.

코드는 한 줄도 못쓰지만 얕고 넓은 지식 그리고 GPT의 힘을 빌려 이번 서비스를 만들었던 과정을 공유드리려고해요.

스크린샷 2024-07-05 오후 2.20.27.png

처음 서비스를 만들게된 계기는?

사실 처음부터 어떤 문제를 해결하기 위해서 웹사이트를 기획하고 만든 건 아니었어요.

GPT로 웹사이트를 만드는 사람들의 이야기를 계속 보다 보니 ‘나도 해볼 수 있지 않을까?’ 하는 생각이 들더라고요. 게다가 요즘 GPT로 파이썬 코드를 만들고 여러 업무에 적용해서 나름 공부하고 있기도 했고요.

그러다가 눈에 들어왔던 것이 ‘원영적 사고 GPT’ 웹사이트들이었는데요, 써보니까 재밌더라고요.

그래서 저는 좀 더 다양한 답변을 만들 수 있는 기획이 뭐가 있을까 고민하다가 얼마 전에 친구와 본 '인사이드 아웃' 영화가 생각났어요.

여러 감정들이 자기 스타일대로 사용자의 상황에 공감하면 재밌지 않을까 하는 생각에서 시작하게 됐습니다.

og-image.png

만드는 과정에서 어떤 시행착오와 배움이 있었는지?

사실 원페이지로 만들 생각이었고 모든 코드를 GPT를 사용해서 작성해서 크게 어렵진 않았어요. 코드에서 오류가 나도 곧장 물어보면 해결해줬거든요.

처음에는 Streamlit 프레임워크로 배포하는 게 UI 작업도 그렇고 쉬워 보여서 그걸로 작업했는데, 막상 다 만들고 배포까지 했더니 좀 더 꾸미고 싶었어요.

(광고도 달고 싶었고요. Streamlit에서는 구글 광고를 기술적으로 삽입하지 못한다는 걸 마지막에 알았습니다…)

그래서 Flask 웹 프레임워크를 GPT한테 추천받고 처음부터 다시 작업했습니다.

스크린샷 2024-07-05 오후 2.19.17.png

각 캐릭터의 답변 스타일을 만들기 위해 GPT한테 나무위키를 읽게 하고 어떤 성격이고 어떤 말투를 사용할지에 대해 설정해달라고 요청했어요.

이게 생각보다 잘 잡혔는지, 제가 봤던 영화의 캐릭터처럼 답변을 잘 해줘서 걱정했던 것보다는 빠르게 만들었습니다. (갓무위키...!)

스크린샷 2024-07-05 오후 2.13.58.png

그리고 삽입된 이미지는 원본을 그대로 쓰면 혹시 모를 리스크가 있을 것 같아서 Adobe Firefly를 써서 손그림처럼 그렸습니다.

최근에 업데이트된 구조는 유지하면서 스타일만 쉽게 바꿀수 있는 기능이 있는데 정말 유용하게 여기저기 쓰고 있습니다! 어렵지 않으니 여러분들도 원하는 이미지가 있다면 한번 써보세요!

Group 7656.png

이렇게 기획부터 배포까지 개인으로 전부 진행해본 게 처음이다 보니 새삼 AI가 정말 대단하다는 생각이 들더라고요.

결과는 어떠했는지?

아직 배포한 지 얼마 되지 않아서 결과라고 할 것도 없지만, 주변 친구들에게 링크를 공유하고 반응을 받았을 때는 재미있다는 반응이 꽤 있었어요.

영화를 봤던 친구들은 진짜 캐릭터처럼 답변을 주는 걸 신기해했고, 또 어떤 친구는 AI에 별 관심이 없었는데 흥미를 보이더라구요.

Group 7657.png

앞으로의 계획은 무엇인지?

아직 큰 계획은 없지만 이번 배포를 경험 삼아 또 다른 기획을 가지고 서비스를 만들어 볼 생각이에요.

최근에 ChatGPT보다 Claude가 성능이 더 좋다는 이야기를 들어서 다음 번에는 Claude를 가지고 만들어보지 않을까 싶네요.

혹시 또 재미있는 서비스를 만들게되면 공유드리도록 하겠습니다!

그리고 살포시 제 블로그도 홍보 좀.. ㅎㅎ

https://metavision-blog.xyz/

감사합니다.

2
1
Heesoo Jin

Heesoo Jin

GPT4o로 외국어 버전 앱 만들기 1탄 - 광고에 대한 이해

이번에 FeelRing 알람앱을 만들면서 AI를 돌리는 서버 비용을 어떻게 메꿀수 있을까 고민을 하다가 '우리는 화면이 몇개 없으니 필수 화면에만 배너 광고를 넣어보자!' 라는 결론에 이르렀고 광고 수익을 공부하다보니 외국어 버전 앱을 만들어야하는 이유에 대해 정리한 글입니다.

1
0
Heesoo Jin

Heesoo Jin

AI로 광고까지 진행해보기

GPT를 활용해서 제작된 기획서를 기반해서 광고 마케팅의 영역까지 AI를 통해 진행해본 경험을 정리해봤습니다.
다른 분들에게 도움이 됐으면 좋겠어요.

2
0

포스트

아직 포스트가 없습니다.