172만명의 커뮤니티!! 함께 토론해봐요.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요 스타터킷 제작 강의 수강중에 이제 실습 중입니다. 먼저 cot를 통한 클로드 코드와 웹 개발 스타터킷에 대해 공부하고 제 상황에 맞춘 킷을 개발하려고 기획을 짜고 있습니다 스택을 추천해달라고 하고 이후 다시 한 번 최신 공식문서 기반으로 버전 체크를 해봤습니다 이 때 26년도 1월에 나온 next.js 최신 버전 16.1.6과 15중 일단 현재는 AI가 가장 잘 이해한다고 권장하는 15로 버전설치를 하였습니다 최신으로 하는게 나을까요? 아니면 지금 선택이 맞는걸까요
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
.claude/agents/prd-generator.md 생성하고 /exit 으로 나갔다가 터미널에서 다시 클로드실행해도 여전히 agents 목록에 안뜨더라구요. Create new agent 수동으로 만들었더니 서브에이전트 생성은 되긴한데 여전히 @agent-prd-generator 명령어는 안먹히구요. 프롬프트에 'prd-generator 서브에이전트를 활용해서'라는 문구를 추가해서 MVP PRD는 생성했는데, mcp 설치 후 CLI 껐다 켜도 settings 파일에 적용 안되는 것도 그렇고 변경 내용이 연동이 안되네요.. 혹시 사용 방법이 바꼈거나 확인된 버그 있을까요?
미해결
리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트
25년 12월 1일자로 강의자료 사이트가 바뀐 것 같은데 어떠한 정보도 없네요. 강의 들으면서 복붙하라고 하시는데 할 수도 없는 상황에다가 일일이 다 타이핑 해야하는 상황인데 어떻게 해야할까요? www.webstoryboy.co.kr 들어갔는데도 사이트가 덜 완성 됐는지 회원가입도 안되고 어떤 강의자료도 없네요.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
// 간단한 회원가입 폼 // 1. 이름 // 2. 생년월일 // 3. 국적 // 4. 자기소개 import { useState , useRef} from "react"; const Register = () =>{ const [input, setInput] = useState({ name : "", birth : "", country : "", bio : "" }); const refObj = useRef(); console.log(refObj); const onChange = (e) =>{ setInput({ ...input, [e.target.name] : e.target.value }) }; return ( <div> <div> <input name = "name" value={input.name} onChange={onChange} placeholder={"이름"}></input> </div> <div> <input name = "birth" type="date" value={input.birth} onChange={onChange} placeholder={"생년월일"}></input> </div> <div> <select name = "country" value={input.country} onChange={onChange}> <option>한국</option> <option>미국</option> <option>영국</option> </select> </div> <div> <textarea name = "bio" value={input.bio} onChange={onChange}/> </div> </div> ); }; export default Register; => 오류 발생 @workspace /explain Error: Cannot access refs during render React refs are values that are not needed for rendering. Refs should only be accessed outside of render, such as in event handlers or effects. Accessing a ref value (the current property) during render can cause your component not to update as expected ( https://react.dev/reference/react/useRef ). 17 | 18 | const refObj = useRef(); > 19 | console.log(refObj); | ^^^^^^ Passing a ref to a function may read its value during render 20 | 21 | const onChange = (e) =>{ 22 | setInput({ 🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 🥲 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 🥲 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다!
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
비전공자인데 유독 git 강의는 처음부터 따라하기가 너무 어렵네요.. 하단에 나오는 '프로젝트 초기화' 문구도 보이지 않고, 커밋 클릭시 에러창 발생하며, 구름 모양 publish 버튼 클릭하면 에러창이 발생합니다. github에 로그인은 한 상태인데 뭐가 문제일까요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
🚨 필독) 질문하시기 전에 꼭 읽어주세요 (10초 소요) 제목을 구체적으로 작성해 주세요 ✅ 좋은 예 : 감정일기장 Home 구현중 xx 이슈가 발생합니다. ⛔ ️ 나쁜 예 : 이거 왜 안되나요?, 오류나요 도와주세요 등 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 코드의 이슈는 전체 프로젝트를 "링크 형태"로 올려주셔야 원인을 파악할 수 있습니다. 깃허브, 구글드라이브 등의 수단을 통해 링크 형태로 전달해주세요 직접 실행해보며 원인을 파악해야 하기 때문에 텍스트 형태로 붙여넣는건 삼가해주세요 답변이 도움이 되셨다면 답글 or 해결완료 버튼을 클릭해주세요 비슷한 궁금함을 갖고 계신 분들께 도움이 될 수 있어요! 제 답변이 여러분께 도움이 되었는지 저도 알고 싶어요 강의 내용에 궁금한 점이 있다면 몇 챕터의 몇 분 몇 초인지 알려주시면 더 좋아요 더 빠른 답변이 가능합니다! 제목처럼 TS강의, 리액트 강의를 둘 다 들을 예정인데 어떤 순서로 수강하는게 더 효율적일까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
playwright mcp 연결 후, claude code에 task에 기능 개발 후 playwright mcp로 테스트 하는 작업 단계가 통화할 때까지 작업해줘 라는 지시는 CLAUDE.md 의 체크 리스트 영역에 포함시키시는 건가요??
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요! 강사님은 현재 시점에서도 Task Manager MCP를 잘 사용하시나요?! agents로 만들어 쓰는 사례도 본 것 같아 강사님은 어떻게 쓰시는지 궁금하네요 ㅎㅎ
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요 선생님, 지금 클로드코드 pro 버전을 사용 중 입니다. 다만 수업을 진행 시 토큰이 부족하여 고민했던 부분이 구글 계정을 여러개 하여 4개월 무료를 진행해 antigravity를 사용하고 있습니다. antigravity 내에 Claude Sonnet 4.5(Thinking) 모델로 진행하고 있는데. 수업 내용 진행 시 큰 차이점이나 오류나, 제약되는 내용이 있는지 궁금합니다..!!
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요. 51강에서 터미널 명령어에 ll 넣어서 진행하시는데 저는 이런 오류 메세지가 발생합니다. zsh: command not found: ll 그래서 ls -al 이런식으로 하는데 동일한건지요? 그리고 cursor CLAUDE.md 명령어로 cursor실행하셨는데 저는 또 이런 에러메세지가 발생합니다. 제가 많이 부족한데 설명 부탁드립니다!! zsh: command not found: cursor
미해결
Next + React Query로 SNS 서비스 만들기
https://inf.run/h6CDM 저도 이분과 동일한 생각을 했는데요 캡처링이 아닌 버블링을 하는게 맞지않나? 라는 생각이 들더라구요 혼돈이 와서그러는데 강사님의 생각을 알수있을까요?
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
createObjectURL로 이미 메모리에 보관된 이미지 파일들은 단순히 filter로 삭제해도 삭제되지 않기때문에, 메모리 누수가 발생된다고 하셨는데요. 1. 실제로 메모리 누수가 발생하고 있는지는 어떻게 확인 할 수 있는건가요?? 2. 또 이미 AI가 많이 발전해버린 뒤에 개발을 접한 저는 수동적인 태도로만 공부를 해서인지, 여기에서 메모리 누수가 발생하겠구나. 이건 이런 문제가 생길텐데 어떻게 해결하지? 하는 생각을 하나도 안 하고있음을 깨달았습니다...어떤 태도로 임해야 저런 생각도 당연하게 할 수 있을까요?ㅠㅠ
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요! 현재 70. MCP 서버 설치 강의를 듣고 따라하는 중인데요, settings.local.json에 permissions > allow 규칙에 "mcp__shadcn"을 등록했는데 클로드가 계속 "mcp__shadcn__*" 관련 명령어를 허용할건지 질문을합니다. 제가 적용한 순서는 클로드 종료 터미널에서 shadcnui 설치 클로드 시작 로그인 기능 구현 요청 프롬프트 실행 첫 번째 질문 나왔을 때 바로 setting.local.json 파일에 "mcp_shacn" 추가 후 저장 이후 첫 번째 질문에 "yes, and don't ask again ~~" 옵션 선택 settings.local.json 수정 후 바로 클로드에 반영안되는건가요? 클로드 껐다 켜면 이전 컨텍스트 날아갈 것 같아서 계속 질문에 답하고 있는데,, 껐다 켜도 되나요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
/permissions의 workspace를 설명하실 때, ../로 상위 디렉토리를 참고할 수 있다고 하셨는데, permission 에서 참고하는게 있나요? 그냥 권한설정인데.. 추가로 설명하실 때 A라는 프로젝트를 참고해서 B라는프로젝트를 개발할 때 사용한다고 하시면서 해당 프로젝트의 코드베이스를 참고할 수 있다고 하셨는데요, 이 말이 이해가 안됩니다. permissions는 그냥 권한 설정아닌가요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요 '커스텀 커맨드 고급: 동적 파라미터' 강의 교안 자료중 [공식 문서] 사용자 정의 슬래시 명령어 페이지가 존재하지 않아 공유드립니다. 프론트매터 참조가 필요하신 분들은 아래 링크에서 확인하실 수 있습니다. https://code.claude.com/docs/ko/skills#frontmatter-reference
해결됨
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
store에서 actions를 생성하고 store를 내보내려고 할 때에 export const useAlertModal = () => { const store = useAlertModalStore(); return store as typeof store & State; }; 이렇게 as 단언문을 추가하셨는데 저는 as typeof store & State 이 부분을 추가하지 않아도 똑같이 추론이 되고 있습니다. const store: Write<State, { actions: { open: (params: Omit<OpenState, "isOpen">) => void; close: () => void; }; }> 둘 다 이렇게 동일하게 나오는데 어떤 차이점이 있는건가요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
AI 답변으로 해결됐습니다! 강의 제목처럼 말 그대로 재생성 방지였군요..! 마운트 시 생성된 함수를 재사용하기 때문에 리렌더링 되더라도 props로 넘어간 함수는 참조 값이 똑같은 처음 생성된 함수이다. 이해했습니다! 안녕하세요, 강사님! 73강 useCallback과 함수 재생성 방지 강의의 4분 쯤의 내용에 대해 질문이 있습니다. 강의에서, useCallback 적용한 'onCreate, onUpdate, onDelete 함수가 두 번째 인수로 빈 배열을 할당했기 때문에 마운트 이후에는 다시는 생성되지 않는다.'라고 설명해주셨는데요! 그러면, 첫 마운트 이후 todo 아이템을 생성, 수정, 삭제 할 때는 해당 함수들이 어떻게 동작하는 것일까요? 동작은 하되, 생성하지 않는다.. 라고 이해를 해야 하는 걸까요..? 답변해주시면 감사하겠습니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 module.exports 나 require 등의 node js 관련 기능을 작성하는데 자꾸 자동완성에 의해서 다른 글자로 바뀌네요 ex) module.exports 작성하는데 module 작성하고 '.' 누르거나 require 작성하고 '(' 누르면 다른 거로 바뀜 강사님 화면에서는 자동완성이 나오더라도 안 바뀌는데 혹시 어떻게 설정하셨는지 궁금합니다..!
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
todo list 추가/삭제 시 캐시데이터도 각각 따로 해줘야하는 내용은 알겠는데, 현재 체크박스만 변경할 때 캐시데이터를 업데이트 해주는거는 불필요하지않을까 생각이 듭니다. 만약 내용 수정같은경우라면 해줘야하겠지만..(?) 이전코드와 비교해봤을때 checkbox를 수정했을 때 "todo","list" 는 id만 갖고있어 문제는 캐시데이터 업데이트 해줄일은 없고, "todo", "detail"은 바로 업데이트가 되는데 굳이 코드 수정해주는 이유를 아직 모르겠습니다.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Error: Calling setState synchronously within an effect can trigger cascading renders Effects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following: * Update external systems with the latest state from React. * Subscribe for updates from some external system, calling setState in a callback function when external state changes. Calling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. ( https://react.dev/learn/you-might-not-need-an-effect ). 이런 에러가 나오는데요. 작동도 하고, 에러가 아니라 경고에 가까운것 같습니다. 그런데 똑같이 했는데 왜 강사님 화면에는 안뜨고 제 화면에만 뜨는건지 궁금하네요
