본문 바로가기

프로그래밍

[Javascript]중첩 객체에서 원하는 객체 찾기 문제 Javascript에서 API를 통해 JSON을 전달받았는데, 아래와 같이 속성 안에 객체가 재귀적으로 존재하는 중첩 객체(객체 깊이는 계속 깊어질 수 있음)를 전달받아 그 안에서 원하는 속성 값을 갖는 자식 노드를 찾아야 하는 문제가 있어서 이 부분에 대해 고민했던 내용을 작성하고자 합니다. const testObj = { a: 1, b: { c:2, d:"hello", e:{ a:3, d:"hi" } } }; //요청 : a=3인 객체를 찾아 반환하시오. DFS를 이용 우선 제일 먼저 고려했던 것은 알고리즘에서 많이 사용하는 DFS/BFS를 사용하는 방법입니다. 아무래도 취업준비를 했을 때 상당히 많이 접했던 문제 풀이법이기도 했고, 무한히 중첩될 수 있던 객체여서 브루트포스 방식을 사용하여 일.. 더보기
[React]useEffect가 2번 호출되는 이유(feat. StrictMode) 문제 확인 React 18 버전을 사용하여 애플리케이션 개발을 진행하던 도중 별다른 코드를 작성하지 않았는데 useEffect() 안의 내용이 두 번 출력되는 경우가 발생하였습니다. 이 현상은 개발 시에만 등장하고 실제로 배포할 때에는 현상이 나오지 않아 초반에 꽤 애를 먹었던 오류입니다. function App() { useEffect(() => { console.log("mount"); return () => console.log("unmount"); }, []); return ( ); } 왜 이런 문제가 생기는가? 이러한 문제는 이전 React 버전에서는 등장하지 않고, React 18 이상을 설치한 프로젝트부터 등장합니다. 이것은 React 18 버전부터 추가된 StrictMode 때문입니다. c.. 더보기