export default memo(TodoItem, (preProps, nextProps) => { if (preProps.id !== nextProps.id) return false; if (preProps.isDone !== nextProps.isDone) return false; if (preProps.content !== nextProps.content) return false; if (preProps.date !== nextProps.date) return false; return true; } 사실상 isDone 빼고 바뀌는 게 없으니 if 부분 지울 수도 있나요? 아니면 위험한가요?
[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!
223p 에 있는 step1 실습해봤는데요. 디렉터리 구조가 이상하게 만들어져서 CLAUDE.md 추가하고 실행해줬는데도 여전히 디렉터리 구조가 이상해요. Git 레포지토리 보면 frontend, backend 나뉘지 않았고 Docker file도 생성되고 그랬는데 너무 다르게 생성이 되어서요. 스크린샷대로 나오는게 맞을까요? 이상해서 계속 새로 명령어 실행해도 똑같은 결과가 나오는데, 토큰만 낭비하고 있어서 질문드립니다.
안녕하세요, 강의 잘 듣고 있습니다. 23강에서 SearchFormView 클래스의 show 메서드 오버라이딩과 관련하여 궁금한 점이 생겨서 질문드립니다. // SearchFormView.js show(searchKeyword = "") { this.inputElement.value = searchKeyword; this.showResetButton(this.inputElement.value.length > 0); } super.show() 를 호출하지 않아도 화면이 의도대로 동작하는 것을 확인했는데요. super.show() 호출이 단순히 체이닝을 위한 호출인지 아니면 제가 놓친 다른 의도가 있는 것인지 궁금합니다.
저는 풀스택 주니어입니다. 특수 목적을 위해 바닐라js에서 ,document.innerHTML이나 element.remove(), element.append() 등으로 html element의 생성과 삭제가 빈번한 로직을 다루고 있습니다. 이 때 종종 브라우저 렌더링의 실행 완료에 대해 명확하게 알지 못해서 찝찝한 채로 브라우저에 렌더링 일을 시키고 있습니다. 그러던 중 이벤트 루프 관련 3개 강의(16,17,18강) 를 듣고 복습차, 17강으로 다시 돌아와서 보는 2분18초 경에 브라우저 랜더링에 대해 궁금한게 생겼습니다. 예를 들면 const mySchedule = async () => { await randeringPipelineTask(); //랜더링파이프라인 await macroTask(); // 매크로태스크(); } 으로 구성된 mySchedule 메서드가 있다고 가정하겠습니다. macroTask()는 renderingPipelineTask()의 브라우저 페인트까지 모두 완료를 확인한 후에 실행될까요? 아니면 JS엔진이라는 것은, 페인트는 브라우저에 렌더링을 해달라고 부탁까지만하고 macroTask()를 실행할까요? ('실행의 시작'과 '실행의 끝'을 나눠서 생각해서 그런지 생각하면 할수록 햇갈립니다.)
*먼저 이 질문의 글을 그랩님께서 보신다면, [꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다. https://inf.run/FB4N9 링크부터 본 뒤 답변을 그 게시물에 해 주신 후 이 질문 글 아래에도 답변 을 부탁 드립니다. 그랩님, 좋은 강의 잘 듣고 있습니다. 다름이 아니라, 아래 질문글에서 단 하나도 수정한 것 없이 몇일 뒤 재부팅만 해주었는데요, VS CODE에서 실행을 해주면 아래와 같이 에러도 줄어들어들었습니다. 그리고 위 그림에서 축구공을 누르면 '상품 상세 페이지'가 아무리 기다려도 뜨지 않고 오른쪽에 에러 가 발생 합니다. 에러 발생 스샷 아래 첨부 합니다. ( 참고로 이전에는 상품 상세 페이지의 상품 정보를 받고 있습니다...가 에러 없이 내용을 잘 불러왔었습니다 . 그런데 왜 지금은 아무리 기다려도 내용을 불러오지 못하는 이유를 모르겠습니다. ) 오른쪽에 에러를 해결하여 상품 정보를 받고 있습니다... 내용이 불러오게 하려면 어떻게 해야 하나요 ? ------------------------------------------------------------------------------------------------- 또한 79강 강의 2분 56초 부터 3분 32초 보면, POSTMAN 테스트 를 하는 부분이 나오는데, 여기서 아래 사진을 보면[왼쪽 메뉴 get product] Body 부분에서 그랩 강사님 화면과 다르게 뜨는데, 이것은 왜 그런 건가요? 어떻게 해야 http://localhost:8080/products/1 , http://localhost:8080/products/2 , http://localhost:8080/products/3 을 제대로 작동하게 할 수 있나요? 마지막으로 [참고 사진]으로 POSTMAN의 잘 작동하는 [get products]사진 첨부해 봅니다. 어떻게 해야 이 모든 에러 를 해결 할 수 있을지에 대해 자세한 답변 부탁 드립니다.
[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!
YOLO 모드는 Dev Container 같은 격리된 환경에서 사용하여 안정성 확보 => 이 부분이 이해가 안가요. YOLO모드가 권한스킵하는 역할인데, Dev Container 예시를 봐도 무슨 연관이 있는지 잘 모르겠어요. 그냥 YOLO모드는 디렉터리,파일 권한 스킵하기 위해서 쓰는거 아닌가요?
[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!
claude zsh: command not found: claude 기존에 터미널에서 잘 사용했는데 claude가 안됩니다. 재설치해보려했는데 에러가 나요. npm error code ENOTEMPTY npm error syscall rename npm error path /Users/jay/.nvm/versions/node/v22.17.0/lib/node_modules/@anthropic-ai/claude-code npm error dest /Users/jay/.nvm/versions/node/v22.17.0/lib/node_modules/@anthropic-ai/.claude-code-mCqqbn73 npm error errno -66 npm error ENOTEMPTY: directory not empty, rename '/Users/jay/.nvm/versions/node/v22.17.0/lib/node_modules/@anthropic-ai/claude-code' -> '/Users/jay/.nvm/versions/node/v22.17.0/lib/node_modules/@anthropic-ai/.claude-code-mCqqbn73' npm error A complete log of this run can be found in: /Users/jay/.npm/_logs/2025-10-02T12_47_24_324Z-debug-0.log
[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!
입문자인데 2주차부터 난이도가 너무 급상승 해서 봐도 이해가 너무 힘듭니다 ㅠㅠ 이걸 계속 해야하는건가 싶어지네요;.. 의미없는 시간이 흘러가는건가 싶고.. 챌린지는 하고 있는데 챌린지 수업을 위해서 또다른 공부를 하게되는꼴이 되어버리는거 같아서 끝까지 완주해야하나 고민됩니다
[4주 과정] <클로드 코드> 완독 챌린지 : 매일 1시간씩 4주 동안 클로드 코드 도서 완독하기!
project 단위에 CLAUDE.md 는 /init 으로 생성하는걸 알겠는데, User Scope 범위에 CLAUDE.md는 어떤식으로 생성해야 하나요? 프로젝트 내부에서 만들어서 직접 ~/.clause/CLADUE.md로 옮기는건지 .... 책만으로 정확한 방법 파악이 안됩니다
11. login 페이지 - 폼 요소 작성 및 스타일 19:12 앱 전체 사이즈 넓이가 414px 피그마에서 빨간줄에는 us.가 한줄 강사님의 코딩 저의 코딩 수업 중 따라하던 중 뷰어를 보니 us.가 내려가 있음 똑같이 했는데 왜 이럴까요 근데 font-weight: 700; 이 부분을 빼니 us.가 위로 잘 올라가 있고요 font-weight: 700;를 넣으면 다시 내려오지요 header 패딩도 강사님이랑 동일한데 무엇때문일까요? 참고로 저는 맥을 사용하고 크롬을 보고 있었습니다.
11. login 페이지 - 폼 요소 작성 및 스타일 9:58 수업노트보기에서 참조: https://creatie.ai/ 이 링크가 지금은 변경이 되어 https://readdy.ai/ 로 되어있어서요 이젠 유료이고 프롬프트로 이젠 제작하는 것 같습니다. 그래서 대안은 피그에 플로그인에 AutoHTML | Components to Code 나 다른 플러그인 추천이 좋을 것 같습니다.
좋은 강의 감사합니다. React.js 소개 부분을 보며 궁금한점이 있어 문의드립니다. 화면 업데이트 관련 브라우저 렌더링 과정은 React.js뿐 아니라 Vue.js에서도 동일하게 적용되나요? 예를들면, Virtual Dom에서 한번에 모아 Actual DOM에 적용되는 방식등이요
