Cursor로 웹사이트 만들기 — 포트폴리오 사이트

Basic 약 20분활용 사례

코딩을 몰라도 Cursor로 자신만의 포트폴리오 웹사이트를 만들 수 있습니다. AI에게 원하는 디자인을 설명하면 HTML·CSS를 자동으로 작성해줘요.

Cursor 없다면? 이걸로도 돼요

GitHub Copilot

Windsurf

Claude Code

Cursor 열기

cursor.com

STEP 1 / 4…

STEP 1. 프로젝트 폴더 만들고 Cursor로 열기

Cursor — AI Code Editor

탐색기

my-project

index.ts

app.py

utils.py

README.md

app.py

utils.py

from flask import Flask, request

app = Flask(__name__)

# Cursor AI: JWT 인증 추가됨

@app.route("/api/login", methods=["POST"])

Cursor

Chat

Composer

이 Flask 앱에 JWT 인증을 추가해줘

적용 완료

jwt 패키지를 설치하고 /api/login 엔드포인트를 생성했어요. 토큰 만료는 24시간으로 설정했습니다.

변경 파일

app.py +12 -0

requirements.txt +1

코드 질문하기...⌘K

바탕화면 폴더 생성 → Cursor Open Folder → Cmd+I → 포트폴리오 요청 입력

바탕화면에 'my-portfolio'라는 폴더를 새로 만듭니다. Cursor를 실행하고 'Open Folder'를 클릭해 방금 만든 폴더를 선택합니다. Composer(Cmd+I / Ctrl+I)를 열고 '개인 포트폴리오 웹사이트를 만들어줘. 내 이름은 홍길동이고 UX 디자이너야. 심플하고 모던한 디자인으로 해줘. 섹션은 소개, 프로젝트, 연락처로 구성해줘.'라고 입력합니다.

원하는 색깔, 폰트 스타일, 레이아웃을 구체적으로 요청할수록 만족스러운 결과가 나와요. 참고 사이트 URL을 알려줘도 됩니다.

이 단계를 완료했나요?