본문 바로가기

전체 글122

Shrimp Task Manager : 워크플로우/프로세스 관리 MCP 여러개의 Task를 쪼개서 보다 정확하고 전문성있게 작업을 진행할 때 쓰는 MCP.AI가 "아무렇게나 코딩"하지 않고 "사람 개발자처럼 계획-분석-실행-검증"의 단계를 거쳐 체계적으로 개발할 수 있게 해주는 도구 Cursor 에 Shrimp Task Manager MCP 를 추가. 1. init_project_rules : 프로젝트 규칙이 있는 shrimp-rules.md 파일이 생성됨.init_project_rules나는 어떤 AI 툴과 맞을지 16가지 mbti 타입으로 분석해주는 웹앱을 만들고 싶어!- React + TypeScript + TailwindCSS- 캐릭터별 결과 페이지 필요, 소셜 공유 기능 포함- 애니메이션, 트랜지션 효과 2. plan_task:shrimp-rules.md 파일을 .. 2025. 8. 2.
Claude 에 Notion MCP 연결 오류 https://smithery.ai/ 에서 notion mcp 를 찾아서 claude app 에 연결이 잘 안됨. 다음과 같이 바꾸니 연결되었음. { "mcpServers": { "notion": { "command": "npx", "args": ["-y", "@notionhq/notion-mcp-server"], "env": { "OPENAPI_MCP_HEADERS": "{\"Authorization\": \"Bearer YOUR_NOTION_TOKEN\", \"Notion-Version\": \"2022-06-28\"}" } } }} 무언가 바뀐걸까? 2025. 8. 1.
MCP (Model Context Protocol) 가 뭐길래? MCP (Model Context Protocol) 완전 정복하기 🚀AI 개발자나 연구자라면 한 번쯤 들어봤을 법한 MCP(Model Context Protocol). 오늘은 이 신기한 프로토콜이 무엇인지, 그리고 클라이언트와 서버는 어떻게 작동하는지 쉽고 재미있게 알아보겠습니다!MCP가 뭐길래? 🤔**MCP(Model Context Protocol)**는 Anthropic에서 개발한 표준화된 프로토콜로, AI 모델과 다양한 외부 시스템 간의 안전하고 효율적인 연결을 가능하게 합니다.쉽게 말해서, AI가 외부 세계와 소통할 수 있도록 도와주는 번역기 겸 중개자 역할을 한다고 생각하면 됩니다.왜 MCP가 필요할까?기존에는 AI 모델이 외부 데이터나 서비스에 접근하려면:각각 다른 API와 통신 방식을 익.. 2025. 8. 1.
Cursor AI 코드 에디터 완전 가이드 🚀 Cursor AI 코드 에디터 완전 가이드AI 기반 코딩의 새로운 패러다임을 경험해보세요. Cursor의 강력한 기능들을 완벽하게 마스터하는 방법을 알아봅시다.💫 Cursor의 자동완성 기능Cursor의 가장 강력한 무기는 바로 AI 기반 자동완성 기능입니다. 기존의 단순한 코드 완성을 넘어서, 컨텍스트를 이해하고 의도를 파악하여 정확한 코드를 제안합니다.⚡ Tab 자동완성Tab 키를 사용하여 AI가 제안하는 코드를 즉시 적용할 수 있습니다. 함수명, 변수명은 물론 전체 코드 블록까지 지능적으로 완성해줍니다. 코드를 작성하다가 AI가 회색으로 제안하는 코드가 보이면, Tab 키 한 번으로 간편하게 적용할 수 있습니다.🎯 Ctrl + K 명령어Ctrl + K 단축키로 AI에게 직접 명령을 내릴 수.. 2025. 8. 1.
[Cursor] Please use Claude without thinking or use Chat 에러 Cursor 에서 로직 추천 기능(영역 선택 후 Ctrl + K)을 해보는 중에 다음과 같은 에러가 발생했다. "Please use Claude without thinking or use Chat" 나의 경우는 Cursor Pro로 바꾸기전에 설정했던 API 키들이 남아있어서였다. "With your Cursor Pro subscription, you do not need to use your own Open AI unless you're using custom models." 위의 토글을 끄니 정상적으로 추천기능이 동작하였다. 2025. 8. 1.
파이썬 (Selenium) vs JavaScript (Puppeteer) 차이점 값은 들어있는데 아무리 출력을 해도 node.js 에서는 console 이 터미널에 찍히지 않았다.왜일까? 궁금하던 중, 다음의 사실을 알게되었다. page.evaluate() 안의 코드는 브라우저 컨텍스트에서 실행되므로, 브라우저의 개발자 도구 콘솔에는 출력되지만 Node.js 터미널에는 보이지 않습니다.- claude 의 대답- 해결방법>page 객체 생성 이후, 다음의 코드를 넣어서 터미널에도 출력되게 한다. 파이썬과 JavaScript(Node.js)에서 웹 스크래핑할 때 console 동작이 다릅니다.파이썬 (Selenium) vs JavaScript (Puppeteer) 차이점파이썬 - Selenium pythonfrom selenium import webdriverdriver = web.. 2025. 7. 23.
React 의 단방향 흐름에 대해서 props 는 단방향인데 함수는 부모쪽에서 실행된다?헷갈려서 정리를 해보았다. 1. SearchBox 에 onSeach 라는 함수를 props 로 내려줌. onSearch 는 사실상 App.jsx 에 정의된 searchBus 이다. 2. 자식 SearchBox는 onSearch를 그냥 받은 props 로 호출만 함. 즉, SearchBox 는 busNumber, direction을 부모한테 보고만 한다. 3. busNumber, direction를 가지고 부모쪽 (App.jsx)의 searchBus 를 실행한다. 🔑 그래서 React 실무 패턴 상태(state)와 그 상태를 바꾸는 로직은 같은 컴포넌트에 있어야 한다! ✔️ 상태는 최대한 상위에!✔️ 상태 변경 함수도 같이 상위에!✔️ 자.. 2025. 7. 21.
React + Express Client 쪽 설정 1. server 쪽 api 설정(port) 2. 실제 호출 예시 Server 쪽 설정 1. client 쪽 라우터 연결 2. 실제 business logic 처리 부분 참고로 연결이 잘못된 경우 다음과 같은 에러가 난다.Client 쪽 console 에 에러가 표시됐다고 해서 꼭 그쪽 에러는 아니라, vite, express, route 까지 한군데라도 URL Mapping 오류가 생기면 다음과 같은 에러가 날 수 있으니위에 적은 부분을 천천히 살펴봐야한다! 2025. 7. 21.
gcloud 꼬였을 때 해결법 여러개의 gcp(회사, 개인 계정)를 사용할 때, gcloud 가 꼬여서 곤란한 상황이 생겼다.나의 경우엔 3개의 계정이 꼬여서 계속 403 에러를 뱉어냈다. 약 1시간을 헤매다가 겨우 해결! 그리고 다음번(?)을 위하여 gcloud 가 꼬였을때의 해결방법을 기록하고자 한다. 📌 1️⃣ 현재 상태 파악 1) 현재 활성 계정 확인 : 현재 누구로 인증되었는지 확인( *표시)gcloud auth list 계정이 여러개 있어도 * 표시 된 account 만 활성화 된 것임. 2) 현재 config 프로필, 프로젝트, 계정 확인 : 지금 어떤 프로젝트, 계정, 리전 쓰고 있는지 gcloud config list 📌 2️⃣ 계정 문제면 ✅ (1) 원하는 계정으로 전환gcloud config set acc.. 2025. 7. 15.
반응형

티스토리툴바