중고생 영어 첨삭 웹앱, 커서만 알면 비개발자인 나도 만들 수 있다!

프롬프트 + Cursor + Streamlit으로 만든 AI 첨삭 도우미 사례 공유

## 1. 시작하게 된 계기 💡

GPT와 Streamlit으로 뭔가를 만든다는 얘기는 많이 들었지만,

막상 "나도 만들 수 있을까?"라는 의문이 먼저 들었어요.

그러던 중 오쌤 시연을 보며,

프롬프트 몇 줄만 잘 짜면 아이디어가 PRD로,

PRD가 코드로, 코드가 웹앱으로 ‘뚝딱’ 만들어지는 과정을 보고

이건 꼭 공유해야겠다! 싶었습니다 😲✨

## 2. 어떻게 만들었나?

### 커서를 열고 프롬프트 → PRD → 코드 구현 → 웹앱 완성 🛠️

#### 🧾 2-1. PRD 문서 작성

처음에는 다음과 같은 프롬프트로 시작했어요:

> "중고생 영어학원에서 첨삭 관련 PRD를 만들어줘"

GPT가 아래와 같은 명확한 제품 요구사항 문서를 자동으로 작성해줍니다.

📸 PRD 문서 스크린샷

한국어 텍스트가있는 검은 색 화면

#### 💻 2-2. 코드 구현 (Cursor + GPT)

PRD에서 핵심 기능만 추려서, GPT에 다시 요청했습니다:

> "이 PRD를 Streamlit으로 구현 가능한 핵심 기능만 적용해줘"

GPT는 바로 코드로 응답!

Cursor에서 GPT와 연동되니 왔다 갔다 복사-붙여넣기 할 필요도 없었어요.

📸 Cursor에서 GPT와 코드 작업 중

어두운 방에서 코드 편집기의 스크린 샷

#### 🌐 2-3. Streamlit 앱 완성

Streamlit을 이용해 실제 웹앱까지 구현했습니다.

중고생이 자신의 영어 작문을 입력하면 문법 오류, 추천 단어 등을 보여주는 간단한 첨삭 도우미입니다.

📸 최종 웹앱 화면

한국어 텍스트가있는 페이지

#### ✏️ 2-4. 실제 첨삭 결과 화면

파일 업로드를 통해 텍스트 입력 → 첨삭 결과 출력까지 완성!

📸 첨삭 결과 예시 화면

한국어 텍스트가있는 페이지

## 3. 핵심 포인트 💎

이 과정에서 가장 놀라웠던 건 Cursor와 GPT의 조합이에요.

- GPT로 코드를 만들고, Cursor에서 자동 반영

- 반복 작업 없이 효율적

- ‘며칠 걸릴 일’을 단 몇 시간 안에 끝낼 수 있었어요

✨ 마치 내 옆에 AI 개발자 한 명 붙은 느낌!

## 4. 내가 느낀 점 ✨

과거에는 AI로 무언가 만드는 게 ‘특별한 사람’만 하는 일처럼 느껴졌지만,

지금은 아이디어만 있으면 누구나 구현할 수 있는 시대예요.

🧠 머릿속에 그림이 있다면

🗣️ 말로 풀어내고

🖐️ 손으로 조금만 다듬으면

💥 결과물이 바로 나옵니다!

## 5. 실전 팁 & 독자에게 하고 싶은 말 💬


- 오늘은 첫시간이라서 코드를 만드는것 까지만 공유합니다.

- 최종적으로는 프롬프트 → PRD → MVP 코드 생성 → Streamlit 앱으로 배포

이 흐름은 꼭 한 번 경험해보세요!

- 초보자도 Cursor만 설치하면 GPT와 실시간 협업이 가능합니다.

- PRD를 자동화하면 기획 + 구현의 벽이 정말 낮아져요.

지금 이 글을 보고 계신 분 중 아직도 망설이고 계시다면…

> "이건 진짜 누구나 할 수 있어요. 시작만 하세요!"

4

👉 이 게시글도 읽어보세요