js 2

[javascript] common-lang3의 ObjectUtils.isEmpty()와 같은 코드를 작성하고 싶다면?

개요 useEffect React Hook을 통해 특정 객체가 비어있을 때만 업데이트하는 로직을 작성하려는데 common-lang3의 ObjectUtils.isEmpty()와 같은 동작을 하는 코드가 있으면 좋겠다 싶어 비슷하게 구현한 코드를 찾았습니다. 코드 object가 확인하고 싶은 객체라고 할 때 코드는 아래와 같습니다. Object.keys() 메서드는 object 객체의 배열 또는 모든 키를 반환합니다. 그리고 반환된 값의 길이를 확인하여 빈 개체인지 여부를 확인할 수 있습니다. 출처 https://stackoverflow.com/questions/48353471/checking-if-a-state-object-is-empty Checking if a state object is empty I..

[DEV] 기록 2023.08.31

[javascript] window.onbeforeunload 페이지를 벗어날 때 이벤트 처리

개요 개발을 진행하는데 스토리보드 요구사항 중 하나가 사용자가 해당 페이지를 벗어나거나 새로고침을 할 경우 해당 페이지 내에서 변경된 값들을 다시 기존의 값으로 초기화하는 것이었습니다. 이를 구현하기 위해 저는 beforeunload event에 대해 알아봤고 이를 적용하여 해당 기능을 간단하게 구현할 수 있었습니다. beforeunload 이벤트 beforeunload 이벤트는 사용자가 페이지를 떠날 때 발생합니다. 좀 더 구체적으로 설명하자면 아래와 같은 상황이 발생할 때 이벤트가 호출됩니다. 새로고침 뒤로 가기 브라우저 닫기 form submit 등등 특정 상황에서는 beforeunload 이벤트를 발생시키고 싶지 않다면 아래와 같이 코드를 작성하면 됩니다. 아래 예시는 form submit을 할 ..

[DEV] 기록 2021.01.27