개발새발 민다니

회고 성격이 가득한 글로즉각적인 문제 해결을 원하시는 분은해결 방법으로 넘어가주세요. 우당탕탕 에러 고치기🔨  이번에 신규 프로젝트로 퀴즈 앱 비슷한 걸 만들고 있다. 리액트로 클론 코딩을 여러 번 해보긴 했지만,완전히 내 힘으로 진행하는 창작 프로젝트는 처음이라헤매는 부분도 많고 생각보다 손도 많이 간다. 기능은 주간 스프린트로 하나씩 구현하고 있는데,지난 주는 정말... 미치도록 안 되던 문제가 하나 있었다. useEffect가 안 먹힌다! index는 바뀌는데 왜 반응이 없는거야🤯 문제 번호엔 quizIndex가 바뀔 때마다카드를 자동으로 다시 앞면으로 돌리는 기능을 구현하고 있었다. 그래서 아래처럼 useEffect를 사용했다.useEffect(() => { setFlipped(false);..

import { useLocation } from 'react-router-dom';function Detail() { const location = useLocation(); console.log(location); // 전달된 상태 출력 return hello;}export default Detail; 자꾸 null로 반환되어 미칠 뻔하면서 헤딩했는데 useNavigate v6.23.1 | React Router reactrouter.com공식 문서까지 가게 됐다. 요즘 공식 문서 등한시하던 젊은 코더,여기서 패배하다.  그 결과 Link to 부분을 수정하여 해결했다.   Thanks To [문제] useNavigate()의 state값이 null인 경우[문제] useNavigate()의 st..

아 이미지 삽입만 남겨두고 포스팅 전부 날아가서 너무 화가난다. 이 에러는 재사용된 컴포넌트를 식별할 수 없기 때문에 나타난다. 본래의 데이터에 id를 추가하고,컴포넌트에 key props를 연결해주어야 한다. 원래 데이터const food = [ { name: 'Kimchi', image: 'https://cdn.pixabay.com/photo/2022/06/13/05/14/kimchi-7259268_1280.jpg', }, // ...생략]; 수정한 데이터const food = [ { id: 1, name: 'Kimchi', image: 'https://cdn.pixabay.com/photo/2022/06/13/05/14/kimchi-7259268_1..

요새 도서관에 있는 자바스크립트 관련 책을 보고 있는데 2020년 이전 책에는git push -u origin master 이런 식으로 써있는데,내가 전과(2023년)했을 당시에는git push -u origin main 이런 식으로만 학습했어서 두 개의 차이가 궁금했다.   1. master와 main 브랜치의 차이결론적으로, 전통적으로 Git의 기본 브랜치는 master였다.그래서 비교적 옛날 책들에는 master로 표기된 경우가 많지만master라는 단어 어감 자체에서 오는 인종적 이슈 때문에 main으로 변경되고 있다. 정확히, GitHub가 2020년부터 새로운 리포지토리의 기본 브랜치 이름을main으로 설정하기 시작하면서 널리 퍼지고 있는 것이다. 부끄럽지만, 아직 깃과 깃허브에 대한 전문적인..