반응형 내가 경험한 것/28 클로드에서 figma-mcp 이용하기 intellij mcp server 에 이어서 figma-mcp 도제 클로드 데스크탑에 연동을 해보겠습니다! figma-mcp github 링크 1. 피그마 토큰 발급프로필 메뉴 > Settings > Security > Personal access tokens 상황에 맞게 필요한 권한을 선택해주고토큰을 발급해주세요. 2. 클로드 데스크탑에 설정 추가 클로드 설정(command + ,) > 개발자 탭 > 설정 편집 > 설정 파일 열기아래의 설정을 추가해주세요.{ "mcpServers": { "Framelink Figma MCP": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=", "--st.. 2025. 3. 29. Cursor 없이 MCP 사용하기 (with intelliJ) mcp tutorial 을 검색하면 항상 Cursor 튜토리얼만 나와서claude, chatgpt 결제 중인데 커서도 써봐야하나... 싶었는데! 찾아보니까 인텔리제이에서도 사용가능한 mcp server 가 있었고사용해보니까 신기했다! MCP 란?MCP는 "Model-Context-Protocol"의 약자입니다. JetBrains IDE에서 사용하는 이 프로토콜은 외부 애플리케이션(여기서는 Claude Desktop)과 JetBrains IDE 간의 통신을 가능하게 해주는 중간 계층 역할을 합니다. 1. 인텔리제이 에서 "Mcp Server" 플러그인 다운로드https://plugins.jetbrains.com/plugin/26071-mcp-server MCP Server - IntelliJ IDEs Pl.. 2025. 3. 26. [이슈기록] Flex 박스 내부 영역이 내부 콘텐츠만큼 늘어나지 않을 때 기능 구현을 하고 난 뒤 dev 서버를 돌려봤더니외부 레이아웃의 패딩과 내부 패딩이 합쳐진만큼 여백이 생겨야하는데제대로 여백이 표시되지 않았다. 그래서 개발자 도구로 영역을 잡아보니의도와 다르게 영역이 height 가 설정되어 있었다. 사진상 하이라이트 되어 있는 엘리먼트의 height 가 콘텐츠 길이만큼 늘어나야 하는데어찌된 일인지 사진처럼 늘어나지 않고 있었다.// 문제의 코드 // 수정한 코드 수정한 부분스크롤 영역 내부의 size-full 을 w-full 로 변경 이유form 태그에 적용된 size-full 클래스로 인해 height: 100%가 설정되어있다.백분율로 적용된 이런 form 의 실제 높이를 계산 하기 위해 상위의 컨테이닝 블록을 찾게된다. form.. 2024. 12. 16. [NextJS] Props must be serializable for components in the "use client" entry file 문제 상황'use client' directive 로 선언한 클라이언트 컴포넌트 내부에서 사용될 Toast 컴포넌트에 다음과 같은 warning 이 떴다."Props must be serializable for components in the "use client" entry file". 클라이언트 컴포넌트 내부에서 사용되는 컴포넌트도 클라이언트 컴포넌트이기 때문에직렬화 여부와는 상관없이 자유롭게 props 를 전달할 수 있을텐데 자꾸 warning 이 났다.원인현재 'use client'; 로 선언한 파일 내부에서 두개의 컴포넌트가 정의되어있는 상태인데,Toast 컴포넌트는 ToastContainer 라는 클라이언트 컴포넌트 내부에서도 사용되지만,export 로 내보내기 되어 스토리북 파일에서도 사용이.. 2024. 11. 12. 이전 1 2 다음 반응형
