꾸준함

개요 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..

개요 ajax 결과에 따라 polling 방식을 구현하는데 어느 정도 delay를 줘야 해서 sleep 함수 존재 유무를 검색해봤습니다. 찾아보니 javascript에는 내장된 sleep 함수가 없어 직접 구현을 해야했습니다. 코드 function example() { sleep(1000).then(() => { console.log("이렇게 구현하시면 됩니다."); }); } function sleep (time) { return new Promise((resolve) => setTimeout(resolve, time)); } 참고 https://stackoverflow.com/questions/951021/what-is-the-javascript-version-of-sleep What is the J..

개요 컨트롤러에서 모델 내 리스트를 보냈고 해당 리스트를 자바스크립트 함수 내에서 조작하려고 아래와 같이 변수로 선언했습니다. function sampleFunction() { var sampleList = [[${listFromModelAttribute}]]; } 기존 프로젝트에서는 위와 같이 처리를 하면 list를 알아서 json 형태로 변형하여 문제가 없었는데 현재 진행하고 있는 프로젝트에서는 jQuery 버전이 달라서 그런지 json 형태로 변형이 안되어 아래와 같은 에러 메시지가 console에 찍히면서 제대로 동작하지 않고 있습니다. Invalid shorthand property initializer 원인 해당 문제가 발생하는 이유는 json object 내 key value를 '='이 아닌..

개요 현재 페이지가 롱폴링 방식으로 주기적으로 갱신되기 때문에 화면 내 텍스트를 복사하기 쉽지 않은 환경입니다. 따라서, 별도 버튼을 추가하여 복사하는 기능을 javascript로 구현해봤습니다. 코드 출처 stackblitz.com/edit/simple-copy-board

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

window.open 메서드를 사용하면 되고 두 번째 매개변수에 '_blank' 를 전달해주면 됩니다. 아래는 간단한 예시이며 바닐라 자바스크립트처럼 작성하시면 됩니다. window.open('[url 링크]', '_blank')}>[url 링크]