Cursor AI로 만들면서 배우는 Web & Javascript
나만의 기술을 가지고 싶으신 분, 웹 개발을 차근차근 배워보고 싶으신 분에게 추천드립니다. 웹 브라우저와 언어의 역사부터 가르쳐드립니다.
수강생 99명
난이도 입문
수강기한 무제한



< 위 자료는 이미지입니다. 영상이 아니라서 클릭이 안됩니다. >
안녕하세요! 주말코딩입니다.
Cursor AI에 큰 변화가 생겼습니다.
클러드 코드 전체 소스코드의 유출 이후로,
전세계의 모든 코딩 에이전트들이 크게 진화하고 있다는 생각이 듭니다.
v3.0 업데이트 이후로 제 강의도 전체 풀 체인지 급으로 새로 작성되어 업데이트 될 예정이오니,
많은 기대와 응원 부탁드립니다!
아래는 정리된 내용입니다.
Cursor v3.0 변경점 직접 보러가기 >> 링크
< 🚀 Cursor v3.0 주요 업데이트 정리 >
이번 Cursor 3.0 발표로 인하여 전체 유저 인터페이스가 변경이 되었습니다.
아래 내용은 정리한 내용입니다.
🧠 새로운 Cursor 인터페이스 (Agent 중심 구조)
Cursor 3.0에서는 전체 인터페이스가 에이전트 중심으로 재설계되었습니다.
새로운 에이전트 창(Agents Window)을 통해 로컬, 워크트리, 클라우드, 원격 SSH 등 다양한 환경에서 여러 에이전트를 동시에 실행할 수 있습니다.
기존처럼 하나의 작업 흐름에 집중하는 방식이 아니라, 여러 작업을 병렬로 수행하고 관리할 수 있는 구조로 변경되었습니다.
또한 언제든 기존 IDE 화면으로 전환하거나, 두 환경을 동시에 사용하는 것도 가능합니다.
🎯 Design Mode: UI를 직접 지정하는 방식
Cursor 3.0에서는 Design Mode 기능이 추가되어, 브라우저에서 UI 요소를 직접 지정하여 에이전트에게 작업을 요청할 수 있습니다.
특정 영역을 드래그하거나 요소를 클릭하여 정확한 대상 지정이 가능하며, 이를 통해 에이전트가 어떤 부분을 수정해야 하는지 명확하게 이해할 수 있습니다.
이 기능은 피드백 정확도를 높이고 반복 작업 속도를 개선하는 데 중요한 역할을 합니다.
🧩 에디터 내 Agent 탭 지원
Cursor 3.0에서는 에디터 내부에 Agent 탭이 추가되어 여러 채팅을 동시에 확인할 수 있습니다.
각 에이전트의 작업을 나란히 또는 격자 형태로 배치하여 비교하거나 관리할 수 있으며,
여러 작업 흐름을 동시에 추적할 수 있는 환경이 제공됩니다.
⚙ 에디터 기능 변경 (워크트리 & 실행 방식 개선)
Cursor 3.0에서는 작업 실행 방식과 관련된 주요 기능이 변경되었습니다.
새로운 /worktree 명령어를 통해 변경 사항을 격리된 상태로 적용할 수 있으며,
/best-of-n 명령어를 통해 여러 모델의 결과를 병렬로 실행한 뒤 비교할 수 있습니다.
기존 워크트리 및 best-of-n 선택 기능은 제거되었으며, 에디터 내 클라우드 에이전트도 더 이상 제공되지 않습니다.
🔌 Plugin & MCP 기능 개선
Cursor 3.0에서는 MCP 기반 기능이 강화되었습니다.
MCP 앱이 구조화된 콘텐츠를 지원하게 되어, 더 풍부한 형태의 도구 출력이 가능해졌습니다.
또한 기업 환경에서는 타사 플러그인 가져오기가 기본적으로 비활성화되며, 관리자가 명시적으로 설정해야 사용할 수 있도록 변경되었습니다.
🏢 Enterprise & Teams 기능 강화
Cursor 3.0에서는 기업 및 팀 단위 기능도 강화되었습니다.
감사 로그에 디렉터리 그룹 이름이 추가되어 사람이 읽기 쉬운 형태로 개선되었으며,
팀 시크릿 관리 권한을 Admin으로 제한하는 설정이 추가되었습니다.
또한 “Made with Cursor” 코드 기여 표시를 팀 단위로 비활성화할 수 있는 기능이 제공됩니다.
🧩 정리
Cursor 3.0은 단순 기능 추가가 아니라,
👉에이전트를 중심으로 개발 환경 전체를 재구성한 업데이트입니다.
Composer2 - Cursor가 발표한 역대급 LLM 모델
엄청난 소식이 있어서 공유드립니다.

