Log112 Figma-Cursor MCP 연결 기획이랑 개발 둘 다 하면서 피그마 디자인 파일 자체를커서랑 연동시켜서 바로바로 코드 변환해주는 건 안되나생각을 정말 많이 했는데 그게 이제 된다. ↓ Cursor to Figma MCPhttps://github.com/sonnylazuardi/cursor-talk-to-figma-mcp GitHub - sonnylazuardi/cursor-talk-to-figma-mcp: Cursor Talk To Figma MCPCursor Talk To Figma MCP. Contribute to sonnylazuardi/cursor-talk-to-figma-mcp development by creating an account on GitHub.github.com 여기서 우측 상단의 Code 버튼을 클릭해 Dow.. 2025. 6. 23. Claude&Notion MCP 연결 MCP는 만능 리모컨이라 생각하면 된다. 엑셀의 데이터를 GPT나 클로드에 붙여넣어서 데이터분석을 요청한 후결과값을 다시 내가 엑셀파일에 붙여넣어야했다면,이 수작업 없이 엑셀과 LLM을 연결해서 알아서 자료를 끌어와 처리까지 하도록 하는 두 툴 간의 연결고리라 보면 된다. 나는 업무 및 자동화에 잘 써먹고있다. 이번 글은 개인적으로 가장 많이 사용하는 LLM인클로드와 노션을 연결하는 방법이다. 먼저 클로드에서 설정 → 개발자 → 설정 편집을 클릭하면 claude_desktop_config.json 이름의 파일이 열린다. 아마 {} 이렇게만 입력이 되어있을텐데, 여기에 MCP 서버 설정을 붙여넣어주면 된다.개발 툴이 없다면 VS Code를 설치해서 편집하면 된다. MCP 서버 설정은 아래 링크에서 받을 .. 2025. 6. 23. [API Key] .env 파일에 숨기고 Vercel 배포 Vercel 오랜만에 사용한다. Google Maps API Key를 숨기고 Github에 Public으로 올려서 배포하려는데,방법을 까먹어서 다시 기록한다. .env 파일에 반드시 REACT_APP으로 시작해야하고,Quote""는 필요 없이 = API Key만 입력해준다. apiKey를 가져올 때는process.env.REACT_APP_ 이 형태로 가져와야 Vercel에서 오류가 안난다.const apiKey = process.env.REACT_APP_GOOGLE_MAPS_API_KEY; 이제 Vercel 환경설정에서 API Key를 등록해줘야하는데,Settings → Environment Variables → Key에 추가해주면 된다. 배포 완료👍 2025. 4. 21. [F.0o, F.lM, p.aI Error] Google Maps API 오류 ERRORundefined is not an object (evaluating 'F.Oo')@https://maps.googleapis.com/maps/api/js:1573:329ERRORundefined is not an object (evaluating 'F.lM')@https://maps.googleapis.com/maps/api/js:1577:348 Google Maps는 불러와지는데위 에러가 계속 발생한다. 정의되지 않은 undefined 객체를 참조하려고 할 때 발생하는 오류인데,주요 원인으로는 1. API Key 문제2. 비동기 로딩 문제 : API가 완전히 로드되기 전에 Maps 객체에 접근하려고 시도할 때 발생3. 콜백 함수 문제 : callback = initMap 파라미터를 사용할 때.. 2025. 4. 17. [v0 컴포넌트 설치] use --force / use --legacy-peer-deps 차이점 오랜만에 v0를 사용하는데,작년에 쓸 때랑 많이 달라졌다. npx shadcn add ""로 컴포넌트 설치를 하는데아래와 같이 "How would you like to proceed?" 질문과 함께use --force / use --legacy-peer-deps둘 중 고르라한다. npm과 같은 패키지 관리 도구 의존성 충돌을 해결하기 위해이 두 옵션을 사용한다는데,use --force 는 모든 의존성과 충돌을 무시하고 설치를 강행하는 것이고,use --legacy-peer-deps 는 이전(legacy)방식으로 peer dependencies 검증을 비활성화하여무시하고 설치하는 것이다. 최소한의 강제성을 가진 --legacy를 먼저 시도 후--force를 하는 게 좋을 듯 하다. 2025. 3. 9. Mac에서 Android Studio 에뮬레이터 사용 Android Studio 설치 후아래 화면에서 More Actions - Virtual Device Manager 클릭 하면 안드로이드 화면 뜨는데,실행하고싶은 apk 파일 드래그하면자동으로 어플 설치되면서 실행할 수 있다 2024. 12. 3. 이전 1 2 3 4 ··· 19 다음