멘탈 헬스 파해치기 ver.2

소개

AI 헬스 케어 스터디 1주차 시작 하면서 멘탈 헬스 관련 내용을 깊이 있게 진행 해보고자 스터디에 참여 했습니다. 이번에는 Lovable.dev AI tool 을 사용해서 웹사이트, 앱을 만들어 보았습니다. 스터디 참여 하시는 분들의 아이디어를 어떻게 구현 할 수 있는지 확인하는 경험을 하게 되었습니다.

진행 방법

사용한 AI Tool 은 Google AI Studio, Lovable.dev, ChatGPT 4.5 를 사용해서 진행 했습니다.

다음의 단계로 진행 해보았습니다.

  1. 멘탈 헬스 관련 웹사이트와 앱을 만들기 위한 PRD 를 작성하기

  2. 코딩 툴(Lovable) 을 사용해서 작성하기

  3. 웹에 올리는 방법 찾아보기


Google AI Studio 에서 "멘탈 헬스 관련 웹사이트를 만들고 싶어" 요청 합니다.

멘탈 헬스 관련 웹사이트를 만들고 싶으시군요! 좋은 아이디어입니다. 멘탈 헬스에 대한 관심이 높아지는 만큼, 도움이 될 만한 웹사이트를 만들면 많은 사람들에게 긍정적인 영향을 줄 수 있을 거예요. 웹사이트를 성공적으로 만들기 위해 몇 가지 중요한 단계를 함께 살펴보고, 필요한 정보들을 정리해 드릴게요.
<내용 생략>

다시 요청

위 내용을 종합하여 멘탈 헬스 사이트 Product Requirements Document(PRD) 예시를 만들어줘

멘탈 헬스 웹사이트 PRD (Product Requirements Document)
1. 서론 (Introduction)

1.1. 목적 (Purpose): 본 문서는 멘탈 헬스 정보를 제공하고, 사용자의 정신 건강 증진을 위한 온라인 플랫폼 개발에 필요한 요구사항을 정의합니다.

1.2. 배경 (Background): 현대 사회에서 정신 건강 문제는 점점 더 중요해지고 있습니다. 온라인을 통해 정신 건강 정보를 쉽게 접하고, 필요한 도움을 받을 수 있도록 하는 것이 본 프로젝트의 목표입니다.

1.3. 범위 (Scope): 본 웹사이트는 정신 건강 정보 제공, 자가 진단 도구, 커뮤니티 기능, 전문가 연결 기능 등을 포함합니다.
<내용 생략>

AI 툴 https://lovable.dev/ 에서 사이트 만들기 요청

Lovable

I'm inspired by your vision for a mental health website that combines elegance, functionality, and a commitment to helping people. Looking at your detailed PRD, I can see you're aiming to create a supportive online platform that provides mental health information, self-assessment tools, community features, and professional connections. <내용 생략>

웹사이트 결과 확인

링크 https://peace-circle.lovable.app/

2차 시도 멘탈 헬스 앱으로 작성하기

Google AI Studio 에서 요청하기 " 멘탈 헬스 관련 앱으로 PRD 를 작성해줘 "

멘탈 헬스 앱 PRD (Product Requirements Document)
1. 서론 (Introduction)

1.1. 목적 (Purpose): 본 문서는 사용자의 정신 건강 관리를 돕고, 필요한 지원을 제공하는 멘탈 헬스 모바일 애플리케이션 개발에 필요한 요구사항을 정의합니다.

1.2. 배경 (Background): 현대 사회의 스트레스 증가와 정신 건강에 대한 관심 증대에 따라, 사용자가 언제 어디서든 쉽게 정신 건강을 관리할 수 있는 모바일 앱의 필요성이 높아지고 있습니다.

1.3. 범위 (Scope): 본 앱은 명상, 호흡 훈련, 감정 기록, 목표 설정, 전문가 상담 (선택 사항) 등의 기능을 포함합니다. <내용 생략>

추가 요청 "개발 은 google apps script 로 만드는 내용으로 수정해줘"

멘탈 헬스 앱 (Google Apps Script 기반) PRD (Product Requirements Document)
주의: Google Apps Script는 웹 애플리케이션 개발에 적합하지만, 네이티브 모바일 앱을 직접 개발하는 데는 제한이 있습니다. 본 PRD는 Google Apps Script를 활용하여 웹 앱 형태로 제공되는 멘탈 헬스 앱을 기준으로 작성되었습니다. 따라서, 기능 및 사용자 경험 측면에서 네이티브 앱과 차이가 있을 수 있습니다.
<내용 생략>

Lovable.dev 에서 앱 만들기 Google AI 결과를 입력해서 만들기

Lovable

I'll create a beautiful mental health web application based on the PRD you provided. Drawing inspiration from minimalist design principles, I'll focus on creating a serene, intuitive interface that provides a calming experience for users tracking their mental well-being.
<내용 생략>

앱 결과 확인

링크 https://serene-steps-journal.lovable.app/

한국 앱의 스크린 샷

앱의 코드를 Google Apps Script 에서 사용하기 위해서 Github 연결해서 Google Apps Script 에서 실행 해보기 위해서 다운 받기 Github 사이트 가입 필요

항목 목록을 보여주는 화면의 스크린 샷


다운 받은 파일이 Google Apps Script 에서 작동할지 ChatGPT 4.5 에게 질문

한국어로 된 Google Apps 스크립트 스크린 샷

첫주 스터디를 하면서 새로운 AI 툴을 알게 되었고 아이디어로 사이트, 앱을 만들어 볼 수 있었습니다.


다음은 Google Apps Script 로 작성해본 일상의 성향 체크와 업무 스타일 체크 하는 툴 입니다. 앱을 만들어서 사용자의 마음, 스타일을 체크 하는 툴을 만들어 보았습니다.

일상의 성격 체크
https://script.google.com/macros/s/AKfycbyTwstHPagXUTudt1YKF_P0RwB9Nbh_5X51c0X-QGNBFt8GCAz5xzI7bvRPOyNvewJEig/exec

업무 스타일 체크
https://script.google.com/macros/s/AKfycbwTGLrC5LkOeBnnPrDh4X1-sweIOQS-0-tssMRzJUHLbS3dhGuRkm0pMaY9sMBkONZomA/exec

현재는 만드는 과정으로 체크 내용만 확인 되고 Google Drive에 저장되게 되어 있습니다.


결과와 배운 점

웹사이트, 앱을 쉽게 만들어서 확인 할수 있어서 좋았습니다. 그리고 아이디어를 실현 하기 위해서는 코딩이나 툴을 더 배워야 하지만 가능성을 확인하는 시간이었습니다.

구글 앱 스크립트로 간단하게 체크 툴을 만들고 AI 로 대화 할수 있는 툴을 만들어 가려고 합니다.

AI 를 활용해서 가능한 부분을 확인 했습니다.

도움 받은 글

https://www.gpters.org/health/post/create-recommended-service-dog-O81E0qFkzvCm58r

6
3개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요