inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

4.11 바로 투두 삭제가 안됨 질문

해결됨

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

투두 삭제할 때 mutation 부분 코드를 강의와 똑같이 // use-delete-todo-mutation.ts export function useDeleteTodoMutation() { const queryClient = useQueryClient(); return useMutation({ mutationFn: deleteTodo, onSuccess: (deletedTodo) => { queryClient.setQueryData<Todo[]>(QUERY_KEYS.todo.list, (prevTodos) => { if (!prevTodos) return []; return prevTodos.filter((prevTodo) => prevTodo.id !== deletedTodo.id); }); }, }); } 이렇게 치면 바로 삭제가 안 되고 새로고침해야 적용이되는데 export function useDeleteTodoMutation() { const queryClient = useQueryClient(); return useMutation({ mutationFn: deleteTodo, onSuccess: (_data, deletedId) => { queryClient.setQueryData<Todo[]>(QUERY_KEYS.todo.list, (prevTodos) => { if (!prevTodos) return []; return prevTodos.filter((prevTodo) => prevTodo.id !== deletedId); }); }, }); } 이렇게 작성하면 바로 삭제 적용이 됩니다. 무슨 차이가 있는 걸까요?? 그리고 강의에 왜 처음 코드는 바로 삭제 반영이 안 되는 건지 궁금합니다 ㅜㅜ!

  • react
  • typescript
  • react-query
  • supabase
  • zustand
으악 댓글 3 좋아요 0 조회수 130

nextjs quick start 명령어 복붙 시 오류

미해결

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

안녕하세요! 모르겠지만 어찌저찌 따라가려고 노력중입니다! ㅜㅜ 명령어 복붙하고 점(.) 찍으면 이런 에러가 나는데 어떻게 해결하면 될까요?

  • react
  • 인공지능(ai)
  • claude
jinseo6615 댓글 2 좋아요 0 조회수 72

그 7강에 output-style이거 명령어가 안됩니다

미해결

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

이거 최신버전업데이트되면서 이 명령어가 안먹히고 컨피그 명령어로 친다음 일일이 들어가라고하는데 맞나요?..

  • react
  • 인공지능(ai)
  • claude
운이좋은사람 댓글 2 좋아요 0 조회수 53

아래 위치에 동영상이 보이지 않습니다.

해결됨

Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)

아래 위치에 동영상이 보이지 않습니다. 36. 18강. [Next.js 실전] redirect() 함수로 구현하는 완벽한 동선 제어

  • javascript
  • react
  • next.js
  • frontend
  • backend
심재화 댓글 1 좋아요 0 조회수 86

복붙이 안됨

해결됨

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

스크린샷 찍은 이미지를 ctrl + v 해도 첨부가 되지 않습니다.

  • react
  • 인공지능(ai)
  • claude
CK2 댓글 2 좋아요 0 조회수 172

Vercel 사용법

해결됨

Next.js 마스터 클래스: Part 1 미션으로 배우는 App Router의 본질과 렌더링 설계

26강 마지막에 다음에 Vercel 사용법 알려준다고 되어 있는데 Next.js 마스터 클래스: Part 2 에 Vercel 사용법이 나오는 건가요? 26강. generateMetadata: 검색 엔진(SEO)의 마음과 소셜 미디어 공유를 지배하는 동적 메타데이터 다음에 Vercel 사용법이 않나오네요?

  • javascript
  • react
  • typescript
  • next.js
  • frontend
심재화 댓글 2 좋아요 0 조회수 164

강의자료가 않보입니다.

해결됨

Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)

아래 위치에 강의자료가 않보입니다. [강의 노트] 07강. [CS 아키텍처] 이벤트 기반 아키텍처(EDA)와 웹훅(Webhook)

  • javascript
  • react
  • next.js
  • frontend
  • backend
심재화 댓글 1 좋아요 0 조회수 76

스킬이 많으면 동작에 무리가 갈까요?

미해결

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

강의를 보면서 지금 토이프로젝트로써 하나의 에이전트 팀으로 PM, 기획, 개발, QA를 만들어 제가 요청한 내용에 따라 기획을 하고, 개발을 하고 QA를 하는지 만들어보려고 합니다. 그런데, 궁금한게 아무래도 각각의 기능에 따라 요구하는 스킬들이 다른데, 스킬이 많아질수록 사용하는 토큰이나 컨텍스트에 부하가 걸리는지 궁금합니다..

  • react
  • 인공지능(ai)
  • claude
Ara Jo 댓글 2 좋아요 0 조회수 88

혹시 ui는 어떻게 확인하나요...html파일이 없는데..

미해결

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

혹시 이번강의 파일에 index.html 파일이 없는데 ui는 어떻게 확인하나요 -- 방금 어찌저찌해서 npm run dev를 사용해서 이런식으로 깨져서 나오는데 뭐가 문제일까요.. -- 추가로, 클로드코드한테 디자인좀 수정해줘라고햇더니 테일와인드가 잘못되엇다고 수정해준다고해서 수정해서 다시만들엇는데 이런식으로 나오는데...더이상 진행이 안되네용 해결방법이 있을까요??

  • react
  • 인공지능(ai)
  • claude
info 댓글 1 좋아요 0 조회수 87

클로드 subscription

미해결

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

클로드에서 로그인하고 플랜 선택할때 free를 선택하면 그럼 안되는건가요? 플랜 구매를 진행해야만 연동이 되서 사용가능한것이지요?

  • react
  • 인공지능(ai)
  • claude
