inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

prompt 사용 횟수로 토큰 소진 되는 것인가요?

해결됨

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

prompt 사용 횟수로 토큰 소진 되는 것인가요?

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

context 강의 중 질문

해결됨

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

11.2 context 사용하기 강의 중에서 질문이 있습니다. 아직 context에 대해 이해를 잘 못하고 있는데 강의 중 10분쯤에 return 문에서 context를 사용하기 위해 이전에 작성해놓은 onUpdate, onDelete 함수를 지웠는데 TodoItem 에 todo도 context를 사용해서 지울 수 있는게 아닌 건지 질문드립니다. app.jsx에서 <List > 부분에서 todos를 지웠던 것처럼 가능한게 아닌지 궁금합니다 div className="todos_wrapper"> {filteredTodos.map((todo) => { // 필터링 된 값들이 나온다 필터링을 거치지 않으면 todos 데이터가 다 나옴 return <TodoItem key={todo.id} {...todo} />; })} </div>

  • javascript
  • react
  • node.js
  • 카카오공채-개발
vmvmxx 댓글 2 좋아요 0 조회수 55

빌드 문의드립니다.

미해결

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

npm ls react ─┬ @expo/vector-icons@15.0.2 │ └── react@19.1.0 deduped ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── react@19.1.0 deduped ├─┬ @react-navigation/bottom-tabs@7.4.9 │ └── react@19.1.0 deduped ├─┬ @react-navigation/elements@2.6.5 │ ├── react@19.1.0 deduped │ ├─┬ use-latest-callback@0.2.6 │ │ └── react@19.1.0 deduped │ └─┬ use-sync-external-store@1.6.0 │ └── react@19.1.0 deduped ├─┬ @react-navigation/native@7.1.18 │ ├─┬ @react-navigation/core@7.12.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ expo-font@14.0.9 │ └── react@19.1.0 deduped ├─┬ expo-image@3.0.9 │ └── react@19.1.0 deduped ├─┬ expo-linking@8.0.8 │ └── react@19.1.0 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── react@19.1.0 deduped │ ├─┬ @radix-ui/react-slot@1.2.0 │ │ ├─┬ @radix-ui/react-compose-refs@1.1.2 │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ ├─┬ @radix-ui/react-tabs@1.1.13 │ │ ├─┬ @radix-ui/react-context@1.1.2 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-direction@1.1.1 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-id@1.1.1 │ │ │ ├─┬ @radix-ui/react-use-layout-effect@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-presence@1.1.5 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-primitive@2.1.3 │ │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-roving-focus@1.1.11 │ │ │ ├─┬ @radix-ui/react-collection@1.1.7 │ │ │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ │ │ └── react@19.1.0 deduped │ │ │ │ └── react@19.1.0 deduped │ │ │ ├─┬ @radix-ui/react-use-callback-ref@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-use-controllable-state@1.2.2 │ │ │ ├─┬ @radix-ui/react-use-effect-event@0.0.2 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ ├─┬ @react-navigation/native-stack@7.3.28 │ │ └── react@19.1.0 deduped │ ├─┬ react-native-is-edge-to-edge@1.2.1 │ │ └── react@19.1.0 deduped │ ├── react@19.1.0 deduped │ └─┬ vaul@1.1.2 │ ├─┬ @radix-ui/react-dialog@1.1.15 │ │ ├─┬ @radix-ui/react-dismissable-layer@1.1.11 │ │ │ ├─┬ @radix-ui/react-use-escape-keydown@1.1.1 │ │ │ │ └── react@19.1.0 deduped │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-focus-guards@1.1.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-focus-scope@1.1.7 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-portal@1.1.9 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-presence@1.1.5 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-primitive@2.1.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ @radix-ui/react-slot@1.2.3 │ │ │ └── react@19.1.0 deduped │ │ ├─┬ react-remove-scroll@2.7.1 │ │ │ ├─┬ react-remove-scroll-bar@2.3.8 │ │ │ │ └── react@19.1.0 deduped │ │ │ ├─┬ react-style-singleton@2.2.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ ├── react@19.1.0 deduped │ │ │ ├─┬ use-callback-ref@1.3.3 │ │ │ │ └── react@19.1.0 deduped │ │ │ └─┬ use-sidecar@1.1.3 │ │ │ └── react@19.1.0 deduped │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ expo-status-bar@3.0.8 │ └── react@19.1.0 deduped ├─┬ expo@54.0.13 │ ├─┬ @expo/devtools@0.1.7 │ │ └── react@19.1.0 deduped │ ├─┬ expo-asset@12.0.9 │ │ └── react@19.1.0 deduped │ ├─┬ expo-keep-awake@15.0.7 │ │ └── react@19.1.0 deduped │ ├─┬ expo-modules-core@3.0.21 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ react-dom@19.1.0 │ └── react@19.1.0 deduped ├─┬ react-native-gesture-handler@2.28.0 │ └── react@19.1.0 deduped ├─┬ react-native-reanimated@4.1.3 │ └── react@19.1.0 deduped ├─┬ react-native-safe-area-context@5.6.1 │ └── react@19.1.0 deduped ├─┬ react-native-screens@4.16.0 │ ├─┬ react-freeze@1.0.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├─┬ react-native-web@0.21.1 │ └── react@19.1.0 deduped ├─┬ react-native-webview@13.15.0 │ └── react@19.1.0 deduped ├─┬ react-native-worklets@0.5.1 │ └── react@19.1.0 deduped ├─┬ react-native@0.81.4 │ ├─┬ @react-native/virtualized-lists@0.81.4 │ │ └── react@19.1.0 deduped │ └── react@19.1.0 deduped ├── react@19.1.0 └─┬ tosspayments-react-native@1.0.7 ├─┬ react-native-webview@11.26.1 │ └── react@19.1.0 deduped └── react@19.1.0 deduped npm ls react-native ├─┬ @expo/vector-icons@15.0.2 │ └── react-native@0.81.4 deduped ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/bottom-tabs@7.4.9 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/elements@2.6.5 │ └── react-native@0.81.4 deduped ├─┬ @react-navigation/native@7.1.18 │ └── react-native@0.81.4 deduped ├─┬ @types/react-native@0.72.8 │ └─┬ @react-native/virtualized-lists@0.72.8 │ └── react-native@0.81.4 deduped ├─┬ expo-constants@18.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-file-system@19.0.17 │ └── react-native@0.81.4 deduped ├─┬ expo-font@14.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-image@3.0.9 │ └── react-native@0.81.4 deduped ├─┬ expo-linking@8.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── react-native@0.81.4 deduped │ ├─┬ @react-navigation/native-stack@7.3.28 │ │ └── react-native@0.81.4 deduped │ ├─┬ react-native-is-edge-to-edge@1.2.1 │ │ └── react-native@0.81.4 deduped │ └── react-native@0.81.4 deduped ├─┬ expo-status-bar@3.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo-symbols@1.0.7 │ └── react-native@0.81.4 deduped ├─┬ expo-system-ui@6.0.7 │ └── react-native@0.81.4 deduped ├─┬ expo-web-browser@15.0.8 │ └── react-native@0.81.4 deduped ├─┬ expo@54.0.13 │ ├─┬ @expo/cli@54.0.11 │ │ └── react-native@0.81.4 deduped │ ├─┬ @expo/devtools@0.1.7 │ │ └── react-native@0.81.4 deduped │ ├─┬ expo-asset@12.0.9 │ │ └── react-native@0.81.4 deduped │ ├─┬ expo-modules-core@3.0.21 │ │ └── react-native@0.81.4 deduped │ └── react-native@0.81.4 deduped ├─┬ react-native-daum-postcode@1.0.11 │ └── react-native@0.81.4 deduped ├─┬ react-native-gesture-handler@2.28.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-reanimated@4.1.3 │ └── react-native@0.81.4 deduped ├─┬ react-native-safe-area-context@5.6.1 │ └── react-native@0.81.4 deduped ├─┬ react-native-screens@4.16.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-webview@13.15.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-worklets@0.5.1 │ └── react-native@0.81.4 deduped ├─┬ react-native@0.81.4 │ └─┬ @react-native/virtualized-lists@0.81.4 │ └── react-native@0.81.4 deduped └─┬ tosspayments-react-native@1.0.7 ├─┬ react-native-send-intent@1.3.0 │ └── react-native@0.81.4 deduped ├─┬ react-native-webview@11.26.1 │ └── react-native@0.81.4 deduped └── react-native@0.81.4 deduped npm ls expo ├─┬ @react-native-community/datetimepicker@8.4.4 │ └── expo@54.0.13 deduped ├─┬ expo-constants@18.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-dev-client@6.0.15 │ ├─┬ expo-dev-launcher@6.0.15 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-dev-menu-interface@2.0.0 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-dev-menu@7.0.14 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-manifests@1.0.8 │ │ └── expo@54.0.13 deduped │ ├─┬ expo-updates-interface@2.0.0 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-file-system@19.0.17 │ └── expo@54.0.13 deduped ├─┬ expo-font@14.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-haptics@15.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-image-manipulator@14.0.7 │ ├─┬ expo-image-loader@6.0.0 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-image-picker@17.0.8 │ └── expo@54.0.13 deduped ├─┬ expo-image@3.0.9 │ └── expo@54.0.13 deduped ├─┬ expo-router@6.0.12 │ ├─┬ @expo/metro-runtime@6.1.2 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-secure-store@15.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-splash-screen@31.0.10 │ ├─┬ @expo/prebuild-config@54.0.5 │ │ └── expo@54.0.13 deduped │ └── expo@54.0.13 deduped ├─┬ expo-symbols@1.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-system-ui@6.0.7 │ └── expo@54.0.13 deduped ├─┬ expo-web-browser@15.0.8 │ └── expo@54.0.13 deduped └─┬ expo@54.0.13 ├─┬ @expo/cli@54.0.11 │ └── expo@54.0.13 deduped ├─┬ @expo/metro-config@54.0.6 │ └── expo@54.0.13 deduped ├─┬ babel-preset-expo@54.0.4 │ └── expo@54.0.13 deduped ├─┬ expo-asset@12.0.9 │ └── expo@54.0.13 deduped └─┬ expo-keep-awake@15.0.7 └── expo@54.0.13 deduped 버전을 알려주시면 질문자분과 동일한 환경에서 답변 드릴 수 있습니다. npx expo run:android 로 apk파일을 만들었는데 안드로이드 기기에서 파일을 실행하면 expo go가 설치가 되서 실행이 됩니다. apk 파일을 받아서 설치하면 바로 앱이 실행되게 할 수 있는 파일을 만들어서 다른 장소에 있는 기기에서 테스트를 하려면 어떻게 해야할까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
인프러너 댓글 1 좋아요 0 조회수 93

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 158

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 105

자료를 다운로드 받아 압축해지시 파일이름 다름

해결됨

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

수업자료 파일 다운로드해서 압추해지를 하면 파일명이 다릅니다. ( 전 수업자료 파일명으로 ) 자료는 이상없으나 자료가 쌓일수록 좀 혼락스럽니다~

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

미션제출 방법

해결됨

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

1주차 미션 제출을 하려고 하는데 디자인이 구현된 파일을 올리라는건가요? 완성된 미리보기를 캡쳐해서 보내야 하는건가요? 어떻게 제출하는거죠?

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
여치형 댓글 2 좋아요 0 조회수 91

figma 플러그인 mcp 사용시 매번 채널명을 업데이트 해줘야하나요?

해결됨

비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE

좋은 강의 재미있게 잘 듣고 있어요! cursor-talk-to-figma-mcp 설정을 해서 실습까지 마쳤는데요. 커서나 피그마를 재시작하면 해당 플러그인의 채널이 바뀌어서 mcp 동작이 안하는거 같더라구요. 매번 프로젝트 시작할때마다 피그마 소켓을 실행하고 채널을 업데이트 해줘야하는걸까요?

  • flutter
  • next.js
  • cursor
  • supabase
  • 바이브코딩
헤이수 댓글 2 좋아요 0 조회수 129

셀렉트박스 드랍다운 다크모드 아이콘이 없습니다.

해결됨

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

셀렉트박스 다크모드에서 사용할수있는 체크아이콘 파일이없습니다. 라이트모드에서는 check_outline_light_xs.svg를 사용하는데 다크모드에서는 사용할 아이콘이없어서 동일한 아이콘을 사용해 피그마에서는 체크아이콘이 하얀색인데 초록색으로 생성되는 문제가 있습니다.

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
콜라중독 댓글 2 좋아요 0 조회수 88

버튼 생성중에 커서 메모리 오류같은게 생깁니다.

해결됨

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

Cursor ⚠ The window terminated unexpectedly (reason: 'oom', code: '-536870904') We are sorry for the inconvenience. You can reopen the window to continue where you left off. ☐ Don't restore editors 왜 이런걸까요? 이때까지 이런적이 없는데 ui 생성에서 버튼 생성할때 위와 같은 오류가 생겨요 커서 종료하고 다시 해도 계속 이런 오류가 생기는데 ai에게 물어보니 메모리 부족이라는데 제컴퓨터가 메모리가 부족한 사양이 아니라서요 그리고 다른 앱도 안키고 하는데 계속 같은 일이 발생하네요 오류나서 정지된곳 부터 계속 해달라고 요청해서 마무리 하긴했는데 해결책이 있을까요? 위 사항에서 클로드가 버튼 노드를 못찾고 아래와 같은 피그마 문서 전체 검색을 한다고 한후 메모리 폭발한것을 확인했습니다. 노드 3:1461은 "드롭다운"이라는 프레임으로, 버튼 컴포넌트가 아닌 것 같습니다. 프롬프트에서 "참고할 공통컴포넌트 노드ID: 3:1461"라고 했는데, 이것이 버튼이 아닐 수 있습니다. 버튼 컴포넌트를 찾기 위해 주변 노드들을 확인하거나, 문서 정보를 확인해야 할 것 같습니다. 또는 현재 index.tsx의 주석에 있는 "Figma Referen ce: Node ID 3:1528"을 확인해보겠습니다. 프롬프트에 조건-피그마) 참고할 공통컴포넌트 노드ID: 3:1461 다음 노드의 스타일만 가져와. 절대 다른 노드 탐색하지 마 위 빨간색 문구를넣고 해결했습니다. ai 가 커서룰도 대충읽고 안지키고 그냥 대충 만드네요 ㅠㅠ 몇번 재검토 하니깐 룰 지켜서 만들어주네요

  • react
  • next.js
  • cursor
  • 바이브코딩
musful 댓글 2 좋아요 1 조회수 184

prettier 이슈

해결됨

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

Prettier 이슈 관련한 Q&A 확인해서 default 설정이나 format on save도 체크했는데 강의에서 보여주신 것 처럼 가독성이 좋은 상태가 아니고 의미없다고 판단한 괄호나 줄넘김을 다 없애버려서 자꾸 이런식으로 코드가 줄어듭니다 ㅠㅠㅠ const Main = () => { const user = { name: "안넝", isLogin: -1, }; return <>{user.isLogin ? (<div>로그인</div>) : (<div>로그아웃</div>)}</>; }; export default Main;

  • javascript
  • react
  • node.js
  • 카카오공채-개발
아연 댓글 2 좋아요 0 조회수 100

Expo-blur unimplement 오류

미해결

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

npx expo install expo-blur 실행 후 <BlurView> 컴포넌트를 사용하려고 하는데 런타임에서는 에러가 안지만 화면에서 위같이 unimplement 에러가 납니다. tsconfig를 수정해야 해결된다고 찾긴 했는데 { "extends": "expo/tsconfig.base", "compilerOptions": { "strict": true, "paths": { "@/*": [ "./*" ] } }, "include": [ "**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts" ] } 아래는 제 루트 tsconfig.json 파일입니다. 어떻게 수정하면 될까요?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
장예은 댓글 3 좋아요 0 조회수 138

hooks에서 commit 제한은 좀 힘들까요?

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

1주차 hooks 강의 듣고 있는데, commit 전에 review를 하도록 하고 싶은데 실제로 해보니 되긴 되는데 좀 오락가락 해서요. 혹시 hooks matcher가 한정되어 있을까요? commit은 좀 의도랑 다르게 접근한거지 궁금하네요

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
젓인 댓글 3 좋아요 0 조회수 149

Next.js 시작하기 강의는 어떻게 무료로 받을수있나요??

해결됨

AI와 함께 배우는 Next.js

강의 시작에 앞서 Next.js 시작하기 강의를 먼저 듣고 시작하고 싶은데 무료로 어떻게 받을수있을까요?

  • javascript
  • react
  • next.js
  • cursor
  • 인공지능(ai)
musful 댓글 1 좋아요 1 조회수 171

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 136

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 97

코드캠프 백앤드 답변이 안달려서 여기 남깁니다.

해결됨

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

안녕하세요~ 백앤드 소스 코드 요청 드립니다. [ 부트캠프에서 만든 고농축 백엔드 코스] 메일로도 요청드리고, 코드캠프 백앤드 게시판에도 요청드렸는데, 답변이 안달려서 여기 한번더 남깁니다. 부분적으로 필요한 부분만 수강하고 싶은데, 앞부분을 수강하지 않으면 수강하기 곤란한 부분이 있어서 소스코드좀 보내주시면 감사하겠습니다~ sunshinew@naver.com

  • react
  • next.js
  • cursor
  • 프롬프트엔지니어링
  • 바이브코딩
김주원 댓글 2 좋아요 0 조회수 133

DBeaver와 supabase connection

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

host, port, username, password 다 제대로 적었는데, test connection을 하려고 하면 "no route to host"라고 뜹니다. 구글링 해봐도 해결이 안되네요. 이런 오류가 뜰 때는 보통 어떻게 해결하나요??

  • react
  • 클론코딩
  • next.js
  • supabase
하이 댓글 2 좋아요 0 조회수 347

.

미해결

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

.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
이영훈 댓글 2 좋아요 0 조회수 93

인기 태그

인프런 TOP Writers

주간 인기글