isNaN()함수 활용
const isNumberList = splitted.every((n) => !Number.isNaN(n));버에서 들어오는 데이터 중에 '홈','문자열', '15','15-4'와 같은 데이터들이 있는데 문자로만 된 것은 문자열 타입으로 지정하고 싶고 15,15-4와 같은 것들은 숫자열 타입으로 지정해서 따로 구분해야 하는 동작이 필요한 상황이 생겼다.
어떻게 하면 string 안에 들어오는 숫자를 인지해서 string 타입이랑 다르게 관리할 수 있을까 고민을 하다가 같이 스터디하는 개발자분께 물어봤더니 함수를 바로 만들어주셨다. 최근에 딥 다이브 책을 읽으면서 NaN === Nan은 false인 것을 알게 됐고 isNaN()으로 NaN을 판별할 수 있다고 읽었는데 이런 상황에서 사용할 수 있겠구나를 깨달았다! 매일 쓰는 시리즈가 아닌데도 불구하고 매일 배워가는 게 있어서 참 다행이다.
기능 개발하면서 읽은 리액트 공식문서
React Portals
- DOM 트리의 어디에도 존재할 수 있다.
는 DOM 트리에서의 위치에 상관없이 portal은 여전히 React 트리에 존재하기 때문입니다.
이것에는 이벤트 버블링도 포함되어 있습니다. portal 내부에서 발생한 이벤트는 React 트리에 포함된 상위로 전파될 것입니다
라고 공식문서에 적혀있다.!
<html>
<body>
<div id="app-root"></div>
<div id="modal-root"></div>
</body>
</html>#app-root 안에 있는 Parent 컴포넌트는 형제 노드인 #modal-root 안의 컴포넌트에서 전파된 이벤트가 포착되지 않았을 경우 그것을 포착할 수 있습니다.
이벤트 버블링과 캡처링에 대한 자세한 내용은 3시에 회의끝나고 주말에 작성하도록 하겠다.!
프론트? 백? 초보 개발자의 기록 공간