072DATA

오류 내용부모 div의 onClick 이벤트에 상세페이지로 이동할 수 있도록 기능을 부여헀는데해당 div안에 다른 기능을 하고 있는 버튼을 눌렀을 때도 상세페이지로 이동하는 버그가 생겨버렸다 아무래도 부모 요소의 onClick이 자식 요소에게 까지 전파가 되어 버려서일어난 버그인 것으로 유추가 되지만 좀 더 자세히 알아볼 수 있도록 정보를 캐왔다 오류 원인HTML 문서에서 요소들은 "중첩 관계"라는 것을 가질 수 있다고 하는데 어떠한 요소가 또 다른 요소안에  존재할 수 있고 해당 요소의 클릭 이벤트는부모-> 자식 혹은 자식-> 부모로 계속 전파된다고 함 이를 "이벤트 버블링"이라 함 해결 방법그리하여 stopPropagation이라는 메소드를 사용해서현재 요소에 등록된 이벤트 리스너만 실행되고 상위 요..

안녕 개인 프로젝트 진행중 쿼리 스트링으로 URL에서 id 값을 가져와서 값에 해당하는 상세 페이지를렌더링하도록 코드를 짰는데 어째서인지 상세 페이지가 보이지 않는 것이다.. const searchParams = new URLSearchParams(location.search);//////////////////범인 검거/////////////const pokemonId = searchParams.get("id");////////////////////////////////////////console.log(typeof pokemonId);  콘솔 창에도 아무런 정보가 나오질 않아서 혹시나 하고 id 값에 타입을 확인해 보았더니String이 나오는 것이었다.. !  const searchParams = n..

오류 내용 선택한 포켓몬이 selectedPokemon에 추가는 되는데 렌더링이 안됨 알고보니 map 메서드 안에서 {} 중괄호를 사용하면, 코드 블록은 실행되지만아무것도 반환하지 않기 때문에 실제로 렌더링할 JSX가 없음map 메서드는 배열의 각 요소에 대해 함수를 실행하고그 함수가 반환한 값을 새로운 배열에 담아 반환함코드 확인 ㄱㄱ올바른 코드 selectedPokemon.map((pokemon, index) => { if (pokemon) { return ( ); } else { return ( ); }});  이렇게 하면 return 값인 jsx가 정상적으로 반환되지만  잘못된 코드 selectedPokemon.map((po..

안녕  안녕하세요 오늘은 프로젝트 진행 중 오류가 발생했던 건을 기록해 보려고 합니다!      일단 각 영화 카드를 선택하면 해당하는 카드의 id 값으로 상세페이지가 불러와져야 합니다. 하지만 이중 중첩 forEach문을 잘못 사용하게 되어 같은 id값의 상세페이지가 로드 되었습니다.  틀린 예시 X올바른 예시 O 이렇게 각 카드에 해당하는 id 값을 적용시켜야 하는데  1번 id 값을 모든 카드에 다 넣어주고 2번 id 값을 모든 카드에 다 넣어주었기 때문에 결국 마지막 id 값을 모든 카드가 가지게 되어 같은 상세페이지가 나오는 것 입니다. 기존 코드 data.results.forEach(movie => { document.querySelectorAll(".movie-card").forEa..