inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

4-23 Promise객체 12:05 코드 질문

해결됨

웹 프론트엔드를 위한 자바스크립트 첫걸음

⚠ 질문 작성법 - 몇 섹션의 어떠한 강의에 대한 질문인지 작성해주세요. (ex. 섹션2 조건문에 대한 질문) - 질문은 최대한 구체적으로 작성해주세요. - 비슷한 질문이 올라와있는지 확인해주세요. - 코드가 포함된 질문은 아래와 같이 코드블록을 사용해주세요. console.log("hello world"); 안내사항 - 질문에 대한 답변은 보통 주말, 공휴일을 제외한 평일 오전 시간 에 답변해드립니다. - '질문 해결'은 답변 작성일 기준 1일 이후에 설정됩니다. 섹션4 23 Promise객체 강의에서 12:05시간에 아래와 같은 예제를 설명하는데, const executor = (resolve, reject) => { setTimeout( () => { reject("실패"); }, 3000); }; const promise = new Promise(executor); promise .then((res) => { console.log(res); }) .catch((err) =>{ console.log(err); }); 코드 아래에서 promise.then(...).catch(...); 와 같은 형식으로 사용될 수 있는 이유를 알려주세요. then과 catch는 property라고 했는데, 이와 같이 초기화 하는 내용은 강의에서 못들은것 같고, Promise chaining으로 넘겨짚기에는 각 함수에서 객체를 리턴하지도 않고... 모르겠네요.

  • javascript
  • dom
crk1004 댓글 2 좋아요 0 조회수 85

input과 select 태그에 value 값 설정

해결됨

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

안녕하세요 5.8) State로 사용자 입력 관리하기 1 에서 input과 select 태그에 value 값을 설정해주셨는데, 초기값을 설정해줄 필요가 없는 경우에는 value 값을 생략해도 괜찮은가요?

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

클로드코드 보안 문제

미해결

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

안녕하세요, 강사님. 저는 개발 경험이 없는 문과 출신 수강생입니다. 업무 자동화 및 데이터 전처리 관점에서 Claude Code 활용을 검토하던 중 보안 관련 사항을 정확히 이해하고자 문의드립니다. Claude Code 사용 시, 업로드한 데이터가 외부 서버로 전송되나요? 전송된다면 해당 데이터가 유출될 가능성이 있나요? . (혹시 아신다면) 실제 기업 환경에서는 Claude Code 를 빈번히 사용 중인지 궁금합니다. 저는 웹/앱 개발 보다는 업무 자동화 및 데이터 전처리(파이썬 스크립트 작성 등)에 관심이 있고, 이때 일부 고객 개인정보를 다룰 예정이었습니다. 다만 실제 업무 적용을 검토하는 과정에서, 사내 PC에 Claude Code를 설치하였으나 보안 정책상 platform.claude.com , api.anthropic.com 등 일부 URL이 차단되어 현재는 실행이 제한된 상태이고, 클로드코드를 사용하려면 회사측에 별도의 승인을 받아야하는 상황으로 이에 참고 차 위 정보를 문의드립니다. 이에

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
김진경 댓글 1 좋아요 0 조회수 2204

`2.4 Shadcn/ui를 소개합니다` 에서 에러가 뜹니다.

미해결

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

강의대로 따라가다가 shadcn을 설치 후 app.tsx에 다음과 같은 경고가 뜹니다. import "./App.css"; import { Button } from "@/components/ui/button"; function App() { <div> <Button>버튼!</Button> </div>; } export default App; 이대로만 따라서 쳤는데 button.tsx에서 [{ "resource": "/Users/minsu/Documents/onbite-exam/src/components/ui/button.tsx", "owner": "eslint4", "code": "react-refresh/only-export-components", "severity": 4, "message": "Fast refresh only works when a file only exports components. Use a new file to share constants or functions between components.", "source": "eslint", "startLineNumber": 62, "startColumn": 18, "endLineNumber": 62, "endColumn": 32, "modelVersionId": 2 }]라고 에러가 뜹니다. 추가로 index.css에서도 에러가 다음과 같이 뜹니다.. 신경 안써도 되는 에러일까요? 소스코드는 구글드라이브로 공유드립니다. https://drive.google.com/file/d/1gjyp7Io1bA6Tb2hriqhQN8T-jInXo7kY/view?usp=drive_link

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

함수 정의 기준

미해결

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

보통 상위 컴포넌트에 함수를 정의하고 하위 컴포넌트에서는 이벤트가 발생했을 때 상위 컴포넌트의 함수를 호출하는 방식이 맞는건가요? 강의를 보니 하위 컴포넌트에서도 함수를 정의하는 것 같아서 질문드립니다. 어느 쪽에 함수를 정의하는 것이 맞는 것인지 궁금합니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정진 서 댓글 2 좋아요 0 조회수 98

갑자기 유료화 되는데 이거 시간 지나면 다시 풀리나요?

미해결

SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs

커서 ai가 갑자기 결제해야된다는 식으로 창이 뜨는데 시간 지나면 다시 무료로 써지나요?

  • react
  • node.js
  • cursor
  • tailwindcss
  • nextjs
오일중 댓글 1 좋아요 0 조회수 63

[e.target.name]: e.target.value 문법을 자바스크립트 객체 챕터에서 배웠었나요?

해결됨

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

내용 하나하나 기록하면서 수업 듣고 있었는데.. 말씀 중에 [e.target.name]: e.target.value, 이렇게 객체를 생성하면서 프로퍼티의 key 값에 대괄호에 변수 이름을 넣어서 생성하는 부분이 있다고 하셔서 기존글을 계속 뒤져봤는데 자바스크립트 객체 챕터에서 예시가 안보여서 혹시 어디 부분의 어느 예시로 알려주셨는지 알고 계신분이 계시면 공유좀 부탁드립니다....

  • javascript
  • react
  • node.js
개발자 취업 포기 댓글 2 좋아요 1 조회수 88

toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
kangwoo_eum 댓글 2 좋아요 0 조회수 70

맥북 듀얼모니터 사용 displaylink manager 사용시 화면이 안보입니다.

미해결

떠먹는 Three.js

맥북 사용중이고 displaylink manager를 사용해서 듀얼모니터에 연결해서 강의를 듣고있습니다. 그런데 강의 보기 너무불편합니다. 아예 듀얼모니터 다 연결하면 검정화면으로 보여요 저작권 보호를 위해 막아두신건 알겠습니다. 해결방안으로 하드웨어 가속 끄기 설정이던데 로컬에서 서버 실행시 threejs 가 안보이고 빈화면으로 보이게됩니다. 이거 어떻게 못할까요ㅜㅠ 무단으로 복제해가는사람들은 어떻게든 복제해갑니다.. 강의들을때 너무 불편합니다.

  • HTML/CSS
  • javascript
  • three.js
지원 댓글 1 좋아요 0 조회수 118

pro 요금제 부족하신 분들, 다른 ai 사용하시나요 ?

미해결

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

다름이 아니라, 저는 강의 외에도 회사업무에서도 claude를 사용합니다. 하지만 회사 업무도 그렇고 강의를 하다보면 당연히 토큰이 너무 부족하게 되더라구요. 그러다가 gemini(구글 AI one)요금제를 google family로 해서 추가 가입을 해서 사용하고 있습니다. 그런데 claude를 쓰다가 gemini를 가면 뭔가 역체감?같은게 심하게 들어요. 애가 말도 잘 못듣는것같고; 저만 그런건지 몰라도..ㅋㅋ혹시 다른 ai까지 사용하시는 분들 있다면 조합 추천좀 부탁드립니다. 아니면 그냥 깔끔하게 max로 가려고 해도 비용이 너무 후덜덜 해서 못 갈 것 같아요 (회사에서도 지원 안해줌)ㅠㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
유우리 댓글 2 좋아요 0 조회수 241

template 동작 흐름에 대해서 질문 있습니다.

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

안녕하세요. boaz님!!! 강의 잘 수강하고 있습니다. template.tsx 는 언제 필요할까? 강의에서 한가지 질문있습니다. 네비게이션이 발생한 경우 template.tsx는 re-render가 발생해 fiber 노드가 새롭게 생성되어 상태가 초기화된다. 👆 네비게이션이 발생한 경우 template.tsx는 서버 단계에서 re-render가 발생하고, 클라이언트 단계에서 fiber 노드는 새롭게 생성(= re-mount)되어 상태가 초기화된다. 상태가 초기화되는 부분은 re-render가 아니라 re-mount 가 정확한 표현이지 않는지 궁금합니다. 강의 항상 잘 듣고 있습니다. 감사합니다.

  • react
  • typescript
  • next.js
lokba.tree김상록 댓글 1 좋아요 1 조회수 97

input checkbox 에 onChange 대신 onClick 을 사용하신 이유

미해결

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

안녕하세요 선생님 input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하신 이유가 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
헤헤히히 댓글 2 좋아요 0 조회수 122

plan task 후 task.json에 반영되지 않는 문제점

해결됨

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

plan task를 진행한 후 정상적으로 Shrimp Task Manager를 활용해서 Task를 생성했음에도 GUI 모드에서 확인을 위한 tasks.json이 같이 업데이트 되지 않는 문제점을 확인했습니다. Claude Code에서 기억하고 자동으로 강의대로 진행을 한다면 굳이 task.json이 업데이트되지 않는 것이 문제가 되지 않나요? 혹은 필요하다면 프롬프트에 단순히 tasks.json을 업데이트해줘를 붙여야 하나요? 토큰을 어차피 둘 다 동일하게 사용할 것으로 예상되지만 혹시나 하는 마음에 질문드립니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 0 조회수 116

윈도우 명령어

미해결

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

음 윈도우로 해보고 있는데 여기서 막혔습니다.. notepad $PROFILE 열어서 뭐 해보고 했는데 잘 안돼요 ㅜㅜㅡ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
노승민 댓글 2 좋아요 0 조회수 80

