inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Cursor 에서 Claude Code 실행후 콘솔 입력

미해결

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

24강 강의 관련, 몇가지 추가 문의드립니다. 윈도우에서 Cursor 에디터 실행후, Ctrl+ESC 했을때, 강의화면과 같이 우측에 Clause Code 가 열리지 않네요. 단축키를 설정해야 할까요? (24강 4분 15초 강의화면) Cursor 에디터 실행후, Terminal 창을 열고, claude 실행한 이후 콘솔 입력은 정상적으로 동작합니다. 그런데, Cursor 에디터 오른쪽 메뉴를 통해 "Claude Code:Open" 을 실행했을때는 챗 화면만 보이고, 강사님 강의 화면처럼 Claude 콘솔 입력 화면은 안나오네요. (24강 4분 21초 강의화면) 아래 화면에서 Anthropic Consol 선택후 로그인 시도시, $5불 추가 팝업이 뜨는데, 이 비용을 지불하면 강사님 화면처럼 볼수 있는 걸까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
붉명 댓글 2 좋아요 0 조회수 963

서버 배포 에러입니다.

해결됨

한 입 크기로 잘라먹는 Next.js

Vercel에 서버 배포 후 api를 호출하면, 404에러가 뜹니다 ㅠㅠ 코드는 바뀐게 없어서, 로컬에서 api 호출은 잘되는데, 배포만 하면 안되네요... swagger도 배포사이트에서는 안되는게 맞을까요? 로컬에 있는 코드랑 바꾼거없이 그대로 배포했는데 로컬에서는 swagger도 접속 잘됩니다. 혹시 .env에 있는걸 setting에서 직접 입력해줘야 하나요? 확인해보니 배포된 서버 네트워크에서 스웨거로 접속하면 다음과 같이 번들파일과 css를 불러올 때 404에러가 발생합니다... 아래는 배포된 서버 url입니다. https://onebite-books-server-three-tau.vercel.app/

  • react
  • typescript
  • next.js
  • 카카오공채-개발
alswns1285 댓글 2 좋아요 1 조회수 137

토큰 사용 "Limit reached"

해결됨

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

25강 "프로필 웹사이트" 앱을 구현하는 중에 "Limit reached" 코멘트와 함께 더이상 강의를 진행하지 못했네요. claude 실행후 plan 모드에서 "프로필 웹사이트" 앱 만들기를 처음 시도시, '배포' 단계(무려 7단계) 까지 언급되길래, 단계를 줄였습니다. 이후, 개발 환경 (npm 인스톨, 로컬 서버 실행...) 단계가 언급되고, SNS 코드 포함하여, 앱을 만드는 과정 등에서 html 코드를 무려 800줄 가까이 만들고, 파일을 분리하고 html 을 python 과 연계하는 코드까지 만들더니 limit 에 도달해서, "프로필 웹사이트" 앱을 완성하지 못했습니다. ㅠㅜ claude pro 구독해서 사용중입니다. 강의 과정의 앱 만들기는 사실 개념 이해 및 실습이 중요할거 같은데, "프로필 웹사이트 만들어줘:" 보다는 좀 더 구체적으로 프롬프트 입력을 통해 간단한 앱을 만들수 있도록 유도되면 좋겠습니다 ㅠㅜ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
붉명 댓글 2 좋아요 0 조회수 234

클로드 Extention

미해결

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

안녕하세요! 강의와 같이 esc + Ctrl 눌러도 클로드 터미널이 즉시 안 열리고 강의와 같이 오른쪽 위에 클로드 로고도 보이지않습니다. 익스텐션은 활성화되어있는 걸 확인했습니다. 고치는 방법이 있을까요? 일단 클로드를 직접 터미널에서 열어 사용중입니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
은석 댓글 2 좋아요 1 조회수 255

10.3 TodoItem 부모 재랜더링

해결됨

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

강의 10.3에서 TodoItem.jsx의 onchange 이벤트가 발생할때마다 부모도 같이 재랜더링 되는것 같아서요. 제가 짠 소스도 참고해보시면 부모 태그들에 각각 재랜더링이 될때마다 로그를 찍어봤는데 다 찍혀서 로그 찍는 시점이 잘못된건지 React dev tool이 이상한건지 제가 코드를 잘못 친건지 모르겠어서 질문 드립니다. https://github.com/Joonsby/one-bite-react/tree/master/section10 코드는 위에 링크에 올려놨으니 참고해주시면 될것 같습니다.

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

todoPagingCP.tsx에서

미해결