이제 Cursor에서 Composer 2를 사용할 수 있습니다.
코딩 성능은 최첨단 수준이며, 가격은 입력 토큰 100만 개당 0.50, 출력토큰100만개당 2.50으로,
지능과 요금의 새로운 최적 조합을 제공합니다.
프런티어급 코딩 지능
모든 벤치마크에서 우수하게 점수를 획득했습니다.


각 벤치마크에 대한 설명입니다.
CursorBench
Cursor가 직접 만든 시험입니다. "우리 툴에서 실제로 잘 쓰이는지" 자기네가 직접 테스트하는 거라 생각하면 됩니다. 예를 들어 "이 버그를 고쳐줘", "이 기능을 추가해줘" 같은 실제 개발 작업을 AI에게 시키고 얼마나 잘 해결하는지 점수를 매깁니다. 자사 기준이라 다소 유리하게 설계될 수 있다는 한계는 있습니다.
Terminal-Bench 2.0
터미널(검은 화면에 명령어 치는 것)에서 AI가 얼마나 잘 작동하는지 테스트합니다. 예를 들어 "서버를 설정하고, 패키지를 설치하고, 테스트를 돌려서 결과를 확인해"처럼 여러 단계를 순서대로 수행해야 하는 작업을 줍니다. 클릭 한 번으로 끝나는 게 아니라 명령어를 여러 번 연속으로 실행해야 하는 상황이라, AI의 "혼자서 일을 이어가는 능력"을 봅니다. Claude Code나 Codex 같은 코딩 에이전트들과 같은 기준으로 비교할 수 있어 신뢰도가 있습니다.
SWE-bench Multilingual
AI 분야에서 가장 권위 있는 코딩 벤치마크 중 하나입니다. 실제 오픈소스 프로젝트의 GitHub 이슈(버그 리포트)를 가져와서 AI가 직접 코드를 수정해 문제를 해결하게 합니다. "이 라이브러리에서 이런 에러가 나는데 고쳐줘"를 던져주면 AI가 코드를 분석하고 수정 패치를 만들어내는 식입니다. Multilingual이 붙은 건 Python뿐 아니라 Java, TypeScript, Go 등 여러 언어를 포함한다는 뜻입니다. 외부 기관이 관리하는 객관적인 시험이라 업계에서 가장 많이 인용됩니다.
Pro 이상의 요금제에서 사용가능합니다.
Tab으로만 개발하는 개발자에게는 $20 요금제로도 충분합니다.

Composer 2 사용해 보기
Composer 2의 가격은 입력 토큰 100만 개당 0.50, 출력 토큰 100만 개당 2.50입니다.
또한 동일한 수준의 지능을 제공하는 더 빠른 버전도 있습니다.
이 빠른 버전을 기본 옵션으로 제공할 예정입니다. 자세한 내용은 model docs에서 확인하세요.


안녕하세요! 주말코딩입니다.
오늘도 열심히 문법과 코드를 공부하고 계신 분들!
여러분들이 원하시는 바 모두 이루시길 바랍니다.
이번에 신규 강의를 오픈하게 되어 할인 소식과 함께 링크 전달드립니다.
강의 바로가기 ⬇︎
https://inf.run/Nq1UX
저는 원래 할인을 잘 안하는 지식공유자이다보니,
제 수강생 분이라면 도움이 필요하시면 지금이 좋은 기회라고 생각합니다.
강의는 맥북(macOS)을 세팅하는 과정으로,
맥북으로 개발을 입문하고 싶지만 세팅하는 방법을 모르시는 분들께 큰 도움이 될 겁니다.
도움이 될 강의인지 한 번 살펴봐주세요. 😃


강의는 앞으로 계속 업데이트 됩니다.
현재는 챕터가 31개이지만,
향후 더 많은 콘텐츠 업로드를 계획하고 있습니다!

