error 썸네일형 리스트형 JENNIFER Front로 웹사이트 모니터링하기 키워드: jennifer front, monitoring, error logging, ajax error, js error 상황 웹사이트를 이용하던 유저로부터 버그 제보가 들어왔을 경우, Server Error이거나 반복적인 버그인 경우 추적 및 해결이 간단하지만 프론트엔드 단에서 간헐적으로 발생하거나 우연히 발생한 버그인 경우 추적이 어렵다. 웹사이트에서 발생하는 network error 또는 JS error를 로깅할 필요가 있다. 해결 방법 쉽고 빠르게 웹사이트에 적용할 수 있는 모니터링 툴을 간단하게 소개하고자한다. 바로 제니퍼 프론트(https://front.jennifersoft.com/about/ko/)이다. 구글 계정으로 로그인을 하고, 추적 코드를 복사한다. 추적 코드를 웹사이트의 필요한 .. 더보기 js try/catch문으로 함수 리팩토링하기 키워드: try...catch, throw, Error object, refactoring 상황 GET 요청할 데이터를 전처리하고, 요청하고, 후처리하는 중요한 함수의 흐름을 파악하기 힘들어 함수 리팩토링을 진행해야한다. const searchData = () => { const ids = Array.from(new Set(idsString.split(',').map(Number))); if (ids.some(Number.isNaN) || ids.length < MINIMUM_COUNT) { toastErrorMessage(`'${MINIMUM_COUNT}개' 이상의 '숫자'를 입력해주세요.`); } else { setIsLoading(true); Api.getData({ ids: ids.join(','.. 더보기 이전 1 다음
