기획자가 직접 만드는 사내 툴: 커서 AI(Cursor AI) 파이썬 웹앱 개발 완벽 가이드
.jpg "기획자가 직접 만드는 사내 툴: 커서 AI(Cursor AI) 파이썬 웹앱 개발 완벽 가이드")
회사에서 기획자나 마케터로 일하다 보면, 단순 반복 업무를 줄여줄 '아주 간단한 내부 툴(Internal Tool)'이 절실한 순간이 찾아옵니다. 예를 들어, "팀원들이 매주 올리는 주간보고 엑셀 파일을 하나로 합쳐서 대시보드로 보여주는 웹사이트" 같은 것 말입니다. 기획안을 예쁘게 써서 개발팀에 찾아가면 항상 듣는 말이 있습니다. "지금 메인 서비스 개발 일정이 꽉 차서, 내부 툴은 3개월 뒤에나 가능합니다."
결국 우리는 또다시 엑셀 창을 띄워놓고 매주 수동으로 복사-붙여넣기를 하며 야근을 합니다. 하지만 2026년, 인공지능은 문과생과 기획자의 서러움을 영원히 끝내버렸습니다. "자연어(한국어)가 곧 가장 위대한 프로그래밍 언어"가 되는 시대가 도래했기 때문입니다.
그 혁명의 중심에 '커서 AI(Cursor AI)'가 있습니다. 당신이 코딩의 '코' 자를 몰라도, 파이썬(Python) 환경 세팅을 할 줄 몰라도 상관없습니다. "이런 기능이 있는 웹사이트를 만들어줘"라고 한글로 타이핑만 하면, 커서 AI가 코드를 짜고, 오류를 고치고, 웹사이트로 실행까지 시켜줍니다. 오늘 이 글에서는 기획자가 단 30분 만에 실무에 쓸 수 있는 '파이썬 데이터 분석 웹앱'을 뚝딱 만들어내는 마법 같은 튜토리얼을 공개합니다.
📑 목차
- 1. 챗GPT 복붙은 그만! 전 세계 개발자를 홀린 '커서 AI(Cursor AI)'란?
- 2. 개발 환경의 허들을 넘다: 커서 AI 설치 및 AI 모델(Claude) 세팅
- 3. 비개발자가 외워야 할 단 3개의 마법 단축키 (Cmd+K, Cmd+L, @)
- 4. [실전 튜토리얼] 10분 만에 사내용 '엑셀 데이터 분석 대시보드' 웹앱 만들기
- 5. 빨간 에러의 공포 극복: AI가 스스로 코드를 고치는 자동 디버깅(Fix)
- 6. 팀원들에게 툴 공유하기: Streamlit Cloud 무료 배포 가이드
- 7. 코더(Coder)의 시대는 가고, 디렉터(Director)의 시대가 온다
1. 챗GPT 복붙은 그만! 전 세계 개발자를 홀린 '커서 AI(Cursor AI)'란?
많은 비개발자들이 이미 챗GPT에게 코드를 짜달라고 요청해 본 경험이 있을 것입니다. "파이썬으로 엑셀 정리하는 코드 짜줘"라고 하면 챗GPT는 훌륭한 코드를 내뱉습니다. 하지만 문제는 그다음입니다.
챗GPT가 준 코드를 어디에 붙여넣어야 하는지, 에러가 나면 어떻게 고쳐야 하는지 알 수 없어 결국 포기하게 됩니다. 게다가 파일이 여러 개로 나뉘면 챗GPT는 앞서 짠 코드를 까먹고 엉뚱한 소리를 합니다.
커서 AI(Cursor AI)는 이 문제를 완벽하게 해결했습니다. 전 세계 개발자들의 1위 에디터인 'VS Code'를 기반으로 만들어진 커서는, 에디터 자체에 AI가 융합되어 있습니다. 즉, 챗GPT에서 코드를 복사해 올 필요 없이, 에디터 안에서 채팅을 치면 코드가 '내 파일 안에 직접 작성되고 수정(Apply)'됩니다.
무엇보다 커서 AI는 내 폴더에 있는 모든 파일의 문맥(Context)을 완벽하게 읽고 이해합니다. "저번에 만든 파일이랑 똑같은 디자인으로 만들어줘"라고 하면 귀신같이 알아듣고 코드를 짭니다. 이것이 전 세계 시니어 개발자들조차 커서 AI로 갈아타게 만든 핵심 이유입니다.
2. 개발 환경의 허들을 넘다: 커서 AI 설치 및 AI 모델(Claude) 세팅
백문이 불여일견, 당장 설치해서 눈으로 확인해 보겠습니다. 설치와 세팅은 카카오톡을 까는 것만큼 쉽습니다.
[커서 AI 설치 및 초기 세팅]
- 커서 공식 홈페이지(cursor.com)에 접속하여 [Download for Free]를 클릭해 설치합니다.
- 프로그램을 열고 구글 계정 등으로 로그인(Sign Up)을 진행합니다.
- 설정이 완료되면 우측 상단의 톱니바퀴(⚙️ Settings) 아이콘을 누르고 [Models] 탭으로 들어갑니다.
- 여러 가지 AI 모델(GPT-4o, Claude 3.5 Sonnet 등)이 보이실 텐데, 현재 코딩 능력의 끝판왕으로 불리는 `claude-3.5-sonnet`을 기본 모델로 선택(토글 ON)합니다.
[파이썬 기초 환경 (선택사항)]
만약 컴퓨터에 파이썬이 안 깔려 있다면, 파이썬 공식 사이트(python.org)에서 최신 버전을 다운로드해 설치(설치 시 'Add Python to PATH' 체크 필수)만 해두시면 모든 준비가 끝납니다.
3. 비개발자가 외워야 단 3개의 마법 단축키 (Cmd+K, Cmd+L, @)
복잡한 개발 도구의 메뉴는 다 무시하셔도 됩니다. 비개발자인 여러분은 오직 키보드 단축키 3개만 외우면 됩니다. (윈도우 사용자는 Cmd 대신 Ctrl을 누르시면 됩니다.)
① `Cmd + K` (코드 바로 생성 및 수정)
파일 빈 공간에 커서를 두고 Cmd + K를 누르면 작은 입력창이 뜹니다. 여기에 "화면 중앙에 파란색 버튼 하나 만들어줘"라고 치고 엔터를 누르면, 1초 만에 코드가 타이핑됩니다. 결과를 보고 마음에 들면 Accept(적용)를 누르면 끝입니다.
② `Cmd + L` (AI와 대화하는 채팅창 호출)
에디터 우측에 챗GPT와 같은 채팅 패널을 여는 단축키입니다. "이 앱을 어떻게 실행해야 해?", "내가 구현하려는 기획에 필요한 라이브러리가 뭘까?" 등 개발과 관련된 전반적인 질문이나 아키텍처 상담을 할 때 사용합니다.
③ `@` (골뱅이 - 문맥 연결의 핵심)
채팅창이나 K창에서 @를 치면 내 컴퓨터의 다른 파일이나 인터넷 문서를 참조할 수 있습니다. 예를 들어 "이 코드를 @design.css 파일과 똑같은 스타일로 예쁘게 꾸며줘"라고 하면, AI가 디자인 파일을 스스로 읽고 와서 현재 코드를 완벽하게 수정해 줍니다. 커서 AI를 세계 최고로 만든 핵심 기능입니다.
4. [실전 튜토리얼] 10분 만에 사내용 '엑셀 데이터 분석 대시보드' 웹앱 만들기
자, 이제 실전입니다. 우리 팀원들이 영업 실적이 담긴 엑셀 파일(CSV)을 업로드하면, 알아서 표를 보여주고 멋진 막대그래프를 그려주는 '사내 대시보드 웹사이트'를 만들어 보겠습니다.
우리는 파이썬과 'Streamlit(스트림릿)'이라는 웹앱 제작 프레임워크를 사용할 것입니다. (스트림릿은 복잡한 HTML/CSS 디자인 없이도 파이썬 코드만으로 예쁜 웹사이트를 만들어주는 기적의 도구입니다.)
[Step 1. 작업 폴더 및 파일 만들기]
- 바탕화면에 'MyDashboard'라는 새 폴더를 만듭니다.
- 커서 AI를 열고 [File] -> [Open Folder]를 눌러 해당 폴더를 엽니다.
- 커서 좌측 탐색기 빈 공간을 우클릭하여 `app.py`라는 이름의 빈 파이썬 파일을 하나 생성합니다.
[Step 2. 커서 AI에게 앱 개발 지시하기]
app.py 파일 빈 공간에 커서를 두고 `Cmd + K`를 누른 뒤, 다음 프롬프트를 한글로 복사해서 붙여넣습니다.
"파이썬의 Streamlit 라이브러리를 사용해서 '영업 실적 대시보드' 웹앱을 만들어 줘.
[기능 요구사항]
1. 웹페이지 제목은 'ㅇㅇ팀 영업 실적 분석기'로 아주 크게 적어줘.
2. 사용자가 CSV 파일(엑셀)을 업로드할 수 있는 버튼을 중앙에 만들어줘.
3. 파일이 업로드되면, 첫 번째 화면에는 데이터 표(Dataframe)를 보여줘.
4. 두 번째 화면에는 데이터를 요약한 예쁜 막대그래프(Bar chart)를 그려줘.
5. UI는 깔끔하고 직관적으로 구성해 줘."
엔터를 누르면 커서가 3~4초 만에 수십 줄의 코드를 쫙 짜줍니다. 우측에 뜨는 초록색 [Accept] 버튼을 누르거나 키보드 `Cmd + Enter`를 눌러 코드를 저장(Ctrl+S)합니다.
[Step 3. 내가 만든 앱 실행하기]
이제 이 코드를 진짜 웹사이트로 띄워볼 차례입니다.
커서 하단에 있는 'Terminal(터미널)' 탭을 클릭하여 엽니다. (안 보이면 상단 메뉴 View -> Terminal 클릭). 터미널에 다음 두 줄의 명령어를 순서대로 치고 엔터를 누릅니다.
1. pip install streamlit pandas (엔터 치면 라이브러리가 자동 설치됩니다) 2. streamlit run app.py (설치 완료 후 엔터를 치면 앱이 실행됩니다)
잠시 후 브라우저가 번쩍 열리며, 여러분이 직접 기획하고 AI가 만든 '영업 실적 분석기' 웹사이트가 눈앞에 나타납니다. 버튼을 눌러 테스트용 엑셀 파일을 업로드해 보세요. 그래프가 환상적으로 그려지는 것을 볼 수 있습니다.
5. 빨간 에러의 공포 극복: AI가 스스로 코드를 고치는 자동 디버깅(Fix)
개발을 하다 보면 반드시 터미널 창에 붉은색 글씨로 에러(Error)가 뜨는 순간이 옵니다. "ValueError", "IndentationError"... 과거의 비개발자들은 이 빨간 줄을 보는 순간 머리가 하얘지며 구글과 스택오버플로우를 뒤지다 포기하곤 했습니다.
하지만 커서 AI 환경에서는 이 '빨간 에러'가 전혀 무섭지 않습니다. 오히려 즐겁습니다.
터미널에 에러가 떴을 때 메시지에 마우스를 올려보십시오. 메시지 우측에 [Add to Chat(채팅에 추가)] 또는 [Fix(고치기)]라는 마법의 작은 버튼이 뜹니다. 이 버튼을 클릭하면 에러 코드가 우측 AI 채팅창으로 쏙 들어갑니다.
그러면 클로드(Claude)가 "아하, 업로드한 파일에 빈칸(Null)이 있어서 그래프를 그릴 때 에러가 났네요. 빈칸을 0으로 채우는 코드로 수정해 드리겠습니다."라며 원인을 스스로 진단하고, 올바른 코드를 즉시 내밀어 줍니다. 당신은 그저 [Apply(적용)] 버튼만 누르고 앱을 새로고침하면 됩니다. 에러 해결에 10초도 걸리지 않습니다.
6. 팀원들에게 툴 공유하기: Streamlit Cloud 무료 배포 가이드
내 컴퓨터에서 완벽하게 작동하는 사내 툴을 만들었습니다. 이제 이것을 다른 팀원들도 접속해서 쓸 수 있게 인터넷 세상에 올려주어야 합니다. 이를 '배포(Deployment)'라고 합니다.
보통 배포를 하려면 AWS나 웹 호스팅 서버를 사고 복잡한 세팅을 해야 하지만, 우리가 사용한 Streamlit(스트림릿)은 개발자들을 위한 100% 무료 클라우드 배포 플랫폼(Streamlit Community Cloud)을 제공합니다.
[간단 배포 프로세스 요약]
- 개발자들의 코드 저장소인 GitHub(깃허브)에 무료 회원가입을 하고, 내가 만든
app.py코드를 업로드합니다. (이 과정도 커서 AI 채팅창에 "깃허브에 코드 어떻게 올려?"라고 물어보면 하나씩 다 알려줍니다.) - Streamlit Cloud (share.streamlit.io)에 접속하여 깃허브 계정으로 로그인합니다.
- [New app] 버튼을 누르고, 방금 코드를 올린 깃허브 저장소(Repository)를 선택한 뒤 [Deploy]를 누릅니다.
- 풍선이 날아가는 애니메이션과 함께,
https://my-dashboard-app.streamlit.app같은 나만의 웹사이트 링크가 생성됩니다.
이제 이 링크를 복사해서 사내 슬랙이나 단톡방에 공지하십시오. "개발팀이 너무 바쁘다고 해서, 제가 주말에 짬 내서 엑셀 분석 자동화 툴 하나 만들었습니다. 이 링크로 쓰시면 됩니다." 당신은 그날부로 부서의 전설적인 에이스가 될 것입니다.
7. 코더(Coder)의 시대는 가고, 디렉터(Director)의 시대가 온다
불과 몇 년 전만 하더라도 코딩 학원에서는 "파이썬 for문(반복문) 문법을 외우고 타이핑하는 법"을 가르쳤습니다. 하지만 커서 AI의 등장으로 '단순히 코드를 타이핑하는 기술(Coding)'의 가치는 0에 수렴하고 있습니다.
기획자와 마케터인 여러분은 코드를 외울 필요가 없습니다. 다만, "우리 팀의 어떤 불편함(Pain point)을 소프트웨어로 해결할 것인가?"를 고민하고, 이를 AI에게 "논리적이고 명확한 한국어로 지시(Prompting)하는 능력"만 기르면 됩니다.
기다리지 말고 직접 창조하십시오. 오늘 밤, 넷플릭스를 끄고 커서 AI를 다운로드하여 여러분의 머릿속에만 있던 그 작은 아이디어를 세상에 꺼내보시길 바랍니다.
비개발자 필수 확인! 커서 AI & 노코드 개발 FAQ 7선
📌 관련 정보 출처 및 참고 자료
- Cursor AI 공식 홈페이지 및 에디터 다운로드
- Streamlit 공식 웹사이트 (파이썬 웹앱 프레임워크 및 무료 클라우드 배포)
댓글
댓글 쓰기