*[n8n/MCP] 내 컴퓨터 서버, 외부 접속? ngrok으로 5분 만에 해결! (ft. 고정 주소 설정, PowerShell 꿀팁) ?

안녕하세요, 여러분의 자동화 경험을 한 단계 업그레이드해 드릴
AI하는 아이입니다! 👋

지난번 n8n 서버를 로컬에서 MCP와 연동하는 방법을 보여드렸는데요, "이걸 외부에서도 쓸 순 없나요?" 라는 소중한 질문을 주셔서 오늘 그 방법을 알려드리려고 합니다! 바로 `ngrok`을 활용하는 거죠!

**🤔 왜 외부 접속이 필요할까요? (문제 인식)**

* (00:00:12) 기존에는 `http://localhost:5678` 처럼 내 컴퓨터 안에서만 접속 가능했죠.
* (00:00:56) n8n 워크플로우를 만들고 Cursor 같은 다른 프로그램과 연동해도, 결국 '내 컴퓨터(로컬)'라는 한계가 있었어요.
* (00:01:16) 예를 들어 집 컴퓨터에서 만든 MCP 워크플로우를 사무실 컴퓨터에서 쓰고 싶다면? 외부에서 내 컴퓨터 서버로 접속할 방법이 필요합니다!

**🔒 외부 접속의 핵심: 안전한 연결 (HTTPS와 ngrok 소개)**

* (00:01:33) 인터넷 주소는 보통 `https://` 로 시작하죠? 'S'는 보안(Secure)을 의미해요.
* (00:01:46) 안전한 연결(HTTPS)을 위해서는 보안 인증서가 필요한데, 브라우저(크롬 등)는 이 인증서가 있어야 '안전한 사이트'로 인식하고 연결해줍니다.
* (00:02:17) 로컬 환경은 기본적으로 이런 보안 설정이 없어서 외부에서 바로 접속하기 어렵죠.
* (00:02:27) ✨ **이때 등장하는 해결사가 바로 `ngrok`!** 내 로컬 주소를 간편하게 `https://` 주소로 만들어 외부에서 접속 가능하게 해주는 터널링 서비스입니다.

**🚀 ngrok 시작하기: 가입부터 설정까지!**

1. **(00:02:35) ngrok 가입하기:**
* ngrok 사이트에서 'Get started for free'를 눌러 무료로 가입하세요. (구글 계정 연동 가능!)
* 무료 계정당 1개의 고정 도메인(Static domain)을 제공해줘서 아주 유용해요!
2. **(00:03:07) ngrok 설치하기 (Windows 기준):**
* 가입 후 나오는 안내에 따라 PowerShell에서 명령어를 입력해 설치를 완료합니다.
3. **(00:03:36) 고정 도메인 설정하기 (강력 추천!):**
* ngrok 실행 시 매번 주소가 바뀌면 불편하겠죠? ngrok 대시보드에서 'Static domain'을 설정하면 나만의 고정 URL을 만들 수 있어요.
* 이때, 연결할 로컬 포트는 n8n 기본 포트인 `5678`로 지정해주세요!
4. **(00:03:54) ngrok 실행 명령어:**
* 저는 이렇게 설정했어요: `ngrok http --domain [내 고정 도메인 주소] 5678`
* 이 명령어는 `[내 고정 도메인 주소]`로 들어오는 요청을 내 컴퓨터의 `localhost:5678`로 연결해준다는 의미예요.

**💡 PowerShell 꿀팁: Alias로 더 간편하게!**

* (00:04:04) PowerShell을 잘 쓰면 윈도우 자동화에 정말 큰 도움이 됩니다!
* (00:04:14) `notepad $PROFILE` 명령어로 PowerShell 프로필 파일을 열 수 있어요.
* (00:04:24) 여기에 아래처럼 함수와 Alias(별칭)를 설정하면, 매번 긴 명령어를 칠 필요 없이 `ng`만 입력해도 ngrok이 바로 실행됩니다! (저는 ngrok이라 `ng`라고 지었어요 😉)
```powershell
function Start-NgrokN8n {
ngrok http --domain [내 고정 도메인 주소] 5678
}
Set-Alias -Name ng -Value Start-NgrokN8n
```
* (00:04:59) 이제 PowerShell 어디서든 `ng` 엔터! 하면 바로 실행! ✨

