Streamlit으로 첫 실용 웹앱 만들기
AI와 함께 웹앱을 만들어보고 싶은 비개발자에게 맞아요. Cursor와 Streamlit으로 첨삭 도구, 모의고사, 주식 조회 화면을 만들고 배포하는 경험을 살펴봐요.
공간: 바이브 코딩 · 8편
- 패션 트렌트 분석 대시보드 스트림릿으로 만들기 — Pearl ·
스트림릿 쉐어 사이트를 통해 배포 완료 https://fashion-trend.streamlit.app/ 결과와 배운 점 스트림릿 쉐어에서 배포를 하는 과정에서 에러가 발생했는데, 원인은 라이브러리 버젼 문제였고, 4개 라이브러리의 버젼을 삭제하고 다시 하라고 해서, 수정후 배포하는데… - 중고생 영어 첨삭 웹앱, 커서만 알면 비개발자인 나도 만들 수 있다! — 다정한 거위 ·
프롬프트 + Cursor + Streamlit으로 만든 AI 첨삭 도우미 사례 공유 ## 1. 시작하게 된 계기 💡 GPT와 Streamlit으로 뭔가를 만든다는 얘기는 많이 들었지만, 막상 "나도 만들 수 있을까?"라는 의문이 먼저 들었어요. 그러던 중 오쌤 시연을 보며, 프롬프트… - 🧠💻 Cursor AI와 Streamlit으로 만든 해부학 모의고사 웹앱, ‘Anatomy Ace’ (feat. 두 분 스터디장님 덕분에 용기를 냈습니다.) — 유쾌한 사슴 ·
> 누구나 기획만 있다면, AI의 도움으로 개발할 수 있어요! --- ## 🧠 도전하게 된 계기 AI 스터디에서 스터디장님 두 분의 AI Talk를 듣고 나서 큰 영감을 받았습니다. 그 자리에서 Cursor AI로 앱을 만들고 Streamlit으로 배포하는 과정을 접하게 되었고, 어… - 척추측만증 자가진단 앱 만들어보기 — 조용한 화가 ·
소개 평소 허리가 좋지 않았던 나에게 척추측만증이라는 병에 대해서 접하게 되었다. 관련기사를 보아도 척추측만증이 청소년들에게도 문제가 되는 것 같았습니다. 관련해서 스마트폰 카메라로 진단할수 있으면 좋겠다라는 생각에 시도하게 되었습니다. 진행 방법 ChatGPT에게 먼저 척추측만즈에… - MCP 설치 실습 : Cursor에서 Sequential Thinking 설치 — Pearl ·
🔹 Cursor 채팅창에 MCP Sequential Thinking 사용법을 질문(에이젼트 모드, 클로드 3.7) 🔹 커서는 사용법 MD 파일을 만들어주고 실제 작동을 위한 다음 단계를 진행 # OpenRouter MCP 서버 설치 가이드 이 문서는 Cursor에서 OpenRout… - 혼밥이 편하기만 할까? — 조용한 화가 ·
소개 혼밥(?) 나같은 나이대에서는 생소하지만 아직도 낯선 단어다. 가까운 식당에 가더라도 혼밥을 위한 식당이 꽤 많고 널리 사용할 정도로 문화화가 된 정도로 느낀다. "혼밥, 건강 해친다"…몸에 미치는 영향 봤더니 '깜짝' / SBS / 오클릭 앗 그런데 편하고 유행으로 보이던 혼밥… - 스트림릿 웹앱으로 KRX 에서 필요한 주식데이터 보기 — 다정한 알파카 ·
소개 KRX에서 제공하는 국내 주식데이터를 필요한 조건에 맞춘 종목을 확인하려고 작성했습니다. 진행 방법 커서에서 스트림릿용이라고 하면서 PRD작성을 요청하고 PRD를 조금 수정한 후에 작성해달라고 입코딩했습니다. 프롬프트 첫번째 프롬프트: 스트림릿에서 krx 사이트에서 입력하는 날짜… - Cursor로 텍스트 게임 만들기 - 회사원 생존기 — 한밤의 기린 ·
소개 Cursor로 게임을 만들 수 있는지 궁금해서 진행해봤습니다. 진행 방법 GPT에게 Cursor로 만들 수 있는 게임을 추천 받고, 프롬프트를 Cursor에 입력해서 진행했습니다. github에 업로드 후 stramlit으로 실행했습니다. 프롬프트 Cursor입력 게임 실행 (g…