스타터 저장소
미해결
프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드
스타터 저장소가 있는듯 한데 누락된 것 같아요
- javascript
- react
- React-Context
- frontend
- 시스템-디자인
- react.js
173만명의 커뮤니티!! 함께 토론해봐요.
미해결
프론트엔드 시스템 설계: 분산시스템으로서의 프론트엔드
스타터 저장소가 있는듯 한데 누락된 것 같아요
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
4.2) 강의에서 package.json파일 기반으로 라이브러리를 설치해야 한다고 하셨는데 이미 node_modules파일과 package-lock.json파일이 설치되어 있다면 터미널에서 npm install을 할 필요는 없는 건가요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Oxlint와 ESLint차이점이 궁금합니다. 둘 중 어느 것을 설치하는 것이 맞나요?
해결됨
진짜 바이브코딩 올인원 클래스: Claude Code 기초부터 런칭, 운영, 에이전트 자동화까지
수업노트에 첨부된 DESIGN.md 파일이 잘 못 되어 다운로드 되지 않습니다. 수정이 필요해보입니다. 일단, git repo에서 다운로드 받아서 사용했습니다.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
깃허브 닉네임은 뜨는데 이메일이 안뜨면 어떻게 해야하나요?
미해결
타입스크립트로 배우는 리액트(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를 호출하면 컴포넌트가 마운트되자마자 불필요한 리렌더링 연쇄가 일어나기 때문에 위와 같은 코드 작성을 금지한다고 하는데, 최신 문법에 맞는 방법은 어떻게 작성하면 좋을지 궁금합니다
미해결
PostgreSQL로 500만건의 한국 아파트 거래 데이터 분석 및 시각화
7강에서 제공하는 샘플 데이터 다운로드 받는 링크(구글드라이브링크)를 클릭하면 요청 파일이 없다고 나옵니다. 어디서 샘플데이터를 다운로드 받을수 있을까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강사님이 하시는 것처럼 to-do app 만들거나 포트폴리오 사이트 만들기 할때마다 claude가 allow this bash command? 를 물어봅니다. 대체 왜 그런걸까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
mission 4 실행중에 Chrome 관련해서 동일 질문이 계속 반복됩니다. Allow all actions을 선택해도 계속 같은 질문이 나와서 해결 방법을 알고 싶습니다 .
해결됨
클로드 코드의 정석: 실전 에이전틱 엔지니어링
수업 자료를 다운로드 받았는데, 압축이 안풀립니다. 확인 부탁드려요
미해결
실무 중심! FE 입문자를 위한 React
와 어렵네 진짜 너무 쓸데없이 추상화 많이 된거같은데
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
현재 자체 추론이 가능한 추론 모델들도 있고, claude code sonnet 모델부터는 effort로 추론, 사고 강도를 단계별로 활성화도 가능한데, sequential thinking mcp의 유용성에 의심이 갑니다. 오히려 자체 추론 능력을 저해하거나, 굳이 필요없는데 mcp를 콜해서 토큰이 추가적으로 소모되거나 하는 문제가 있을 것 같아서요. 자체 추론 기능이 없는 모델에서는 유용할 수 있을 것 같은데, 그 외의 모델에서는 이 mdp가 유용할까 의심이 듭니다. 강사님 생각은 어떠신가요?
미해결
Slack 클론 코딩[실시간 채팅 with React]
9분57초 쯤에 질문 있습니다. 실제 서비스라고 가정했을 때 사용자가 저 sleact에 focus를 두지 않고 다른 탭을 사용한다면 지금과 똑같이 대화가 와도 sleact에 focus를 두지 않는 한 채팅이 화면에 반영되지 않는건가요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
"[설치 전 확인] 커서(Cursor) 화면이 강의와 다르다면? (UP_260720)" 내용에 보면 VS Code 설치를 권장한다고 되어 있습니다. 강의 내용은 Cursor 인데 화면 혼동 없이 강의를 편하게 따라오시려면 VS Code가 더 수월하다는 뜻을 이해 못하겠네요. 강의 내용이 Cursor로 되어 있으니 Cursor 설치가 강의를 따라가기 좋은 에디터가 아닌지요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
수업 중 궁금한 게 있습니다. 터미널과 클로드코드의 차이가 무엇인가요?! 결국 둘 다 터미널을 사용하는 거라면, 굳이 터미널을 사용할 필요는 없는거 아닌가요?! 클로드에게 물어봤을 땐, 모든 결과물이 100% 똑같고 화면이 어떻게 보이느냐의 차이만 있다고 하던데 클로드 코드와 터미널에서 작업할 때 생기는 차이가 궁금합니다. 그리고 웹이나 앱 개발을 위해 둘 중 하나를 더 사용한다면, 그 이유도 궁금합니다.
미해결
실무에 바로 적용하는 스토리북과 UI 테스트
강의 잘 듣고 있습니다 ! 강의하시다 보면 타입스크립트에 타입이나 인터페이스 정의하실 때 자동 완성되는 것 같은데.. 어떻게 설정해야하는지 문의드립니다
미해결
(AI 퀀트) 코드 한 줄 안 쓰고 주식 자동 분석 시스템 만들기 feat. Claude CLI
소넷5로 프로젝트 처음부터 제공해주신 프롬프트 만으로 작업 진행중입니다. 오류나거나 이상한 건 클로드한테 물어가면서 해결해왔습니다. 근데 vcp_signals.json은 vcp_scanner.py로 작성되는 파일이고 이 파일의 데이터는 실행한 당일날(휴일이면 최신의 영업일)에 데이터를 '덮어쓰기' 로 진행하기 때문에 프론트엔드에 표시되는 vcp 누적 성과는 사실 누적이 아니지 않나요?? 진짜 누적된 vcp_signals 성과를 보려면 매일 모아온 데이터를 저장하고 이걸 가져와서 프론트엔드에 뿌리는 로직이 있어야 하는데 이게 없는 것 같아 의도한 것인지 궁금해서 질문드립니다. 강의 자료로 제공해주신 파이썬 코드에도 누적 성과를 볼 수 있는 로직이 없는 것 같습니다. 이건 자의적으로 판단해서 만들어야하나요?
미해결
나만의 Claude Code 하네스 (SPEC·TDD·CI로 짓는 AI 개발 워크플로우)
강사님~ 신규 프로젝트를 진행할때 기획서 명세화 되어져 있고 피그마 기반의 디자인도 정의가 되어져 있는 프로젝트를 진행할때 강의 내용을 접목하여 진행한다면 어떻게 해야 하는지 궁금합니다. vite-react-ts 프로젝트라면 초기 프로젝트를 생성하고 /init으로 claude.md 만들고 git 설정을 한 후에 강의에서 tag 구현처럼 진행하는 방향이 맞는건지 궁금합니다. 초기 프로젝트의 workflow 에 대한 조언을 부탁드립니다. 감사합니다.
미해결
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> ); }
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요! 길고긴 강의를 끝내며 배포에 성공했습니다! 🎉 뿌듯하네요~ 질 좋은 강의 진행해주셔서 감사합니다. 배포 이후 페이지 확인하면서 한가지 문의드릴 부분이 있습니다. 사이트에 접속해서 일기 하나를 열고(/diary/1 같은 주소) 새로고침(F5)을 하면 404페이지가 뜨는데 이 부분은 어떻게 수정해야하는지 문의드립니다.