Cursor 웹앱 도전기 1

🧑‍💻 Cursor 웹앱 만들기 도전기 - 1일차 실패도 경험이다!

오늘은 Cursor 웹앱 만들기 도전기 1일차!
스터디 첫 강의를 듣고 본격적으로 실습을 시작해봤어요 🎉


🎬 1. Cursor 설치까지는 완벽!

스터디장님의 친절한 안내를 따라
Cursor 공식 홈페이지로 이동해

  • ✅ Sign in

  • ✅ 설치 파일 다운로드

  • ✅ 설치 후 실행

까지 완벽하게 성공!
Cursor를 직접 실행시키는 순간, 묘하게 개발자가 된 기분 ✨

📸 [사진 삽입 위치: Cursor 첫 실행 화면]


🤖 2. GPT Builder로 PRD 만들기

다음은 GPT Builder를 활용해
웹앱에 필요한 PRD(제품 요구 사항 문서)를 생성했습니다.

한국어로 된 메시지는 흰색 화면에 쓴 메시지입니다

Cursor 앱에서 오른쪽 프롬프트 창에 아래 내용을 넣었습니다.

@prd.md를 참조해서 todo.md를 만들어줘


📝 자동으로 멋진 todo 리스트 생성 완료!
순간 감탄이 터졌어요. 이게 진짜 AI인가요... 😲

검은 색 화면에서 프로젝트의 스크린 샷

🚨 3. 순차적 개발 요청 → 에러 발생?!

조금 더 나아가,

@todo.md 순차적으로 개발을 진행해주세요
라고 요청했더니...

💥 갑자기 Cursor가 에러를 뿜으며 말하길:

"죄송합니다. 라는 말을 계속 하네요...

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

으악! 😨 왜 나한테만 이런 일이?
스터디방 분들은 잘만 진행되던데... 왜 나만!!


🧩 4. 해결책: Node.js 설치

스터디장님께 여쭤보니,

“Node.js 설치가 안 되어 있어서 그럴 거예요~”
라는 친절한 설명을 들었습니다.

바로 Node.js 공식 다운로드 페이지로 가서
설치 완료! 💪

그리고 Cursor에게 다시 입력했죠:

Node.js 설치 완료했습니다!


🧪 5. 또 다른 문제?! PowerShell 인식 실패...

Cursor AI가 바로 반응하더군요:

"좋습니다! 먼저 Node.js가 제대로 설치되었는지 확인하겠습니다..."

그런데!
이번엔 PowerShell에서 인식이 안 된다며 다음과 같은 안내가 나왔어요:

"PowerShell을 닫고 새로 실행해보세요."
"그 후 명령어를 다시 입력해주세요."

한국어 텍스트가있는 창
한국어로 된 파이썬 스크립트의 스크린 샷

Powershell 은 정상적으로 설치 된것 같은데.. 왜 이럴까요? T-T


💬 6. 오늘의 교훈: 실패는 괜찮다!

이 문제를 해결해야 멋진 웹 페이지를 볼 수 있을 텐데…
오늘은 여기까지! 컴퓨터를 껐다 켜고 다시 도전해보려 합니다 🔄

스터디장님께서 이렇게 말씀해주셨어요:

“실패의 경험도 소중한 기록입니다.”
그래서 저도 이렇게 글로 남겨봅니다 ✍️

1
2개의 답글

👉 이 게시글도 읽어보세요