본문 바로가기

분류 전체보기157

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.
Mac OS Oracle Database 설치 SQLD 시험이 얼마 안남았다.슬슬 시동 걸어보려고 하는데, 오라클 설치부터 난관이다. 일단 내 맥북은 M2다.사양에 따라 호환이 안되기도 하니 확인부터 해야 삽질 덜 한다. Oracle Database는 Windows나 Linux 기반에 최적화되어있어Mac OS에 직접 설치하려면 Linux를 가상머신에 설치하고 그 안에 Oracle을 설치해야한다. 그래서 Oracle이 설치된 리눅스 환경을 통째로 컨테이너로 실행시킬 수 있는 Docker를 사용할건데,아래 Docker부터 다운받는다.https://www.docker.com/products/docker-desktop/ Docker Desktop: The #1 Containerization Tool for Developers | DockerDocker .. 2025. 5. 15.
[favicon] favicon.ico 변환 및 변경 사이트 Favicon은 탭 바, 북마크 등에 표시되는 작은 아이콘으로특정 웹사이트임을 식별하게 해준다.https://favicon.io/favicon-converter/#google_vignette Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for your website for free!favicon.io 여기가 사용도 편하고 화질도 덜 깨지게 잘 나와서위 사이트에서 png를 ico로 변환했다. 2025. 4. 21.
[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.