소개
요즘 감정적으로 힘든 사람들이 많은 것 같아요.
그런데 병원은 너무 비싸거나, 예약이 어려워요.
누구나 쉽게 자기 감정을 들여다보고 챗봇이랑 상담도 하는 웹앱을 도전해봤습니다!
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Cursor를 이용해서 코딩했어요.
파일은 github에 업로드하고 Streamlit으로 실행했어요.
Cursor 프롬프트 입력
Cursor에게 프롬프트를 입력했어요. 어떻게 입력하면 Cursor가 이해하기 쉬운지부터 물어봤습니다.
양식을 확인 후에 만들고 싶은 것을 입력해줬어요
Cursor가 알아서 코딩을 해줍니다. (파일까지 만들어줘요)
한국어 텍스트가있는 검은 색 화면의 스크린 샷
Github 업로드 및 스트림릿 실행 및 에러수정
Github에 업로드 후에 스트림릿으로 실행해봤어요
에러가 발생했는데, 솔직히 이유는 모르겠습니다. 그냥 에러코드를 Cursor에 이야기해볼게요
requirements.txt 파일이 문제가 있다네요. 알아서 수정해줍니다.
수정 이후에 새로운 에러가 발생했어요. 다시 한번 수정 요청해보겠습니다.
코드를 보여주는 컴퓨터 화면의 스크린 샷
정상 실행이 됩니다. 기본 화면입니다.
로그인 화면입니다. 감정 선택을 하라고 되어있네요.
기능 업데이트
원하는 기능을 Cursor에게 입력해줍니다.
OpenAI API 키 입력 화면과 감정 선택 화면에서 이모티콘이 추가됐습니다.
감정을 선택하면 챗봇 화면으로 이동됩니다. API키를 입력 후 채팅을 입력하니 챗봇이 대답해줍니다.
다음에 접속해도 감정 상태와 채팅 기록이 남도록 기능을 업데이트하겠습니다.
캡처를 못했는데, 이후 필터 옵션까지 추가해서 필터 기능도 생성됐습니다.
한국어와 중국어가있는 웹 사이트의 스크린 샷
감정 분석 기능을 추가하겠습니다.
감정 변화를 나타내주는 화면입니다.
감정 주간/월간 리포트입니다.
감정 관리 팁도 알려주세요. AI는 아닙니다.
기능 추가를 더 해보려고 했으나, 에러가 많이 나는 관계로 여기까지 작업했습니다!
결과와 배운 점
배운 점 : Cursor라는 존재 자체를 몰랐는데, 스터디를 통해 Cursor를 통한 입코딩, github 업로드, Streamlit 실행까지 배웠습니다.
나만의 꿀팁 : Cursor와 GPT 또는 다른 챗봇을 통해 병행하는 것이 좋을 것 같습니다. Cursor에 계속 질문하다보니 무료 버전을 모두 사용해서 유료 결제를 했네요 ㅎㅎ
시행착오 : 조금은 생략됐는데 생각보다 에러가 많이 발생합니다. 에러가 발생하면 에러코드를 Cursor에게 알려주고 수정은 가능하지만 바로 이해하지 못하는 경우도 있어 시간과 인내심이 필요합니다.
도움 필요한 부분 : Cursor를 통해 활용할 수 있는 것들이나 다른 플랫폼을 알려주시면 감사하겠습니다. (최근에 lovable을 알게 됐는데 신세계였습니다.)
앞으로의 계획 : 당장은 어렵겠지만 AI를 활용하면서 웹페이지 또는 서비스 가능한 어플을 만들어보고 싶습니다.
