Cursor AI로 만들면서 배우는 Web & Javascript

안녕하세요! 주말코딩입니다.

오늘도 열심히 문법과 코드를 공부하고 계신 분들!

여러분들이 원하시는 바 모두 이루시길 바랍니다.

이번에 신규 강의를 오픈하게 되어 할인 소식과 함께 링크 전달드립니다.

강의 바로가기 ⬇︎

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 부분)

https://themodernsoftware.dev/

Cursor 팀에서 10월 29일에 Cursor 버전 2.0을 발표했습니다.

v1.7 기준으로 강의를 업데이트 한 지가 며칠 밖에 안되었는데 벌써 이렇게 바뀌네요.

저 또한 새로운 기능을 기대하고 열심히 공부하는 사람으로서,

끊임없이 LLM 기반 코드 에디터가 변하고 있다는 사실이 기쁩니다.

개발자로서 더 많은 생산성을 기대할 수 있고, 그만큼 개인이 사회에 임팩트를 크게 낼 수 있는 기회가 될테니까요.

크게 2가지 발표를 했습니다.

첫 번째는 컴포저(Composer)라는 것을 발표했습니다.

동급 지능 모델보다 4배는 빠른 가장 앞선 모델이라고 합니다.

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

이제는 파일 중심이 아니라 에이전트 중심으로 에디터가 설계되어 더욱 집중할 수 있는 환경을 보여준다고 합니다. LLM이 어떤 도구를 실행할 지를 정확히 판단하여 업무를 수행할 수 있을지는 우려가 되지만, 이번 업데이트를 통해 결국은 에이전트 기반의 세상이 도래하지 않을까 싶습니다.

그 외에 git 워크트리나 원격 머신을 활용해서 여러 에이전트를 간섭 없이 병렬로 실행할 수 있게 되었다고 합니다.

자세한 내용은 아래에서 확인하실 수 있습니다.

https://cursor.com/blog/2-0

안녕하세요,

오늘도 열심히 개발하고 계실 수강생분들.

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. 업로드 일정 (빠른 순서대로)

1. Web APIs : ~10월 내

2. 프로젝트 세번째: ~11월 31일

3. 섹션 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 버전·롱 컨텍스트 모드를 잠시 더 쓸 수 있지만 곧 지원 종료 예정입니다. 최신 버전으로 업데이트하시길 권장합니다.

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

개선사항

1. 에이전트가 네이티브 터미널 에뮬레이션 사용 (기존의 가상 터미널 방식 대신)

2. @folders: 컨텍스트에 들어갈 수 있는 모든 파일 자동 포함 시도

3. 컨텍스트 상태 아이콘: 챗에서 파일이 누락·축약되었는지 한눈에 확인

4. MCP 설정에서 개별 MCP 도구 비활성화 가능

5. 새로운 C# 확장이 마켓플레이스에 출시

6. 채팅 글꼴 크기를 설정에서 확대 가능

7. 앱 내에서 자세한 변경 로그(changelog) 확인 가능

계정 관련

• Claude 3 Opus의 하루 10회 무료 요청 혜택이 제거되었습니다.

패치

버전 상태 주요 내용 0.50.1프리릴리스백그라운드 에이전트 이용 가능

안녕하세요, 주말코딩입니다.

요새 Cursor AI의 업데이트가 계속 빨라지고 있고, 웹 개발의 생태계도 무섭게 변하고 있습니다.

이전에 촬영해뒀던 환율 프로젝트와 퀴즈 사이트 개발을 새로운 Cursor AI의 버전으로 재촬영하여 업로드할 예정입니다.

또한 한국수출입은행에서 제공하는 환율 API의 경우 클라이언트에서 직접 호출하면 CORS 정책으로 인해 호출이 안되기 때문에 Google Apps Script를 통해 구글의 서버를 이용하는 방식으로 프로젝트를 개선 중에 있습니다.

좀 더 나은 강의 영상과 퀄리티 있는 프로젝트 개발 실습을 선보이기 위해서 4월 말 업로드 예정이었던 영상을

5월 말~6월 초에 업로드하는 것으로 연장하게 되었습니다.

너른 양해 부탁드리며, 이 강좌는 5월 말 업로드 이후 가격이 인상될 예정이었으나

영상 업로드 일자 연장으로 인해서 6월부터 가격을 인상할 예정입니다.

강의가 완성되기 전에 구매하신 분들에게 최대한 혜택을 드리기 위함이오니

구매를 원하시는 분들은 그전에 구매를 해주시면 되겠습니다.

항상 좋은 내용의 강의를 위해서 최선을 다하겠습니다. 감사합니다.