코딩월드 댓글 2 좋아요 0 조회수 114

github 아이디랑 이메일

미해결

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

안녕하세요 window로 해서 안되서 가족 애플 랩탑으로 하고 있는데 git config global name/email 로 아이디랑 이메일 주소 쳤을때 랩탑 주인 name 이랑 이메일 주소가 나오더라구요? 가족 멤버한테 물어봤더니 자기는 github에 가입한적이 없다고 나오는데 그럼 제 github user name이랑 email로 변경해야하는건지 아니면 랩탑 주인 정보 나오는대로 그냥 써야할까요??

  • react
  • 인공지능(ai)
  • claude
코딩월드 댓글 2 좋아요 0 조회수 51

커밋 항목 관련질문

미해결

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

제공해 주신 nextjs-supabase-app을 starterkit으로 사용하려고 합니다. 설정을 모두 완료한 다음, /git:commit을 진행하니, .claude, shrimp_data, playwright-report, .playwright-mcp 항목은 커밋에서 제외되었습니다. 팀원들간의 공동 작업을 위해서는 위의 항목을 모두 커밋해서 공유하는 것이 효율적일것 같은데, 어떻게 하는게 맞을까요?

  • react
  • 인공지능(ai)
  • claude
이동윤 댓글 2 좋아요 0 조회수 48

claude code setting file load 에 대해

미해결

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

해당 문항에 대해 이해가 가지 않는 것이 있습니다. claude 에 물어보면 답변은 다음과 같습니다. 답변을 토대로 생각해 보면, 우선 순위는 프로젝트 > 기업 > 사용자 ? 가 되어야 하지 않나요? 해당 부분에 개념이 잘 잡히지 않아문의드립니다.

  • react
  • 인공지능(ai)
  • claude
전체연령가 댓글 2 좋아요 0 조회수 87

화면이 안나와요

미해결

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

확인 부탁드립니다

  • react
  • 인공지능(ai)
  • claude
Yeowon Yoon 댓글 2 좋아요 0 조회수 72

10-6 실습 할 수 없습니다..

미해결

타입스크립트로 배우는 Next.js 16+ 완전 정복 : 기초부터 최신 아키텍처까지

폴더가 어떻게 밀렸는지 10-6에는 그 전 강의 내용이 있어서 라우트 핸들러에서 캐싱처리 하는 내용의 백엔드 코드와 프론트 코드가 없어서 실습이 불가능합니다 .. 🥲 확인 부탁드립니다 .. !

  • javascript
  • react
  • typescript
  • next.js
  • jwt
button_ 댓글 1 좋아요 0 조회수 117

ll -al 입력시 오류

미해결

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

git정보를 찾고 싶어서 ll -al을 입력했는데 위와같이 나오네요. 디렉토리 경로도 맞게 설정한 것 같은데 혹시 문제가 뭘까요?

  • react
  • 인공지능(ai)
  • claude
771829 댓글 2 좋아요 1 조회수 91

1-4 rule 파일 내려받기가 안돼요

해결됨

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

1-4 rule 파일 내려받기가 안돼요 ㅜㅜ

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
임아름 댓글 1 좋아요 0 조회수 88

플랜모드로 스타터킷 구 관련해서

미해결

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

지금 윈도우OS 클로드를 사용중인데, 선생님 같이 화면으로 이쁘게 네모칸안에 안나오고 저는 뭐 구조며 전문가처럼 잡다하게 나오는데 이게 맞는건가요..? 저도 선생님 화면처럼 네모칸안에 순서별로 간단하게 나오게는 할수는없나요?? 뭔가 강사님은 AI생각시간이빠른데 저는 3분정도 넘게 걸려서 플랜모드를 세우더라고요

  • react
  • 인공지능(ai)
  • claude
info 댓글 3 좋아요 1 조회수 113

/todos 오류

미해결

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

/todos를 입력하면 자동 입력에도 안뜨고 아래 에러가 뜹니다. Unknown skill: todos 클로드한테도 명령어가 없냐고 물어보니 "/todos는 존재하지 않는 명령어라 작동하지 않습니다."라고 합니다. 따로 설치해야하나요? 아래는 status입니다. Version: 2.1.81 Model: Default Sonnet 4.6 · Best for everyday tasks IDE: Connected to VS Code extension version 2.1.81 MCP servers: claude.ai Notion ✔ , claude.ai Google Calendar △, claude.ai Gmail △ Setting sources: User settings, Project local settings

  • react
  • 인공지능(ai)
  • claude
jaehee3505 댓글 2 좋아요 0 조회수 131

이후의 커리큘럼 문의

미해결

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

프론트엔드를 공부하려고 하는 백엔드 개발자입니다. js -> react -> next.js 순서의 바텀업 학습방식은 저에겐 조금 지루해서 react 강의의 react.js 입문(hooks까지) -> next.js(타입스크립트 병행) -> react 심화(useEffect, context 등) 또는 react 강의의 react.js 입문(hooks까지) -> 한 입 크기로 잘라먹는 React.js 실전 프로젝트(타입스크립트 병행) -> next.js 순서의 탑다운 방법으로 학습해도 될까요?

  • javascript
  • react
  • node.js
jungo 댓글 2 좋아요 0 조회수 142

인기 태그

인프런 TOP Writers

주간 인기글