inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

스타터 저장소

미해결

프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드

스타터 저장소가 있는듯 한데 누락된 것 같아요

  • javascript
  • react
  • React-Context
  • frontend
  • 시스템-디자인
  • react.js
화를참자 댓글 0 좋아요 1 조회수 7

What is Rxjs

미해결

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

What is Rxjs

  • javascript
  • rxjs
Hans Schenker 댓글 1 좋아요 0 조회수 6

라이브러리 설치 질문

미해결

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

4.2) 강의에서 package.json파일 기반으로 라이브러리를 설치해야 한다고 하셨는데 이미 node_modules파일과 package-lock.json파일이 설치되어 있다면 터미널에서 npm install을 할 필요는 없는 건가요?

  • javascript
  • react
  • node.js
손재상 댓글 1 좋아요 0 조회수 6

linter 질문

미해결

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

Oxlint와 ESLint차이점이 궁금합니다. 둘 중 어느 것을 설치하는 것이 맞나요?

  • javascript
  • react
  • node.js
손재상 댓글 1 좋아요 0 조회수 6

DESIGN.md 파일이 잘못되었어요

해결됨

진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지

수업노트에 첨부된 DESIGN.md 파일이 잘 못 되어 다운로드 되지 않습니다. 수정이 필요해보입니다. 일단, git repo에서 다운로드 받아서 사용했습니다.

  • git
  • github
  • next.js
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
hanbrang 댓글 1 좋아요 1 조회수 16

github

미해결

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

깃허브 닉네임은 뜨는데 이메일이 안뜨면 어떻게 해야하나요?

  • react
  • 인공지능(ai)
  • claude
문원미 댓글 1 좋아요 0 조회수 9

react-fetch -2 (loading) 에러

미해결

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

react 19 및 ESLint (exlint-plugin-react-compiler 또는 최신 react-hooks 규칙)에서 새로 추가된 규칙으로 발생하는 문제가 있습니다. useEffect(() => { setIsLoading(true); fetch("http://localhost:3000/posts") .then((reponse) => { return reponse.json(); }) .then((data) => setPosts(data)) .finally(() => { setIsLoading(true); }); }, []); useEffect 내부에서 조건 없이 동기적으로 setState를 호출하면 컴포넌트가 마운트되자마자 불필요한 리렌더링 연쇄가 일어나기 때문에 위와 같은 코드 작성을 금지한다고 하는데, 최신 문법에 맞는 방법은 어떻게 작성하면 좋을지 궁금합니다

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
5647kr 댓글 2 좋아요 0 조회수 13

수업자료 링크 접속했는데 404에러 뜹니다 ㅠ

미해결

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

https://one-go-js.hyobb.com/ 위 링크 접속했는데 404 에러뜨고 있어 확인이 불가합니다 ㅠ

  • javascript
  • rest-api
  • spa
  • dom
보라해에 댓글 1 좋아요 1 조회수 12

Claude에서 Bash, PowerShell 커맨드 묻기

미해결

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

강사님이 하시는 것처럼 to-do app 만들거나 포트폴리오 사이트 만들기 할때마다 claude가 allow this bash command? 를 물어봅니다. 대체 왜 그런걸까요?

  • react
  • ai
  • claude
정효원 댓글 1 좋아요 0 조회수 15

mission 4 실행중 같은 질분 반복

미해결

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

mission 4 실행중에 Chrome 관련해서 동일 질문이 계속 반복됩니다. Allow all actions을 선택해도 계속 같은 질문이 나와서 해결 방법을 알고 싶습니다 .

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

클로드코드 명령어-대화&세션관리 수업 자료

해결됨

클로드 코드의 정석: 실전 에이전틱 엔지니어링

수업 자료를 다운로드 받았는데, 압축이 안풀립니다. 확인 부탁드려요

  • java
  • spring
  • 소프트웨어-설계
  • 인공지능(ai)
  • ai-agent
  • claude
  • 바이브코딩
나인바틀스 댓글 1 좋아요 0 조회수 15

리덕스 툴킷 맵다

미해결

실무 중심! FE 입문자를 위한 React

와 어렵네 진짜 너무 쓸데없이 추상화 많이 된거같은데

  • react
  • redux
  • node.js
  • sass
  • swr
pumpingYoo 댓글 1 좋아요 0 조회수 17

sequential thinking mcp 사용 유용성에 대하여 질문있습니다.

미해결

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

현재 자체 추론이 가능한 추론 모델들도 있고, claude code sonnet 모델부터는 effort로 추론, 사고 강도를 단계별로 활성화도 가능한데, sequential thinking mcp의 유용성에 의심이 갑니다. 오히려 자체 추론 능력을 저해하거나, 굳이 필요없는데 mcp를 콜해서 토큰이 추가적으로 소모되거나 하는 문제가 있을 것 같아서요. 자체 추론 기능이 없는 모델에서는 유용할 수 있을 것 같은데, 그 외의 모델에서는 이 mdp가 유용할까 의심이 듭니다. 강사님 생각은 어떠신가요?

  • react
  • 인공지능(ai)
  • claude
정민교 댓글 1 좋아요 0 조회수 29

타입 점검하기 swr관련 질문 있습니다.

미해결

Slack 클론 코딩[실시간 채팅 with React]