**✅ 이제 테스트해볼 시간!**

1. **(00:05:06) n8n 대시보드 접속 확인:**
* `ng` 명령어로 ngrok을 실행하면 터미널에 내 고정 도메인 주소(`https://...ngrok.io`)가 표시됩니다.
* 이 주소를 복사해서 웹 브라우저에 붙여넣어 보세요.
* (00:05:22) 짜잔! 🎉 내 n8n 대시보드가 외부에서도 잘 열리는 것을 확인할 수 있습니다! 이제 내 컴퓨터가 켜져 있고 ngrok이 실행 중이라면 언제 어디서든 접속 가능해요.
2. **(00:05:52) MCP 클라이언트 설정 변경:**
* 이제 MCP 클라이언트가 n8n 서버를 외부 주소로 바라보게 설정해야 합니다.
* (00:06:07) 클라이언트 설정에서 서버 주소 입력란에 기존 `http://localhost:5678` 대신, 방금 확인한 **ngrok 주소(`https://...ngrok.io`) 전체**를 복사해서 붙여넣으세요. (Webhook 주소는 변경할 필요 없어요!)
* (00:06:26) 혹시 오류가 나도 당황하지 마세요! "왜 그럴까?", "어디서 멈췄을까?" 차분히 원인을 찾아 해결하면 됩니다. 😊
3. **(00:06:43) MCP 클라이언트 요청 테스트 (로컬):**
* MCP 클라이언트에서 AI에게 요청을 보내봅니다.
* (00:06:53) 로딩 표시가 돌면서 ngrok 터미널에도 요청이 들어오는 것이 보이나요?
* (00:07:02) 잠시 후, AI가 생성한 답변이 성공적으로 도착! 이모지까지 잘 나오네요. 👍 ngrok 주소로도 요청/응답이 원활하게 이루어지는 것을 확인했습니다.
4. **(00:07:35) 진짜 외부 환경에서 테스트! (원격 데스크톱 활용):**
* 다른 컴퓨터(영상에서는 맥북 원격 접속)에서 MCP 클라이언트를 실행합니다.
* (00:07:51) 동일하게 서버 주소를 **ngrok 주소**로 설정하고 요청을 보냅니다.
* (00:08:31) (꿀팁: ngrok을 껐다 켰다면 MCP 클라이언트도 재시작해야 설정을 제대로 읽어옵니다!)
* (00:08:43) 성공! 외부 컴퓨터에서도 내 n8n 서버의 MCP 워크플로우를 문제없이 사용하는 것을 확인했습니다! 🎉

**맺음말 & 활용 아이디어 💡**

(00:08:53) 이렇게 ngrok을 활용하면, 여러분이 n8n으로 만든 멋진 워크플로우들을 더 이상 로컬 환경에 가둬두지 않아도 됩니다!

* 집 컴퓨터에 n8n 서버를 켜놓고, 사무실에서 MCP 클라이언트로 접속해서 사용하거나,
* 내가 만든 편리한 AI 서비스를 친구나 동료에게 잠시 공유해줄 수도 있겠죠?

(00:09:19) 여러분의 자동화 가능성을 더욱 넓혀줄 ngrok, 꼭 한번 활용해보세요! 좋은 질문 던져주신 구독자분께 다시 한번 감사드립니다. 🙏

다음 시간에도 더 재미있고 유용한 정보로 찾아뵙겠습니다. 지금까지 AI하는 아이였습니다! 감사합니다! 😊

---

#n8n #ngrok #MCP #로컬서버 #외부접속 #서버공개 #자동화 #워크플로우 #API #웹훅 #포트포워딩_대체 #터널링 #개발팁 #PowerShell #윈도우자동화 #AI하는아이 #꿀팁 #무료툴