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 Plugin | Marketplace

 

 

 

평상시 플러그인 다운로드하는 것처럼 다운 받으면 된다.

맥북 기준으로 커맨드+쉼표 > plugins 에서 "mcp server" 검색해서 install 하면 끝

 

---

 

2. 클로드 데스크탑 다운로드

https://claude.ai/download?ref=maginative.com

 

클로드 홈페이지에 가서 다운로드를 해준다.

---

 

3. 클로드에 인텔리제이 Mcp 설정

https://github.com/JetBrains/mcp-jetbrains

GitHub - JetBrains/mcp-jetbrains: A model context protocol server to work with JetBrains IDEs: IntelliJ, PyCharm, WebStorm, etc.

 

클로드 설정 열기(커맨드 ,) > 개발자 탭 > 클로드 설정(claude_desktop_config.json)

 

{
  "mcpServers": {
    "jetbrains": {
      "command": "npx",
      "args": ["-y", "@jetbrains/mcp-proxy"]
    }
  },
}

 

그리고 클로드 데스크탑을 재실행하고 설정을 다시 열어주면!

 

 

짜잔! 이렇게 연결된걸 볼 수가 있다!

 

 

연결된걸 볼 수 있다고 했는데

어디서 보는지 몰라서 나는 클로드한테 질문했더니 알려주긴 했다.

 

 

4. 사용해보기

 

최종적으론 피그마와 내 프로젝트를 클로드를 통해 무언가 하고 싶은거였는데,

일단은 테스트 삼아 간단한걸 시켜보았다.

 

일부만 가져옴

 

이런식으로 정리를 해주었다.

 

 

다음엔 컴포넌트 코드를 가지고 스토리북 파일을 만들어달라고 해봐야겠다.

 

 

---

++ 추가)

 

이슈 모음

jetbrains mcp 로그를 봤을 때 "Server disconect..~". 라는 에러가 떴고

실제로 63342 포트가 사용 중일 때

 

claude setting "env"에"HOST" 와 "IDE_PORT" 를 추가하면 된다.

 

{   
	"jetbrains": {
      "command": "npx",
      "args": [
        "-y",
        "@jetbrains/mcp-proxy"
      ],
      "env": {
        "HOST": "127.0.0.1",
        "IDE_PORT": "63342" // 본인 IDE 에 설정되어있는 PORT 넘버 쓰기, 기본이 63342
      }
}