안녕하세요! Cursor 강좌 수강생 분들.
주말코딩입니다.
강의를 만들 때도 각오했지만, 이정도로 Cursor의 기능 업데이트 속도가 빠를 줄은 몰랐습니다 ㅠㅠ
(괜히 강의를 낸 것 같다는 생각이...)
아직까지 IDE 시장에서는 Cursor가 1위로 보입니다.
저 나름대로 하나의 프로젝트를 다양한 IDE로 해봤습니다.
윈드서프, Warp, 구글의 Antigravity까지 모두 사용해봤지만
아직까지 모델을 왔다갔다하면서 편하게 여러 기능을 사용할 수 있는 것은 Cursor가 최고가 아닌가 싶습니다.
새로운 모델이 출시하면 적용도 굉장히 빠르고, 가끔씩은 최신 모델 일주일 무료까지 해주니까요.
이번 업데이트에서 가장 역대급은 "프론트엔드" 영역으로 보입니다.

브라우저 레이아웃을 보여주고, 실시간으로 보고 변경할 수 있습니다.
변화되는 속성을 즉시 보여준다는 것에서 개발자에게는 매우 유용한 기능이 될 것입니다.
그 외에 플랜 모드가 달라졌고, 멀티 에이전트 평가가 생겼습니다.
v2.2 기준으로는 브라우저 레이아웃, 플랜 모드, 그리고 새로 생겼던 Agent 탭에 대해서 다뤄서 강좌를 업데이트할 예정입니다.
인프런에서 Cursor 관련 1등 강좌가 되기 위해서 끝까지 업데이트를 추적해보겠습니다.
나중에 Cursor가 시장에서 밀리거나, 압도적인 IDE가 나오게 되면 강의 업데이트를 중단할 예정이오니,
그 전까지는 꾸준히 수강 부탁드립니다..^^
+) 추가로, 미국 스탠포드 대학교에서 현대 소프트웨어 개발자라는 새로운 컴퓨터 공학 코스를 만들었다고 합니다. 보니까 Agent coding과 LLM을 활용한 개발 부분이 상당히 많습니다. 한 번 읽어보시기를 권장드립니다. (Syllabus 부분)

Cursor 팀에서 10월 29일에 Cursor 버전 2.0을 발표했습니다.
v1.7 기준으로 강의를 업데이트 한 지가 며칠 밖에 안되었는데 벌써 이렇게 바뀌네요.
저 또한 새로운 기능을 기대하고 열심히 공부하는 사람으로서,
끊임없이 LLM 기반 코드 에디터가 변하고 있다는 사실이 기쁩니다.
개발자로서 더 많은 생산성을 기대할 수 있고, 그만큼 개인이 사회에 임팩트를 크게 낼 수 있는 기회가 될테니까요.
크게 2가지 발표를 했습니다.
첫 번째는 컴포저(Composer)라는 것을 발표했습니다.
동급 지능 모델보다 4배는 빠른 가장 앞선 모델이라고 합니다.

두 번째는 멀티 에이전트 인터페이스입니다.

이제는 파일 중심이 아니라 에이전트 중심으로 에디터가 설계되어 더욱 집중할 수 있는 환경을 보여준다고 합니다. LLM이 어떤 도구를 실행할 지를 정확히 판단하여 업무를 수행할 수 있을지는 우려가 되지만, 이번 업데이트를 통해 결국은 에이전트 기반의 세상이 도래하지 않을까 싶습니다.
그 외에 git 워크트리나 원격 머신을 활용해서 여러 에이전트를 간섭 없이 병렬로 실행할 수 있게 되었다고 합니다.
자세한 내용은 아래에서 확인하실 수 있습니다.
안녕하세요,
오늘도 열심히 개발하고 계실 수강생분들.
LLM 코드 에디터 시장의 경쟁이 나날이 치열해지고 있습니다.
하지만 아직까지도 저는 Cursor가 가장 기능 업데이트가 빠르고 앞서 나간다고 생각하고 있고요.
이전에 있던 0.48 버전의 영상을 제거하고, 많이 바뀐 기능으로 새로 촬영하여 영상을 업데이트 했습니다.
Plan모드와 @명령어를 통한 맥락 제공 기능을 제외하고는 대부분의 주요 기능으로 업데이트 했습니다.
앞으로도 계속 개선되는 강의로 유지할 예정이니,
Cursor를 통해 더 많은 프로젝트를 진행할 수 있도록 많은 수강과 질문 부탁드립니다.
감사합니다.

1. 강의 업데이트 안내
안녕하세요, Cursor로 만들면서 배우는 Web & JS 수강생 여러분.
최근에 마지막 프로젝트(퀴즈)를 모두 업로드 했다가 영상을 다시 내렸습니다.
제가 이 강의를 시작할 때는 0.5xx 버전이었던 Cursor가 현재는 1.7 버전이 되었습니다.

