본문 바로가기

전체 글

[rollup] Error: 'typeOf' is not exported ~~ 에러 MUI를 이용해서 스토리북 작업을 하던 도중 TreeView 컴포넌트 작업을 위해 @mui/lab 라이브러리 설치를 기점으로 갑작스럽게 rollup을 이용한 빌드가 안되면서 아래와 같은 에러가 출력이 되었다. Error: 'typeOf' is not exported by ../../node_modules/react-is/index.js, imported by ../../node_modules/styled-components/dist/styled-components 시도한 방법 1. rollup.config.js에 external 추가하기 export default [ { ... external: ['react-is/typeOf'], // Add react-is/typeOf to external ... }.. 더보기
[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.. 더보기
정식 출시 이후 첫 DLC! 건파이어 리본 업데이트 내용 정리 건파이어 리본이 뭐지? 스팀에서 작년 겨울(2021년 11월) 정식 출시한 FPS 로그라이트 게임입니다. 아기자기한 동물 캐릭터들에 샷건, 라이플, 저격총, 특수총기 등 다채로운 무기와 스크롤 등을 이용하여 매 판마다 새로운 빌드 경험을 주어 플레이어들에게 매우 좋은 반응을 얻고 있는 게임입니다. 전체 평가 중 94%, 특히 최근 평가 중 89%가 긍정적으로 답할 만큼 게임성 자체는 이미 충분한 게임이고, 밸런스 패치나 신규 모드 등도 꾸준히 업데이트가 진행되고 있습니다. 그런 건파이어 리본에서 이번에 정식 출시 이후 첫 DLC를 지난 달 말(8월 29일) 출시했는데요. 이번 포스트에서는 업데이트 주요 내용과 컨텐츠를 살펴볼 예정입니다. 건파이어 리본 DLC 출시 내용 DLC 명칭은 'Visitors o.. 더보기