Vercel에 등록할때 NODE_ENV 는?

미해결

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

버셀에 등록하실때 환경변수에 NODE_ENV= production 이라고 입력하시던데, 이건 뭔가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kelo 댓글 2 좋아요 0 조회수 100

생산 공정 최적화 (이분탐색) worst Case 수정

미해결

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

function solution(n, speeds) { let left = 1; let right = Math.min(...speeds) * n; //최악의 경우 : 가장 빠른 기계가 n개의 제품을 만드는 시간 let answer = right; while(left <= right){ const mid = Math.floor((left+right) / 2) let total = 0; for (let time of speeds) { total += Math.floor(mid/time) // 중간 시간에 생성할 수 있는 제품 수 } if(total >= n){ answer = mid; right = mid - 1; } else { left = mid + 1; } } return answer } console.log(solution(8, [5,9])) console.log(solution(6, [7,10])) 최악의 경우가 가장 느린기계가 제품을 모두 생성하는 시간이 아닌 가장 빠른 기계만 사용해서 제품을 모두 만드는 경우가 최악의 케이스 같습니다!

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
이민재 댓글 1 좋아요 0 조회수 81

ROADMAP.md와 Shrimp Task Manager 작업의 차이

미해결

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

제목과 같이 저는 ROADMAP.md(클로드코드가 만든)과 shrimp task manager가 만든 작업이 다른데, 왜 이런 결과가 나오게 된건가요? ❯ task list 작업목록와 @docs/ ROADMAP.md 작업 목록과의 차이는 뭐야? ⎿ Read docs\ ROADMAP.md (260 lines) ● Shrimp Task Manager vs ROADMAP.md 비교 ROADMAP.md (Phase 2) - 3개 고수준 작업 ┌──────────┬──────────────────────────────────────────────────────────────┐ │ Task │ 내용 │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 004 │ 견적서 공통 컴포넌트 라이브러리 (7개 컴포넌트) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 005 │ 견적서 상세 페이지 UI 완성 (더미 데이터, 반응형, 애니메이션) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 006 │ 에러 페이지 및 상태 UI (404/500, 만료 안내, 토스트) │ └──────────┴──────────────────────────────────────────────────────────────┘ Shrimp Task Manager - 15개 세분화 작업 추가된 작업 (ROADMAP에 없음): ┌─────────────────────────┬───────────────────────────────────────────┐ │ 작업 │ 설명 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ formatCurrency 유틸리티 │ 원화 포맷팅 함수 (공통 사용) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ QuoteStatusBadge │ 상태 배지 컴포넌트 (추가 구현) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 배럴 익스포트 설정 │ index.ts 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 로딩 페이지 리팩토링 │ loading.tsx 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ Playwright MCP 테스트 │ E2E 테스트 (ROADMAP에서는 Phase 3에 포함) │ └─────────────────────────┴───────────────────────────────────────────┘ 이미 완료된 항목 (Phase 1에서): - 404 에러 페이지 (not-found.tsx) ✅ - 500 에러 페이지 (error.tsx) ✅ 주요 차이점 1. 세분화 수준: ROADMAP은 3개 고수준 작업, Shrimp는 15개 실행 가능 단위로 분리 2. 의존성 관리: Shrimp는 작업 간 의존성을 명시적으로 관리 3. 추가 컴포넌트: QuoteStatusBadge, formatCurrency가 Shrimp에서 추가 4. 테스트 시점: Shrimp는 Phase 2에 E2E 테스트 포함 (ROADMAP은 Phase 3) ROADMAP.md 를 Shrimp Task Manager 작업 목록에 맞게 업데이트할까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kelo 댓글 1 좋아요 0 조회수 186

mcp 및 agent 파싱 에러 관련

미해결

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

안녕하세요. Mission 15를 하기위해 https://github.com/gymcoding/claude-nextjs-starters.git 코드를 클론해와서 작업을 수행하는데, 문제가 있어서 /doctor로 진단을 받고 아래와 같이 응답을 받았습니다. mcp 는 워닝이라 그냥 해볼까 하는데, 파싱 에러는 도대체 왜 발생하는지 모르겠네요.

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
목요일 댓글 2 좋아요 0 조회수 95

command, subagent, skill을 각각 언제 쓰면 좋은지 알고 싶습니다.

미해결

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

강의 잘 들었습니다. 상세한 설명 감사 드립니다. 마지막에 skills이 추가 되어서, 강의에서 다뤘던 내용들이 헷갈리네요. 초반 강좌에서는 subagent로 PRD.md, ROADMAP.md 를 생성했었는데, Skill로 생성하는 것이 좋은 건가요? command로 추가해서 사용하던 git commit, code review 도 skill을 활용하던데 shrimp task manager는 그대로 사용해도 되는건가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
solutiondev 댓글 1 좋아요 0 조회수 304

인기 태그

인프런 TOP Writers

주간 인기글