Cursor로 첫 크롬 확장 프로그램
브라우저의 불편함을 직접 고쳐보고 싶은 코딩 초보자에게 맞아요. 개발 환경을 설정하고 빠른 검색, 블로그 편집, 유튜브 제어 확장 프로그램을 만들어봐요.
공간: 바이브 코딩 · 8편
- AI로 크롬 익스텐션을 개발하기 위한 개발 환경 설정 — 명랑한 고슴도치 ·
소개 크롬 익스텐션 스터디를 시작하면서 처음 코딩을 시작하는 분들도 쉽게 크롬 익스텐션 개발 환경을 설정할 수 있도록 하기 위해서 작성하였습니다. 진행 방법 필수 준비 사항 Chrome 브라우저 다운로드 및 설치 firefox, arc 등 크로미움 브라우저들과 호환 가능하지만 가급적… - 코딩알못이지만 Cursor로 '집중 모드' 크롬익스텐션 만들기 — 배고픈 판다 ·
1️⃣ 기획 아이디어 - ChatGPT 그래서 챗지피티한테 물어보았습니다. 프롬프트 간단한 크롬익스텐션을 개발해보고 싶어요. 아주 간단하게 개발할 수 있는 크롬익스텐션 아이디어를 주세요. 위 결과가 나와서 그중 2번, '포커스 모드 익스텐션'을 하기로 했습니다. 포커스모드 익스텐션을… - 🚀 비개발자의 크롬 확장프로그램 도전기: GPT와 커서(Cursor)로 시간 단축하기 — 다정한 거위 ·
안녕하세요! 😊 저는 비개발자로서 AI를 활용하며 다양한 자동화를 시도하고 있어요. 하지만 기존에는 시간이 너무 많이 걸리고, 끈기가 필요한 작업들이 많았어요. 중간에 포기하는 분들도 종종 봤고요. 그러던 중 성장피터님의 ‘커서를 활용한 크롬 확장프로그램 만들기’ 스터디를 청강으로… - 웨일 브라우저 퀵서치 기능 카피해서 Cursor AI로 크롬익스텐션 만들기 — Rin ·
소개 웹 분야는 전혀 해본 적이 없는 비 개발자와 비슷한 수준의 현직 개발자입니다. 성장 피터님의 '크롬 익스텐션 만들기'가 과연 가능할 까 싶었는데 OT를 하고 난 이후 자신감이 생겼습니다. 생성하는 방법은 의외로 간단해서 Cursor AI를 이용하면 충분히 될 것 같아서 도전을 해… - 🧠 문과생도 Cursor AI로 만든 첫 Chrome Extension 개발기(feat. 성장피터님 덕분에 한뼘 더 성장했습니다.) — 유쾌한 사슴 ·
### 1. 계기와 배경 🎓 저는 개발을 전공하지 않은 문과생이에요. 하지만 요즘 AI 도구들이 워낙 잘 되어 있어서, "기획력만 있다면 나도 뭔가 만들어볼 수 있지 않을까?" 라는 마음으로 도전했어요. 이번 프로젝트의 목표는 Chrome Extension을 직접 기획하고 개발하는… - 크롬익스텐션으로 네이버블로그 글쓰기 도우미만들기 — 궁금한 사서 ·
소개 네이버블로그 글을 작성할 때 마크다운도 적용안되니, 뭔가 꾸미려면 정성을 다해 마우스로 하나씩 클릭을 해야합니다. 원래 글은 정성을 다해 써야죠. 암요. 글을 복사해와서 붙혀넣기한 다음, 중간중간에 있는 타이틀을 소제목으로 바꾸고 싶은데!! 왼쪽 상단으로 멀리 갔다가 다시 본문으… - MCP? 그냥 AI를 위한 확장 프로그램이라고 생각하세요! — 명랑한 고슴도치 ·
*본 게시물은 Clauders 사례 게시글 도우미와 함께 작성되었습니다. MCP는 도대체 뭘까? 요즘 AI 관련 커뮤니티에서 "MCP"라는 단어를 자주 보셨을 거예요. MCP는 Model Context Protocol의 줄임말로, 다양한 툴(Slack, Gmail, 크롬 브라우저 등)… - 크롬 익스텐션 클론하는 세가지 방법 — 명랑한 고슴도치 ·
※ 주의 소스 코드는 창작성이 인정되는 표현물로, 저작권 보호를 받는 대상입니다. 따라서 다른 사람의 소유 코드를 허락 없이 복제하거나 배포하는 행위는 중대한 저작권 침해로 이어질 수 있습니다. 아래 안내드리는 방식은 반드시 학습 목적으로만 제한적으로 활용하시길 권장드립니다. 소개 크…