그동안 LLM 모델에도 수많은 발전이 있었습니다.
Claude Sonnet 4.5 버전이 나왔고, GPT-5에 Grok Code fast 모델이 나왔습니다.

그동안 Background Agent, MCP, Todo, Plan, Cursor CLI 등 다양한 기능이 Cursor에 추가되었고
본격적으로 다룰 시간이 없었습니다. 그래서 강의 전체적으로 Update를 진행하려고 합니다.
저는 과거에는 네이티브 안드로이드 앱 개발자였고, 요즘은 풀스택으로 SaaS를 개발하고 있습니다.
여러 경험을 하면서 제가 업로드한 기본적인 프로젝트로는 스스로 정한 강좌 퀄리티에 미치지 못한다고 생각했습니다.
그래서 좀 더 큰 범위의 프로젝트를 체계적으로 만들어 업데이트를 할 계획을 가지고 있습니다.
이 강좌는 본래 완성된 이후에 가격을 인상할 예정으로 시작했기 때문에,
빨리 완성하고 가격을 올리는 것이 개인적으로는 좋았겠지만
저는 이 강좌를 하루 이틀만 업로드하고 끝낼 것이 아니라
AI툴이 발전하면서 계속 개선하고 유지보수할 생각이기에 미래의 저를 위해서도
좀 더 구체적이고 체계적인 영상 업로드를 해두는 것이 좋겠다고 결론 지었습니다.
그래서 마지막 프로젝트를 좀 더 구체적으로 챕터를 구성하여 업로드 예정이며,
실전 프로젝트가 아닌 섹션 12 (Web APIs)는 이번 주 내에 모두 업로드 예정입니다.
2. 업로드 일정 (빠른 순서대로)
Web APIs : ~10월 내
프로젝트 세번째: ~11월 31일
섹션 7 - Cursor의 기능 최신버전으로 전체 업데이트: 11월 중
3. 강의 추가 챕터 예정
이 외에도 이 강의에는 프롬프트 작성하는 방법과 프롬프트 예제를 텍스트 파일로 함께 업로드하여 챕터 추가 예정입니다.
제가 원하는 퀄리티의 강의로 완성한 이후로는 15~16만원대로 강의 가격을 인상할 계획입니다.
4. 그 외
프론트엔드 영역을 이 강좌로 끝낸 이후에는 서버(백엔드)측 프로그램을 작성하는 강좌와 풀스택 강좌를 출시 예정입니다.
AI 시대에는 장기적으로 모든 사람이 자신만의 서비스를 만들 수 있게 될 것이라고 생각하기 때문에
먼저 소프트웨어 개발을 접한 사람으로서, 개개인을 모두 창업자로 만드는 데에 일조하고 싶습니다.
사과의 말씀
끝으로, 계속 영상 업로드가 늦어져서 정말로 죄송하다는 말씀드립니다.
깊은 사과의 말씀드리며 결제 해주신 여러분들의 도전과 마음이 아깝지 않도록
최선을 다해서 제가 알고 있는 것들을 시각화하고 자세히 설명하는 영상으로 만들도록 하겠습니다.
항상 응원해주시는 분들 감사드리며, 행복한 연휴 보내시기를 기원하겠습니다.
주말코딩 올림.
Cursor AI는 https://www.cursor.com/changelog 에서 자체 업데이트 로그를 업로드합니다.
계속 팔로우업 하기 어려운 분들을 위하여 번역본을 공유드립니다.
간소화된 가격 체계, 백그라운드 에이전트, 새로워진 인라인 편집
요청 기반의 통합 가격, 모든 최상위 모델에서 사용할 수 있는 Max 모드, 그리고 병렬 작업을 위한 백그라운드 에이전트를 소개합니다.
또한 @folders로 더 편리해진 컨텍스트 관리, 옵션이 늘어난 인라인 편집(Inline Edit), 더 빠른 파일 편집, 멀티-루트 워크스페이스 지원, 내보내기·복제 기능이 추가된 채팅 등 다양한 개선 사항을 확인해 보세요.1. 더 간단해진 통합 가격
여러분의 피드백을 반영해 혼란을 줄이고자 가격 체계를 통합했습니다.
모든 모델 사용량이 요청(Request) 단위로 통일됩니다.
Max 모드는 토큰 기반 과금(모델 API 방식과 유사)으로 변경됩니다.
프리미엄 툴 호출과 롱 컨텍스트 모드는 단순화를 위해 제거되었습니다.
Hobby / Pro / Business 요금제의 할당량과 느린 요청(Slow requests) 혜택은 그대로입니다.
모든 사용 내역은 대시보드에서 확인할 수 있어 지출 관리가 수월합니다.
2. 모든 최상위 모델용 Max 모드
Cursor의 모든 최신(state-of-the-art) 모델에서 Max 모드를 사용할 수 있습니다.
신규 모델이 추가될 때도 Max 모드로 곧바로 최대 성능을 누릴 수 있습니다.언제 사용하나요?
더 넓은 컨텍스트, 높은 지능, 툴 활용이 꼭 필요할 때
복잡한 문제 해결이나 대규모 리팩터링 등
과금 방식: 사용한 토큰 수에 비례해 과금
주의: 구버전 Cursor에서는 기존 MAX 버전·롱 컨텍스트 모드를 잠시 더 쓸 수 있지만 곧 지원 종료 예정입니다. 최신 버전으로 업데이트하시길 권장합니다.
3. 새로운 Tab 모델
여러 파일에 걸친 변경을 제안할 수 있도록 새 Tab 모델을 학습했습니다.
특화 영역: 리팩터링, 편집 체인(edit chains), 다중 파일 수정, 관련 코드 간 점프
체감: 더 자연스럽고 빠른 완성 제안
보너스: 완성 제안에 문법 하이라이트 추가
4. 백그라운드 에이전트 (프리뷰)
에이전트를 백그라운드에서 실행해 여러 작업을 병렬로 처리할 수 있습니다.
각 에이전트는 자체 원격 환경에서 동작
진행 상황 확인, 후속 메시지 전송, 직접 제어 모두 가능
내부 테스트에서는 “자잘한 수정”, “조사 작업”, “중간 크기 PR 초안 작성” 등에 유용했습니다.
5. 코드베이스 전체를 컨텍스트에 포함하기
@folders 사용 시, 전체 폴더를 컨텍스트로 추가 가능
Settings ▸ Full folder contents 활성화 필요
폴더/파일이 너무 크면 컨텍스트 알약(pill)에 작은 아이콘으로 표시
6. 새로워진 인라인 편집(Cmd/Ctrl + K)
UI 개선 및 신규 옵션 추가
전체 파일 편집 (⌘⇧⏎)
선택 코드 블록을 에이전트로 전송 (⌘L)
간단한 범위 변경은 전체 파일 편집으로, 멀티 파일 수정이나 더 세밀한 제어가 필요할 땐 에이전트로 전송하세요.
7. 긴 파일도 빠르게 편집
에이전트에 검색 & 치환 도구를 추가했습니다.
긴 파일에서도 전체를 읽지 않고 필요 부분만 찾아서 수정
예) Postgres 코드베이스 편집 시 약 2배 속도 향상
Anthropic 모델부터 적용, 추후 확대 예정
8. 멀티-루트 워크스페이스
다중 코드베이스를 한 공간에서 작업하세요.
여러 폴더를 하나의 워크스페이스에 추가 → 전부 인덱싱
서로 다른 프로젝트를 동시에 다룰 때 이상적
.cursor/rules 도 모든 폴더에서 지원
9. 채팅 기능 강화
기능 설명 채팅 내보내기 채팅 화면에서 Markdown 파일로 내보내기 – 텍스트·코드 블록 포함 채팅 복제 메시지 우측 ⋯ 메뉴 → 새 채팅으로 복제하여 대화 흐름을 여러 갈래로 실험
그 외 사항
단축키
기능 단축키 인라인 편집에서 전체 파일 수정
Cmd / Ctrl + Shift + K개선사항
에이전트가 네이티브 터미널 에뮬레이션 사용 (기존의 가상 터미널 방식 대신)
@folders: 컨텍스트에 들어갈 수 있는 모든 파일 자동 포함 시도
컨텍스트 상태 아이콘: 챗에서 파일이 누락·축약되었는지 한눈에 확인
MCP 설정에서 개별 MCP 도구 비활성화 가능
새로운 C# 확장이 마켓플레이스에 출시
채팅 글꼴 크기를 설정에서 확대 가능
앱 내에서 자세한 변경 로그(changelog) 확인 가능
계정 관련
Claude 3 Opus의 하루 10회 무료 요청 혜택이 제거되었습니다.
패치
버전 상태 주요 내용 0.50.1프리릴리스백그라운드 에이전트 이용 가능






