This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발화이트리스트를 눈으로 확인하는 MCP 대시보드 - 사내 DB 연동
  • 지역비대면 진행
  • 예산300,000원
  • 기간5일

이미지 2

이미지 4

이미지 6

AI가 사내 DB에서 실제로 조회할 수 있는 범위를 화면에서 직접 확인할 수 있는 MCP 관리 대시보드입니다. 원시 SQL은 노출하지 않고, 화이트리스트 테이블과 리포트만 실행합니다. 직접 구현한 부분 - 왼쪽 패널에 서버가 실제로 노출하는 도구 4개, 테이블 화이트리스트, 리포트 화이트리스트를 API 호출 없이 그대로 나열 (화면 자체가 안전장치의 증거) - MCP 서버(stdio)를 Next.js API 라우트에 붙여 AI 도구 호출 루프 직접 구현, 호출 트레이스를 화면에 그대로 표시 - 화이트리스트 밖 요청("직원 급여 테이블 보여줘")에는 AI가 지어내지 않고 왜 안 되는지까지 설명하도록 시스템 프롬프트 설계 - DB 연결 자체를 읽기 전용으로 열어 서버 코드에 쓰기 경로 자체를 제거 top_customers 리포트에는 기간 필터가 없습니다. "이번 분기 상위 고객"을 물으면 AI가 전체 누적 기준으로 답하며 그 사실을 스스로 밝힙니다 - 지어내지 않고 "이 리포트로는 안 된다"고 말합니다. 화이트리스트 설계의 트레이드오프를 보여주는 의도된 예시로 남겨 뒀습니다. Next.js 15 App Router / TypeScript strict / Claude API / MCP / SQLite

MCP LABS
웹 개발
별점
5.0(3)
안녕하세요 대표님! 외주 개발, 연락 두절이나 눈탱이 맞을까 봐 걱정 많으셨죠? 🎁 [숨고 런칭 한정 특전] 제작 전 '디자인 컨셉 시안 4

검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트

0
4

재고가 음수로 내려가지 않는 소상공인 백오피스

0
5

DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)

0
9

아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)

0
3
  • 검색 + 필터 + CSV 업로드까지 DB 리스팅 사이트

    0
    4
  • 재고가 음수로 내려가지 않는 소상공인 백오피스

    0
    5
  • DB 근거로 확률을 계산하는 AI 에이전트 (MCP 연동)

    0
    9
  • 아이디어에서 시작한 매칭 플랫폼 (회원 인증 + 매칭 확정)

    0
    3
  • 끊겨도 스스로 붙는 실시간 좌석 현황판

    0
    4
  • 이중 예약을 DB가 막는 예약 접수 시스템

    0
    2
  • 원문 근거를 인용하는 AI 문서 질의응답 (RAG)

    0
    15
  • WebSocket 실시간 시세 대시보드 - React 19 + TypeScript

    0
    6
  • 개발자 없이 직접 수정하는 회사 홈페이지

    0
    5
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

글로벌 라이브커머스 셀러 공급사 AI 매칭 플랫폼

0
12

실제 서비스에 붙어 있는 AI 에이전트를 그대로 녹화한 시연 영상입니다. 질문 1 “현재 화면 분석해줘.” 사용자가 보고 있는 화면을 읽고 상태를 표로 정리합니다. 화면에서 확인한 값과 추정을 나눠서 답합니다. 질문 2 “어제 새벽 3시쯤 결제 서비스 장애 원인이 뭐였어?” 알림과 이벤트 기록을 직접 조회해 원인을 좁힙니다. 확인하지 못한 부분은 지어내지 않고 확인하지 못했다고 말합니다. 이런 AI 에이전트를 소형 모델로 비용은 낮추고, 근거 없는 답은 막도록 설계·개발해 드립니다.

0
3

AI 기반 나홀로 소송 지원 시스템: 법률 절차의 모든 순간을 함께

0
14

결과지 사진 자동 판독, 리포트 데모 웹앱 개발 (기획, 개발, 배포)

0
9
  • 글로벌 라이브커머스 셀러 공급사 AI 매칭 플랫폼

    0
    12
  • 실제 서비스에 붙어 있는 AI 에이전트를 그대로 녹화한 시연 영상입니다. 질문 1 “현재 화면 분석해줘.” 사용자가 보고 있는 화면을 읽고 상태를 표로 정리합니다. 화면에서 확인한 값과 추정을 나눠서 답합니다. 질문 2 “어제 새벽 3시쯤 결제 서비스 장애 원인이 뭐였어?” 알림과 이벤트 기록을 직접 조회해 원인을 좁힙니다. 확인하지 못한 부분은 지어내지 않고 확인하지 못했다고 말합니다. 이런 AI 에이전트를 소형 모델로 비용은 낮추고, 근거 없는 답은 막도록 설계·개발해 드립니다.

    0
    3
  • AI 기반 나홀로 소송 지원 시스템: 법률 절차의 모든 순간을 함께

    0
    14
  • 결과지 사진 자동 판독, 리포트 데모 웹앱 개발 (기획, 개발, 배포)

    0
    9
  • 매달 하던 엑셀 복붙과 계산, 버튼 한 번으로 자동화한 샘플 3종

    0
    1
  • 업무 자동화 도구ㆍAI 챗봇 개발

    0
    1
  • 대기업 그룹 신입사원 교육 플랫폼 운영 유지보수 (장애 대응 + 보안 패치)

    0
    1
  • 정산서를 거래처별로 나눠 자동 전달

    0
    1
  • 연구 결과를 업무에 활용하는 건설기준 분석 시스템

    0
    1