# Streamlit으로 첫 실용 웹앱 만들기

> AI와 함께 웹앱을 만들어보고 싶은 비개발자에게 맞아요. Cursor와 Streamlit으로 첨삭 도구, 모의고사, 주식 조회 화면을 만들고 배포하는 경험을 살펴봐요.

- 연재: https://community.clauders.ai/series/streamlit-first-practical-webapps
- 공간: [바이브 코딩](https://community.clauders.ai/claude-code)
- 편 수: 8

## 편 목록

1. [패션 트렌트 분석 대시보드 스트림릿으로 만들기](https://community.clauders.ai/claude-code/post/%ED%8C%A8%EC%85%98-%ED%8A%B8%EB%A0%8C%ED%8A%B8-%EB%B6%84%EC%84%9D-%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C-%EC%8A%A4%ED%8A%B8%EB%A6%BC%EB%A6%BF%EC%9C%BC%EB%A1%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0-a3cd4e3c-9ef2-8a45-a39c-d8ab2d434f6c) — Pearl, 2025-03-20
   스트림릿 쉐어 사이트를 통해 배포 완료 https://fashion-trend.streamlit.app/ 결과와 배운 점 스트림릿 쉐어에서 배포를 하는 과정에서 에러가 발생했는데, 원인은 라이브러리 버젼 문제였고, 4개 라이브러리의 버젼을 삭제하고 다시 하라고 해서, 수정후 배포하는데 성공했다. 2번 정도 수정을 했고. 총 1시간 정도 소요. 파이썬 스트…
2. [중고생 영어 첨삭 웹앱, 커서만 알면 비개발자인 나도 만들 수 있다!](https://community.clauders.ai/claude-code/post/%EC%A4%91%EA%B3%A0%EC%83%9D-%EC%98%81%EC%96%B4-%EC%B2%A8%EC%82%AD-%EC%9B%B9%EC%95%B1-%EC%BB%A4%EC%84%9C%EB%A7%8C-%EC%95%8C%EB%A9%B4-%EB%B9%84%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%B8-%EB%82%98%EB%8F%84-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EB%8B%A4-67fa095a-734c-84b0-bdc7-72c72904d6ed) — 다정한 거위, 2025-03-22
   프롬프트 + Cursor + Streamlit으로 만든 AI 첨삭 도우미 사례 공유 ## 1. 시작하게 된 계기 💡 GPT와 Streamlit으로 뭔가를 만든다는 얘기는 많이 들었지만, 막상 "나도 만들 수 있을까?"라는 의문이 먼저 들었어요. 그러던 중 오쌤 시연을 보며, 프롬프트 몇 줄만 잘 짜면 아이디어가 PRD로, PRD가 코드로, 코드가 웹앱으…
3. [🧠💻 Cursor AI와 Streamlit으로 만든 해부학 모의고사 웹앱, ‘Anatomy Ace’ (feat. 두 분 스터디장님 덕분에 용기를 냈습니다.)](https://community.clauders.ai/claude-code/post/cursor-ai%EC%99%80-streamlit%EC%9C%BC%EB%A1%9C-%EB%A7%8C%EB%93%A0-%ED%95%B4%EB%B6%80%ED%95%99-%EB%AA%A8%EC%9D%98%EA%B3%A0%EC%82%AC-%EC%9B%B9%EC%95%B1-anatomy-ace-feat-%EB%91%90-%EB%B6%84-%EC%8A%A4-db160879-bf41-8763-8e09-6c9b65aa2a0c) — 유쾌한 사슴, 2025-03-23
   > 누구나 기획만 있다면, AI의 도움으로 개발할 수 있어요! --- ## 🧠 도전하게 된 계기 AI 스터디에서 스터디장님 두 분의 AI Talk를 듣고 나서 큰 영감을 받았습니다. 그 자리에서 Cursor AI로 앱을 만들고 Streamlit으로 배포하는 과정을 접하게 되었고, 어떻게 하는 것인지 단계를 알려주셔서 "나도 한 번 해볼 수 있겠다!"는…
4. [척추측만증 자가진단 앱 만들어보기](https://community.clauders.ai/claude-code/post/%EC%B2%99%EC%B6%94%EC%B8%A1%EB%A7%8C%EC%A6%9D-%EC%9E%90%EA%B0%80%EC%A7%84%EB%8B%A8-%EC%95%B1-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-318cd9d2-4576-8bf0-8fc0-53ec92ddb36b) — 조용한 화가, 2025-03-25
   소개 평소 허리가 좋지 않았던 나에게 척추측만증이라는 병에 대해서 접하게 되었다. 관련기사를 보아도 척추측만증이 청소년들에게도 문제가 되는 것 같았습니다. 관련해서 스마트폰 카메라로 진단할수 있으면 좋겠다라는 생각에 시도하게 되었습니다. 진행 방법 ChatGPT에게 먼저 척추측만즈에 대해서 질문을 던져주었습니다. 아래와 같은 설명을 해주어서 대충 어떤 질…
5. [MCP 설치 실습 : Cursor에서 Sequential Thinking 설치](https://community.clauders.ai/claude-code/post/mcp-%EC%84%A4%EC%B9%98-%EC%8B%A4%EC%8A%B5-cursor%EC%97%90%EC%84%9C-sequential-thinking-%EC%84%A4%EC%B9%98-0f092a93-c491-8c9f-82e8-229623762b2b) — Pearl, 2025-03-30
   🔹 Cursor 채팅창에 MCP Sequential Thinking 사용법을 질문(에이젼트 모드, 클로드 3.7) 🔹 커서는 사용법 MD 파일을 만들어주고 실제 작동을 위한 다음 단계를 진행 # OpenRouter MCP 서버 설치 가이드 이 문서는 Cursor에서 OpenRouter MCP 서버와 Sequential Thinking MCP 서버를 설…
6. [혼밥이 편하기만 할까?](https://community.clauders.ai/claude-code/post/%ED%98%BC%EB%B0%A5%EC%9D%B4-%ED%8E%B8%ED%95%98%EA%B8%B0%EB%A7%8C-%ED%95%A0%EA%B9%8C-ff65c4eb-81ab-82d4-ae0b-a962a4fea9da) — 조용한 화가, 2025-04-02
   소개 혼밥(?) 나같은 나이대에서는 생소하지만 아직도 낯선 단어다. 가까운 식당에 가더라도 혼밥을 위한 식당이 꽤 많고 널리 사용할 정도로 문화화가 된 정도로 느낀다. "혼밥, 건강 해친다"…몸에 미치는 영향 봤더니 '깜짝' / SBS / 오클릭 앗 그런데 편하고 유행으로 보이던 혼밥이 안좋다고? 갑자기 파보기 시작하였다. ㅎㅎ 어떠한 부작용이 있는 것일…
7. [스트림릿 웹앱으로 KRX 에서 필요한 주식데이터 보기](https://community.clauders.ai/claude-code/post/%EC%8A%A4%ED%8A%B8%EB%A6%BC%EB%A6%BF-%EC%9B%B9%EC%95%B1%EC%9C%BC%EB%A1%9C-krx-%EC%97%90%EC%84%9C-%ED%95%84%EC%9A%94%ED%95%9C-%EC%A3%BC%EC%8B%9D%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%B3%B4%EA%B8%B0-4b53fac6-c3fa-87e0-bb89-8cc2d19c8451) — 다정한 알파카, 2025-04-04
   소개 KRX에서 제공하는 국내 주식데이터를 필요한 조건에 맞춘 종목을 확인하려고 작성했습니다. 진행 방법 커서에서 스트림릿용이라고 하면서 PRD작성을 요청하고 PRD를 조금 수정한 후에 작성해달라고 입코딩했습니다. 프롬프트 첫번째 프롬프트: 스트림릿에서 krx 사이트에서 입력하는 날짜의 코스피와 코스닥 종목을 종목코드, 종목명, 시장, 종가, 거래량, 등…
8. [Cursor로 텍스트 게임 만들기 - 회사원 생존기](https://community.clauders.ai/claude-code/post/cursor%EB%A1%9C-%ED%85%8D%EC%8A%A4%ED%8A%B8-%EA%B2%8C%EC%9E%84-%EB%A7%8C%EB%93%A4%EA%B8%B0-%ED%9A%8C%EC%82%AC%EC%9B%90-%EC%83%9D%EC%A1%B4%EA%B8%B0-a0ca19c9-3098-81dc-b286-74e08f1304de) — 한밤의 기린, 2025-04-09
   소개 Cursor로 게임을 만들 수 있는지 궁금해서 진행해봤습니다. 진행 방법 GPT에게 Cursor로 만들 수 있는 게임을 추천 받고, 프롬프트를 Cursor에 입력해서 진행했습니다. github에 업로드 후 stramlit으로 실행했습니다. 프롬프트 Cursor입력 게임 실행 (github 업로드 후 streamlit 실행) 실행 시 에러 발생 에러…