본문 바로가기

전체 글348

[생성형 AI] Claude API와 MCP 연동 방법(+실무 팁) https://claremont.tistory.com/entry/%EC%83%9D%EC%84%B1%ED%98%95-AI-%EC%9A%94%EC%A6%98-%ED%95%AB%ED%95%9C-Anthropic-%ED%81%B4%EB%A1%9C%EB%93%9C%EC%9D%98-MCPfeat-Smithery-%EC%82%AC%EC%9D%B4%ED%8A%B8 [생성형 AI] 요즘 핫한 Anthropic 클로드의 MCP(feat. Smithery 사이트)요즘 AI 업계의 뜨거운 감자! MCP(Model Context Protocol)에 대해 소개해보려 한다개인적으로 진짜 혁신적인 툴이라 생각한다.. Anthropic이 개발한 Claude는 대규모 언어모델 중에서도 특히 "긴 문맥 처리"claremont.tistor.. 2025. 4. 7.
[생성형 AI] 요즘 핫한 Anthropic 클로드의 MCP(feat. Smithery 사이트) 요즘 AI 업계의 뜨거운 감자! MCP(Model Context Protocol)에 대해 소개해보려 한다개인적으로 진짜 혁신적인 툴이라 생각한다.. Anthropic이 개발한 Claude는 대규모 언어모델 중에서도 특히 "긴 문맥 처리"에 특화된 모델이다. Claude 3 계열은 최대 200K에서 최대 1M 토큰에 달하는 컨텍스트 윈도우를 처리할 수 있으며, 이는 기존 GPT 기반 모델 대비 월등히 높은 수준이다. 이러한 확장된 컨텍스트를 효율적으로 관리하기 위해 도입된 것이 바로 MCP(Model Context Protocol)이다.  ㅁModel Context Protocol(MCP): Claude가 문맥을 더 깊이 이해하고, 정교하게 반응할 수 있도록 입력을 구조화된 형식으로 정리하는 프로토콜  (.. 2025. 4. 7.
[생성형 AI] AI Agent 프레임워크 정리 시대가 발전되며, AI 오케스트레이션을 잘하는 것이 곧 개발을 잘하는 것이라 생각한다..!세상에는 정말 많은 오픈소스 AI Agent 프레임워크들이 있다따라서 처음 시작한다면 어떤 거를 써야 할지 막막할 거고, 나 역시 그렇다그래서 오늘 이 글을 작성해보았다 🔫 빵야빵야  AI 에이전트 프레임워크란?입력 → 처리 → 작업 실행(검색, 고객 응대 등) 흐름을 갖는자율 에이전트를 개발할 수 있도록 도와주는 도구/플랫폼/라이브러리⇒ 복잡한 AI 로직을 쉽게 구성하고, 유지보수 가능하게 만드는 핵심 인프라! 프레임워크 유형 2가지💬 대화/챗봇 특화예: 고객 응대, 가상 비서 (LangChain, Rasa 등)🔁 워크플로우 중심복잡한 작업 흐름 구성에 최적 (LangGraph, CrewAI 등)  AI 에이.. 2025. 4. 7.
[웹 지식] 액세스 토큰 + 리프레시 토큰 협동 과정 https://claremont.tistory.com/entry/%EC%9B%B9-%EC%A7%80%EC%8B%9D-%ED%86%A0%ED%81%B0token-vs-API-%ED%82%A4 [웹 지식] 토큰(token) vs API 키토큰하면 어떤 것이 먼저 떠오르는가? 필자는 유희왕의 토큰 카드가 가장 먼저 떠오른다..ㅋㅋ실제로 토큰의 쓰임새는 크게 다르지 않다ㅎ 오늘은 토큰에 대해 알아보는 시간을 갖고, API 키와claremont.tistory.com  이전의 포스팅에서 API 키 vs 토큰에 대해서 다뤄보았다오늘은 토큰에서 액세스 토큰과 리프레시 토큰을 같이 사용하는 이유와, 그 협동 과정에 대해 설명하려 한다! 현대 웹 서비스에서 로그인 기능은 단순한 사용자 인증을 넘어서, 보안과 편의성을 동시.. 2025. 4. 3.
[웹 지식] OpenAPI vs Open API 제목만 봐서는 뭔 소리인지 싶을 것이다...근데 진짜 저 띄어쓰기 하나로 의미가 아예 달라진다  ㅁOpenAPI: API 명세 표준(OpenAPI Specification)OpenAPI는 RESTful API를 기술하기 위한 표준 포맷(Specification)이다.예전에는 Swagger Specification이라고 불렸고, 현재는 OpenAPI Initiative라는 비영리 단체에서 관리한다. 주요 특징JSON or YAML 형식으로 API의 경로, 요청/응답, 인증 방식 등을 정의할 수 있다사람이 읽기 쉽고, 동시에 기계가 이해할 수 있도록 설계되어 있다문서화 자동화, API 테스트 자동화, 클라이언트/서버 코드 생성 등 다양한 도구와 연계된다  대표 도구Swagger UISwagger Editor.. 2025. 4. 2.
[웹 개발] AI 코딩 보조 도구 선택 가이드(GitHub Copilot, Cursor) 최근 개발 도구로 GitHub Copilot을 자주 활용하고 있는데, 한 가지 고민이 생겼다.“코파일럿은 전체 프로젝트 맥락을 제대로 이해하고 있을까?”“프로젝트 전체 구조를 고려해서 도와주는 AI 도구는 없을까?” 이런 고민을 하다가 자연스럽게 GitHub Copilot과 함께, Cursor라는 새로운 도구를 사용해 보게 되었고, 두 도구를 비교해 보며 느낀 점들을 정리해 보았다. 일단 먼저 GitHub CopilotCopilot은 IntelliJ나 VSCode 플러그인으로 설치해 사용할 수 있으며, 코드 작성 중 자동으로 적절한 다음 줄을 추천해 준다. 마치 옆에서 함께 코딩하는 파트너처럼, 함수의 이름이나 주석만 잘 써주면 똑똑하게 예측해서 완성해 준다. 하지만 사용하면서 느낀 한계도 분명했다.지금.. 2025. 4. 2.
[웹 개발] API 에러 응답 설계, 어디까지 정해야 할까? https://claremont.tistory.com/entry/%EC%9B%B9-%EA%B0%9C%EB%B0%9C-API-%EB%AA%85%EC%84%B8%EC%84%9C-%EC%9E%91%EC%84%B1-tip [웹 개발] API 명세서 작성 tiphttps://tech.kakaoenterprise.com/127 [TW] API 문서 톺아보기시작하며 안녕하세요. 카카오엔터프라이즈 테크니컬라이팅 팀의 Crystal(김유리), Sandy(차신영), July(김정인)입니다. 테크니컬라이팅 팀에서는 Kakaclaremont.tistory.com API 서버를 개발하다 보면 반드시 마주하게 되는 질문이 있다“에러 응답은 어떻게 설계하지?”많은 개발자들이 HTTP 상태 코드만 잘 쓰면 되는 거 아닌가? 하고 생.. 2025. 4. 1.
저자님께 책 선물을 받았다(이게 바로 성덕..?) https://www.youtube.com/watch?v=14ciuOcYQVo&list=PLtht1_et-35CMdKeY6DzeLoXzXGwZyaM2   부트스트랩으로 간단히 웹 페이지를 꾸며야 할 일이 있어 '아프리카도서관'님의 유튜브 영상으로 공부를 했었다.그리고 구독을 하고 있었는데 올해 1월에 그 아프리카도서관님이 책을 냈다는 소식을 접했다. 『Vue 3와 스프링 부트로 시작하는 웹 개발 철저 입문』개인적으로 리액트를 배우기에는 너무 헤비하다 생각했고, FE + BE에 AWS 배포까지 한 권에 다 들어있는 책이라 매우 관심이 갔다.그래서 그냥 바로 구매하기로 결심했다 🤨 하지만.. 전자책을 찾아보려 했으나 보이지가 않았다. 혹시 책이 출간된 지 얼마 되지 않아 아직 전자책이 나오지 않은 것인지 .. 2025. 3. 31.
[Vue.js] 초기 세팅 가이드 Vite + Vue 프로젝트 생성 커맨드 (JavaScript 기반)npm create vite@latest "프로젝트 이름" --template vueNode.js 16.0 이상 권장실행 후 프로젝트 템플릿을 선택하는 인터랙션이 나옴!참고: Node.js 버전이 낮을 경우 npx로 실행하거나 버전 업 필요  package.json 파일에 명시된 모든 의존성(dependencies)을 한꺼번에 설치npm install  npm 빌드npm run build   + 기존의 "dev": "vite"를 "dev": "vite --host"로 변경하자!vite --host 의 의미: 로컬 IP 접근 허용 (모바일 디바이스 테스트 시 유용){ "name": "skala-vue", "private": true, .. 2025. 3. 27.

티스토리툴바