9분57초 쯤에 질문 있습니다. 실제 서비스라고 가정했을 때 사용자가 저 sleact에 focus를 두지 않고 다른 탭을 사용한다면 지금과 똑같이 대화가 와도 sleact에 focus를 두지 않는 한 채팅이 화면에 반영되지 않는건가요?

  • react
  • 웹팩
  • typescript
  • socket.io
  • babel
  • 클론코딩
studycode2408 댓글 2 좋아요 0 조회수 23

VS Code? Cursor?

미해결

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

"[설치 전 확인] 커서(Cursor) 화면이 강의와 다르다면? (UP_260720)" 내용에 보면 VS Code 설치를 권장한다고 되어 있습니다. 강의 내용은 Cursor 인데 화면 혼동 없이 강의를 편하게 따라오시려면 VS Code가 더 수월하다는 뜻을 이해 못하겠네요. 강의 내용이 Cursor로 되어 있으니 Cursor 설치가 강의를 따라가기 좋은 에디터가 아닌지요?

  • react
  • 인공지능(ai)
  • claude
signal 댓글 0 좋아요 0 조회수 38

터미널과 클로드코드의 차이

미해결

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

수업 중 궁금한 게 있습니다. 터미널과 클로드코드의 차이가 무엇인가요?! 결국 둘 다 터미널을 사용하는 거라면, 굳이 터미널을 사용할 필요는 없는거 아닌가요?! 클로드에게 물어봤을 땐, 모든 결과물이 100% 똑같고 화면이 어떻게 보이느냐의 차이만 있다고 하던데 클로드 코드와 터미널에서 작업할 때 생기는 차이가 궁금합니다. 그리고 웹이나 앱 개발을 위해 둘 중 하나를 더 사용한다면, 그 이유도 궁금합니다.

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

타입스크립트 autoComplete?

미해결

실무에 바로 적용하는 스토리북과 UI 테스트

강의 잘 듣고 있습니다 ! 강의하시다 보면 타입스크립트에 타입이나 인터페이스 정의하실 때 자동 완성되는 것 같은데.. 어떻게 설정해야하는지 문의드립니다

  • react
  • typescript
  • tailwindcss
  • storybook
  • ui-testing
jaiyah 댓글 1 좋아요 0 조회수 20

VCP 누적 성과 저장 질문

미해결

(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI

소넷5로 프로젝트 처음부터 제공해주신 프롬프트 만으로 작업 진행중입니다. 오류나거나 이상한 건 클로드한테 물어가면서 해결해왔습니다. 근데 vcp_signals.json은 vcp_scanner.py로 작성되는 파일이고 이 파일의 데이터는 실행한 당일날(휴일이면 최신의 영업일)에 데이터를 '덮어쓰기' 로 진행하기 때문에 프론트엔드에 표시되는 vcp 누적 성과는 사실 누적이 아니지 않나요?? 진짜 누적된 vcp_signals 성과를 보려면 매일 모아온 데이터를 저장하고 이걸 가져와서 프론트엔드에 뿌리는 로직이 있어야 하는데 이게 없는 것 같아 의도한 것인지 궁금해서 질문드립니다. 강의 자료로 제공해주신 파이썬 코드에도 누적 성과를 볼 수 있는 로직이 없는 것 같습니다. 이건 자의적으로 판단해서 만들어야하나요?

  • python
  • flask
  • next.js
  • 인공지능(ai)
다드가드 댓글 2 좋아요 0 조회수 35

유지보수가 아닌 최초 프로젝트 생성 부터 진행할때

미해결

나만의 Claude Code 하네스 (SPEC·TDD·CI로 짓는 AI 개발 워크플로우)

강사님~ 신규 프로젝트를 진행할때 기획서 명세화 되어져 있고 피그마 기반의 디자인도 정의가 되어져 있는 프로젝트를 진행할때 강의 내용을 접목하여 진행한다면 어떻게 해야 하는지 궁금합니다. vite-react-ts 프로젝트라면 초기 프로젝트를 생성하고 /init으로 claude.md 만들고 git 설정을 한 후에 강의에서 tag 구현처럼 진행하는 방향이 맞는건지 궁금합니다. 초기 프로젝트의 workflow 에 대한 조언을 부탁드립니다. 감사합니다.

  • react
  • tdd
  • ai-agent
  • claude
  • 하네스
컴공과 댓글 1 좋아요 0 조회수 18

primitive에 onClick 이벤트가 안되는 경우

미해결

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

아래와 같이 코드를 작성했습니다. 렌더링은 잘되며, 에러코드도 안 뜨는데 클릭 이벤트에 응답이 없습니다. import { useLoader, useThree } from '@react-three/fiber'; // import * as THREE from 'three'; import { GLTFLoader } from 'three/examples/jsm/Addons.js'; export default function ShowRoom() { const gltf = useLoader(GLTFLoader, './models/custom.glb'); const { raycaster } = useThree(); // console.log(gltf); console.log(raycaster); const handleClick = () => { console.log('click'); const intersects = raycaster.intersectObjects(gltf.scene.children, true); console.log(intersects); }; return ( <primitive object={gltf.scene} onClick={handleClick} /> // <mesh // rotation={[THREE.MathUtils.degToRad(45), THREE.MathUtils.degToRad(45), 0]} // > // <boxGeometry /> // <meshStandardMaterial /> // </mesh> ); }

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
이지현 댓글 1 좋아요 0 조회수 14

인기 태그

인프런 TOP Writers

주간 인기글