inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

안녕하세요 MCP 질문합니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

MCP를 깃허브에서 코드를 받아서 등록할 때도 있고 smithery ai 에서 터미널 명령어 복사해서 터미널로 깔아버리기도 합니다 클로드 코드에서 mcp 잘 사용하다가 대화창이 꺼진것도 아닌데 하루 지났을 때 어떤 mcp들은 사라져있거나 연결이 끊기기도 하네요 (사용 mcp : notion,sequantial thinking,context7,google super) 어디에다가 저장을 해놔야 이런 문제 없이 지속해서 잘 유지가 될까요? 그리고 서브에이전트의 경우 자연어로 클로드 코드에 서브에이전트 만들어달라는 프롬프트를 입력하여 .claude > agernts 폴더를 생성하고 거기에 영상에서 직접 넣는 방법을 알려주신것처럼 마크다운 파일로 만들어주더군요 그런데 영상보고 따라 해서 직접 만들었던 code-reviwer의 경우 실행이 되면 노란색으로 배경처리가 되면서 실제로 에이전트가 활동하는 느낌이라면 나머지 자연어 프롬프트로 AI가 직접 만든 에이전트들은 뭔가 활동을 할 때도 안할 때도 있다는 생각이 듭니다 요즘은 우선 프로젝트 플랜모드로 계획 잡을때 프롬프트에 항상 "활용 가능한 모든 서브에이전트를 총동원해 오케스트레이션 가동해줘"를 입력하는데요 뭔가 말로는 에이전트를 활용했다고 하고 실제 에이전트 이름이 나올 때도 있는데 제가 서브에이전트 활용을 정확하게 하고 있는건지 자세히 모르겠습니다 제 방식이 맞는걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
Jiho Jang 댓글 1 좋아요 0 조회수 160

stuatsline 생성이 도대체 왜 안될까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

별의 별 짓을 다 해도 안 생기네요. claude 한테 물어봐서 뭐 jq인가 이것도 설치하고 했는데 왜 안뜰까요

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
yjs0993 댓글 2 좋아요 0 조회수 795

강의 자료 수정 요청 - Next.js 16 버전의 파일 업로드 사이즈 제한 설정

해결됨

Next.js with Spring Boot