Next.js with Spring Boot

todoPagingCP.tsx에서 Link로 페이지 동적으로 만들었는데 페이지 클릭때마다 const res = await fetch( `http://localhost:8080/api/todos/list?page=${page}` ); todo/list/page에 있는 이코드가 실행이 되는건가요?

  • javascript
  • react
  • spring-boot
  • jpa
  • next.js
오일중 댓글 1 좋아요 0 조회수 74

form action 과 onSubmit

미해결

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

진행중에 form 에 action 과 onSubmit 을 섞어서 사용하셨는데 form action 과 onSubmit 을 어느상황에 어떤걸 선택해서 사용해야하는 기준이 있을까요? 어떤 기준에 따라 왜 사용하는지 정리가 안되서요 🤔

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
joo0 댓글 2 좋아요 0 조회수 74

클로드 아이콘 안 보임 문제

미해결

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

안녕하세요 조코딩님 클로드코드 확장프로그램은 자동으로 설치되어있는데 영상에 보이는 우측 상단의 클로드모양 아이콘은 안 보이네요. 혹시 지금 서비스가 되는지 확인해주실 수 있으실까요? LLM기반이 다시 없어진건지 궁금합니다.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
은석 댓글 1 좋아요 0 조회수 498

강의가 겹치는건가요?

미해결

간단하게 알아보는 React 디자인 패턴

Container & Presentation 강의랑 customHook 강의가 겹치는건가요? 같은영상이네요

  • react
  • typescript
  • 디자인-패턴
dlawnsdlekd 댓글 2 좋아요 0 조회수 85

모달 store 관련 질문입니다.

해결됨

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

안녕하세요, 이정환 강사님. 강의를 모두 수강하고 혼자 프로젝트를 진행하고 있는 수강생입니다. 모달 store를 구현하던 중 의문점이 생겨 질문합니다. 만약 postEditorModal에 더불어 다른 모달 데이터를 관리하는 스토어(예를 들어 projectEditorModal)을 만들고 싶으면, store 파일을 두 개로 나누어 만드는 것이 맞을까요? 처음에는 똑같은 state와 actions 값을 담는 store니 하나의 파일로 관리해서 만들어도 되지 않을까 생각했는데, devtools 이름을 나누어 관리하는 것이 버그 관리나 유지 보수 관점에서 더 유리할 것 같아서요. 감사합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
cupshop123 댓글 2 좋아요 0 조회수 81

강의를 따라갈 때 haiku 모델을 활용해도 괜찮을까요?

미해결

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

pro 요금제, sonnet4.5를 사용해서 강의를 따라가다 보니 금방 session의 토큰 사용량이 가득 차는 부분이 불편해서 모델 비교 설명을 확인해봤습니다. 일상적인 개발에서는 sonnet4.5가 토큰 사용량이나 성능 측면에서 뛰어난 것 같더라구요. 아마 실무 개발에서 claude를 활용하게 된다면 sonnet을 사용할 것 같은데, haiku4.5가 sonnet보다 3배 저렴하고 속도도 빠르다고 하는 내용을 보니 pro 요금제로 강의를 들을 때는 haiku 모델이 더 적합하겠다는 생각이 들었습니다. 이것 저것 모두 써보려고 하는데, 강사님의 의견이 궁금합니다! (실무에서 모델별 성능이 체감될 만큼 차이가 큰지도 궁금합니다.)

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
philtrum 댓글 1 좋아요 2 조회수 212

Location.getCurrentPositionAsync({}); 에러

미해결

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

