TypeError: Cannot read properties of undefined (reading 'value') ❓ 상황 Todo를 이용하여 Jest 학습 도중 form 태그 내부의 input 요소의 value를 추출하기 위해 e.target.name.value 사용했으나 오류가 발생했다. TypeError: Cannot read properties of undefined (reading 'value') const handleCreateTodo = async (e) => { e.preventDefault(); try { const todo = await createTodo(e.target.newTodo.trim()); setTodos([...todos, todo]); } catch (err) { co..

error: invalid path '6:30/README.md' fatal: unable to checkout working tree warning: Clone succeeded, but checkout failed. You can inspect what was checked out with 'git status' and retry with 'git restore --source=HEAD :/' ❓상황 깃 명령어로 clone시 빈폴더만 클론되는 현상이 발생했다. $ git clone 깃허브URL Cloning into '깃허브URL의 레파지토리 이름'... remote: Enumerating objects: 137, done. remote: Counting objects: 100% (137/137), ..

.env 환경변수 파일 원격저장소에서 삭제시키기 ❓상황 .env 환경변수 파일이 원격저장소에 올라갔다는 몽고DB에서 이메일을 받게되었다. 🔎 원인 파악 .env 환경변수 파일에는 중요한 정보가 저장되어있기 때문에 보안문제가 발생할 수 있다. ✨ 해결 방법 server 폴더안의 .env파일을 삭제한다는 뜻이다. Root 폴더 경로에서 명령어를 실행해야한다. 안그러면 오류 메시지를 발생시킨다. git filter-branch -f --index-filter "git rm --cached --ignore-unmatch server/.env" --prune-empty -- --all 삭제 후, 원격저장소에 강제 push를 해야한다. git push origin dev -f 깃허브에 commit 기록도 삭제된다...

react-router-dom 라이브러리의 Link 컴포넌트( = useNavigate or redirect)를 사용할때, 작동이 제대로 되지 않는 상황 ❓상황 react-router-dom의 dynamic route를 이용하여 id param을 부여하여 URL을 생성하는 Route를 만들었다. dynamic route가 아닌 정적 route에서 URL이 다를 경우에는 Link 컴포넌트가 잘 작동했지만, id param을 가진 URL에서, 다른 id param을 가진 URL로 이동할때, Link 컴포넌트가 작동하지 않는다. 또한, useNavigate hooks와 redirect 함수도 마찬가지로 작동하지 않는다. 🔎 원인 파악 Route 컴포넌트를 이용하여 같은 컴포넌트를 렌더링 할 경우, React는..

'변수명' is defined but never used. eslint(@typescript-eslint/no-unused-vars)' ❓상황 처음 eslint 설정할때, 사용되지 않는 변수명이 있다면 typescript 파일 컴파일시 에러를 띄워주도록 했으나, 불가피하게 사용되지 않는 변수명이 있더라도 에러를 띄우지 않도록 @typescript-eslint/no-unused-vars의 값을 0으로 설정했음에도 에러가 발생했다. 🔎 원인 파악 알고보니 eslint 뿐만아니라, tsconfig.ts 파일에도 사용되지 않는 변수가 있다면 에러를 띄우도록 설정을 했다는 것을 뒤늦게 알게 되었다. ✨ 해결 방법 noUnusedLocals를 false로 변경 noUnusedLocals를 false로 변경하니 오류..