Next 최신 버전으로 수업 듣고 있습니다. 강의 자료에 이 파일이 들어가있는데 오히려 이 설정을 적용하면 1MB 제한이 걸려 업로드 되지 않습니다 발생된 오류 메시지 Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ uncaughtException: Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413 } ⨯ Error: Body exceeded 1 MB limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit at ignore-listed frames { statusCode: 413, digest: '2270266421@E394' } 강의에서 알려주는 설정으로 해야 1MB 이상 이미지가 정상 업로드 되었습니다. experimental: { // 'experimental' 아래에 serverActions를 정의해야 합니다. serverActions: { bodySizeLimit: "1000mb", // 원하는 크기로 조절하세요 (예: '50mb', '100mb') }, }, 강의 자료 수정이 필요할 것 같습니다.

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
개발자 취업 포기 댓글 1 좋아요 0 조회수 162

zustand 사이트 이상해요!! 웹브라우저에서 응답없음 반응

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

요즘 zustand 공식 Docs 사이트가 이상해요.. zustand 문서를 보려고 docs 사이트에 접속하면 GPU 사용율이 오르고, 컴퓨터 온도도 확 올라가면서 웹브라우저에서 응답없음이 나오고 멈춰버립니다. 저만 이런 건가 해서 github 이슈를 검색해 봤더니 2025년말에도 이 같은 이슈가 있었는데.. 이거 zustand 에게 상태 관리 맡겨도 될까요? ㅎㅎ

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
Codingbear 댓글 2 좋아요 0 조회수 104

onMouseEnter 관련 문의 드립니다

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 이벤트 핸들러 실습하는데 onMouseEnter 가 잘 실행이 안 돼서 문의드립니다. 버튼에 마우스를 대면 콘솔이 출력된다고 하셨는데 일단 코딩은 이렇게 했고 실행했습니다. 주로 크롬에서 하는데 크롬은 마우스를 대면 실행이 안 되고 버튼을 클릭하니까 콘솔이 2개씩 실행이 되고, 엣지에서는 정상적으로 실행을 합니다. 이 문제는 해결할 수 있는 방법이 있을까요?

  • javascript
  • react
  • node.js
  • 선물하기-좋은
망나뇽 댓글 3 좋아요 0 조회수 128

MCP Tool Search와 Skills

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

안녕하세요! 강의 잘 듣고있습니다. 260125에 추가하신 클로드 코드 스킬 생성하기 강의를 보면 MCP server는 사용을 안해도 컨텍스트를 차지하기때문에 이를 skills를 이용해서 컨텍스트를 필요할때만 차지하게 하면서 mcp server를 사용할 수 있다라고 설명하셨는데 MCP Tool Search가 나온 시점에서는 모든 claude 플랫폼에서 사용가능하게하기위해서 skills를 사용할 순 있어도 컨텍스트를 줄이기 위해서는 사용할 필요가 없는건가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
햄부기 댓글 2 좋아요 0 조회수 207

status-line 설치시 강의 내용과 조금 다른부분이 있습니다.

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

윈도우, vscode 에서 터미널 로 클로드 진행중입니다. 이미지처럼 /statusline 설치시 어떻게 할껀지 물어보는데요. 어떻게 해야 하나요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
최종훈 댓글 2 좋아요 0 조회수 158

클로드코드를 d:드라이브에 설치하면 안되나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드코드 설치를 C:드라이브가 아니라 d: 드라이브에 설치할 수 없는가요? c:드라이브 여유용량이 18gb만 남아 있고, D:드라이브는 100gb정도 남아 있기 때문입니다. 아니면 c:드라이브 용량을 키우는 방법이 있을까요? d: 드라이브에 설치하여도 문제가 없는가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
박경만 댓글 1 좋아요 0 조회수 725

클로드 코드 설치 경로

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

맥 사용자 입니다. homebrew를 이용해 클로드 코드를 설치 하려고 하는데 혹시 터미널 경로가 어디든 상관이 없나요? 그리고 전에 클로드 코드를 한번 설치 했던것 같은데 버전이 옛날 버전이라 brew upgrade claude-code 명어를 이용해 업데이트 해보았는데 Error: It seems there is already a Binary at '/opt/homebrew/bin/claude'. 이런 에러가 나서 질문해보고 다시 삭제를 해서 설치 하던거 원일을 알고 수정을 해보고 싶습니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
CodeKimbap 댓글 2 좋아요 0 조회수 549

supabase 에러 메시지를 번역해주는 라이브러리를 찾아서 알려드립니다.

해결됨

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

에러 메시지 한국어로 변경하는 부분을 보다 보니 문득 해당 라이브리가 있는지 찾아 봤는데 있더라구요. 설치와 사용법은 아래와 같습니다. npm i supabase-error-translator-js import { AuthError } from '@supabase/supabase-js'; import type { ErrorService } from 'supabase-error-translator-js/dist/types'; import { setLanguage, translateErrorCode } from 'supabase-error-translator-js'; setLanguage('ko'); export function errorTranslator(error: unknown, service: ErrorService = 'auth') { if (error instanceof AuthError && error.code) { return ( translateErrorCode(error.code, service) ?? '알 수 없는 인증 오류가 발생했습니다. 잠시 후 다시 시도해 주세요.' ); } return '문제가 발생했습니다. 잠시 후 다시 시도해주세요.'; }

  • react
  • typescript
  • react-query
  • supabase
  • zustand
  • 지금-베스트
Codingbear 댓글 0 좋아요 3 조회수 142

토큰사용량

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의 진행하면서 토큰 사용량 이슈로 인해 종료되는 현상도 종종 발생할수 있는건가요?!?!? 여쭤보고 싶습니다 , 현재 프로 요금제 사용중입니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
chaesc1223 댓글 2 좋아요 0 조회수 326

statusline 자꾸 다른 폴더 위치에다 만듭니다

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

보시면 여기다 만듭니다 여기에다 만들어야하는데 대화는 이주소로 하는데 이유를 모르겠네요... 운영체재는 윈도우입니다 몇번을 말하는지...

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
오일중 댓글 2 좋아요 0 조회수 121

강의 자료, 블로그, 깃 주소

미해결

[React 2부] 고급 주제와 훅

1부 수업에서는 따로 남겨주셨던 것 같은데, 2부 수업에는 따로 없나요?

  • javascript
  • react
  • 웹앱
  • React-Context
  • react-hooks
dev.mingyo 댓글 1 좋아요 0 조회수 100

슬라이드 교안도 노션에 추가 해주룻 있나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

강의 잘보고 있습니다. 오리엔테이션에서의 학습 목표들이라던가 AI 모델 vs AI 코딩 도구 기타 등등 같은 슬라이드 자료도 다시 볼수 있게 자료로 올려주시면 좋을것 같습니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
CodeKimbap 댓글 3 좋아요 0 조회수 132

expo push service에 관한 질문

미해결

React Native with Expo: 제로초에게 제대로 배우기

Expo 프레임워크를 활용해서 푸쉬 알림을 설정할때 두 가지 방법이 있다는 것을 확인할 수 있었습니다. 서버에서 expo push service를 거쳐서 ios - APNs, android-Firebase 연결 expo push service를 사용하지 않고 서버에서 직접 Ios-APNs, android-FireBase연결 이 두 방법이 있고 공식문서에서도 두 방법에 대해서 안내해주는 레퍼를 확인할 수 있었습니다. 당연히 1번이 구현 난이도가 더욱 쉽고 빠르게 적용할 수 있는 방법입니다. 하지만 현재 앱이 창업 팀을 꾸려서 실 서비스를 하려고 하는 입장인데, expo-push-service에 의존하는게 어떤지에 대해서 의문점이 있습니다. 실무의 경우 App 단을 react native로 운영하고 있을떄 두 가지 선택지에서 초기 창업시에 어떤 것을 선택하고 무엇이 장기적인 입장에서 옳은 방향일까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
손준석 댓글 2 좋아요 0 조회수 117

추가 업데이트

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

agent teams 와 skills, plugins 에 대한 더 추가강의 일정이 혹시 계획된게 있으실까요??

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
  • 지금-베스트
녕나 댓글 1 좋아요 0 조회수 66

할일 관리 앱(메모이제이션)

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

import { useId } from "react"; type CheckboxProps = Omit<React.ComponentPropsWithoutRef<"input">, "type"> & { type?: "checkbox"; parentClassName: string; }; export default function Checkbox(props: CheckboxProps) { const uuid = useId(); const { parentClassName, children, ...rest } = props; return ( <> <div className={parentClassName}> <input id={uuid} {...rest} /> <label htmlFor={uuid}>{children}</label> </div> </> ); } useEffect(() => { const randomText = Array.from( { length: 100 }, (_, index) => `Todo Item #${index + 1}`, ); randomText.forEach((text) => addTodo(text)); }, []); 대량 데이터 생성 후 테스트를 하는데 중복 키값이 생성되었는데요. uuid 부분인 것 같은데. 노트북 장비 사양 때문에 그런건지요? installHook.js:1 Encountered two children with the same key, 1770775434402 . Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
태리바이트 댓글 2 좋아요 0 조회수 113

클로드코드에서 엑셀 파일 읽게 하는 법 있을까요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

세무 관련 정리 프로그램을 만들고 싶어 2024 근로소득 간이세액표(조견표)를 클로드 코드에게 읽게 시켜 계산 로직에 포함시키게 하고 싶은데 엑셀 파일을 읽지 못하네요 혹시 방법이 있을까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
Jiho Jang 댓글 2 좋아요 0 조회수 965

4.6 id를 string으로 바꾸니까 오류가 나요

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

id를 똑같이 string으로 다 바꿨고 코드도 동일한데 이 부분에서 타입 오류가 납니다 , ,

  • react
  • typescript
  • react-query
  • supabase
  • zustand
강이 댓글 2 좋아요 0 조회수 106

배열의 렌더링 관련 질문 드립니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

강사님께서 {number} , {undefined} 이런 것들을 예시로 보여주면서 어떤건 렌더링되고 어떤건 오류는 안 나지만 렌더링 되진 않는다 얘기를 해주셨는데요 그 중에 [{1,2,3}] 처럼 배열로 되어 있는 건 배열로서 나타나는게 아닌 123 이렇게 숫자가 붙어서 렌더링이 되던데 이게 특별한 이유가 있는 걸까요?

  • javascript
  • react
  • node.js
망나뇽 댓글 2 좋아요 0 조회수 97

인기 태그

인프런 TOP Writers

주간 인기글