npm ls react 19.1.0 npm ls react-native 0.81.5 npm ls expo 54.0.27 버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. 에뮬레이터에 location도 설정했는데 왜 마크표시를 누르면 아래 에러가 발생하는걸까요.. 빌드 지우고 다시 설치하고도 해봤습니다. LOG getMyLocation granted ERROR [Error: Uncaught (in promise, id: 1) Error: Current location is unavailable. Make sure that location services are enabled] Code: construct.js 2 | var setPrototypeOf = require("./setPrototypeOf.js"); 3 | function _construct(t, e, r) { > 4 | if (isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); | ^ 5 | var o = [null]; 6 | o.push.apply(o, e); 7 | var p = new (t.bind.apply(t, o))(); Call Stack construct (<native>) apply (<native>) _construct (node_modules/@babel/runtime/helpers/construct.js:4:65) Wrapper (node_modules/@babel/runtime/helpers/wrapNativeSuper.js:15:23) construct (<native>) _callSuper (node_modules/@babel/runtime/helpers/callSuper.js:5:108) constructor (node_modules/expo-modules-core/src/errors/CodedError.ts:11:5)

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
dev 댓글 3 좋아요 1 조회수 161

로컬스토리지 토큰 저장 시 보안문제

해결됨

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

안녕하세요 선생님 supabase의 회원가입 기능을 사용하여 가입한 경우 자동으로 로컬스토리지에 토큰정보들이 저장이 되는 부분에서 이 부분들이 보안적으로 문제가 되지 않나요?? supabase를 사용하는 실무에서 이러한 문제를 어떤식으로 보통 해결하나요?

  • react
  • typescript
  • react-query
  • supabase
  • zustand
박선우 댓글 2 좋아요 0 조회수 173

모바일 버전에 쓰이는 이미지를 다운받고 싶어요

미해결

(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계

강의 시간에 구글에서 찾은 이미지 말구요 그림 이미지요 모바일

  • react
  • redux
  • web-api
luckygoldsta 댓글 1 좋아요 0 조회수 89

[5.2) 풀라우트 캐시 2] fetch의 cache 옵션 기본값 질문: no-store/force-cache

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요. 수업을 듣다가 알려주신 거랑 다르게 동작하는 것 같아 질문드립니다. 5.2 풀라우트 캐시2 스크립트 기준 10:09 "자, 이런 Fetch 메서드는 자동으로 No Store 옵션을 갖는다고 말씀을 드렸죠?" -> 그래서 예상한 결과값은 dynamic page를 예상했는데 static page로 나오는 것 같습니다 npm run build를 했을 때 cache 옵션을 안 준 경우 const response = await fetch(`${process.env.NEXT_PUBLIC_API_SERVER_URL}/book`) Route (app) Size First Load JS ┌ ○ / 288 B 106 kB 이렇게 static page로 나오고 cache 옵션 no-store로 준 경우 Route (app) Size First Load JS ┌ ƒ / 288 B 106 kB 이렇게 dynamic page로 나와서 next 공식 문서를 찾아보니 https://nextjs.org/docs/15/app/api-reference/functions/fetch auto no cache (default): Next.js fetches the resource from the remote server on every request in development, but will fetch once during next build because the route will be statically prerendered. If Dynamic APIs are detected on the route, Next.js will fetch the resource on every request. 이렇게 build 때는 static 이라고 해서 질문이 생겼습니다. 어떤 블로그에서는 또 브라우저마다 다르게 동작한다고 해서 헷갈립니다..! 답변 주시면 감사드리겠습니다.

  • react
  • typescript
  • next.js
박주연 댓글 2 좋아요 1 조회수 125

배포후 동일한 url 다른 기기 접속

미해결

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

이렇게 노트북으로 배포한 상태에서 동일한 url을 제 휴대폰으로 검색해서 들어가니까 제 휴대폰으로는 데이터들이 안 보이는데 버그인가요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
최어진 댓글 2 좋아요 0 조회수 83

supabase foreign key relation 설정이 안돼요

미해결

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

like테이블을 생성하고자 작성을 한 후 Add foregin key relation 을 클릭하여 public schema를 선택한 이후에도 하위 테이블 목록이 보이지 않습니다..ㅠㅠ 딱히 다른 설정을 만진것이 없이 강의를 따라 쭉 해보고 있는데 무언가가 바뀐건가요? 강의 내에서는 post테이블이면 public.post로 나오지만 지금 현재는 post로만 보이는 상태인데 어떤 부분이 바뀌었나? 혹은 설정을 못한 부분이 있나 잘 모르겠습니다..

  • react
  • typescript
  • react-query
  • supabase
  • zustand
진상우 댓글 2 좋아요 0 조회수 75

probs(props)도 맞는 표현인가요?

미해결

리액트 기초 (Introduction to React)

제가 알기로는 props 로 알고있는데 강의에서 강사님이 props를 계속 probs 로 사용하셔서 헷갈립니다. probs 도 쓰이는 표현인가요?

  • react
  • react-router
  • hook
정보미 댓글 1 좋아요 0 조회수 121

강의교안, 내용 인용해서 블로그 글 작성

미해결

React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지

해당강의의 교안 내용과 강의를 보며 이해한 부분을 블로그에 정리해서 글을 써도 되는지 궁금합니다!

  • react
  • React-Context
  • react-router
  • tailwindcss
  • react-query
seungheon lee 댓글 2 좋아요 1 조회수 104

인기 태그

인프런 TOP Writers

주간 인기글