inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

강의 자료 수정 요청 - 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 조회수 159

클로드코드를 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

강의 수강 순서 문의합니다.

미해결

AI 에이전트 입문 치트키, Claude MCP로 끝내는 업무 자동화

강의의 맨 마지막 부분에 Figma가 나오는데, 혹시 Figma 부분부터 먼저 들어도 괜찮은지 여쭙니다!

  • 인공지능(ai)
  • ai-활용-(ax)
  • ai-agent
  • mcp
  • claude
Jiyoon Chae 댓글 2 좋아요 0 조회수 96

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

init 명령어에 대해서 문의드립니다.

미해결

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

우선 좋은 강의 감사드립니다. 프로젝트 초기화 (/init) 명령어 실습 중, 강사님과 다른 부분이 있어서 여쭤보고자 합니다. 강사님의 경우에는 폴더 내, 파일이 존재하지 않을 시 CLAUDE.md 파일을 만들 것 인지를 물어보고 있는데, 저의 경우에는 CLAUDE.md 파일을 생성하려면 먼저 프로젝트 코드가 필요하다는 문구가 나오고 있습니다. 혹시 제 설정이 잘못된 것일까요? 터미널 내 표기 내용 ⏺ Let me explore the codebase first. ⏺ Searched for 1 pattern, read 1 file (ctrl+o to expand) ⏺ 이 디렉토리는 비어 있습니다. 아직 코드가 없으므로 분석할 코드베이스가 없습니다. CLAUDE.md 를 생성하려면 먼저 프로젝트 코드가 필요합니다. 어떤 종류의 프로젝트를 시작하시려는지 알려주시겠어요? 예를 들어: - 웹 앱 (React, Next.js, Vue 등) - 백엔드 API (Node.js, Python, Go 등) - 모바일 앱 (React Native, Flutter 등) - 기타 프로젝트를 설정한 후에 CLAUDE.md 를 생성해 드리겠습니다.

  • claude
kskmw2000 댓글 2 좋아요 0 조회수 252

인기 태그

인프런 TOP Writers

주간 인기글