akjfal

next.js github discussion에 질문을 올린 내용입니다. https://github.com/vercel/next.js/discussions/49433 notFound()를 사용하면서 이슈를 해결하기 위해 테스트하다보니 여러 케이스를 발견하게 되었습니다. 상세한 로직은 해당 github를 참조하시기 바랍니다. https://github.com/osydoo/next13-not-found Summary ‘use client’의 useEffect의 동작이 의존성에 따라서 다르게 동작하는 이유가 뭔가요? axios.interceptors를 동기적으로 실행했을 때는 notFound()가 에러를 뱉고, 비동기로 했을때는 동작이 무시되는 이유가 뭔가요? 클릭이벤트에선 왜 에러를 뱉나요? Case In ..

getDate의 경우에는 로컬 시간을 기준으로 데이터를 가져옵니다. 그렇기 때문에 daylight saving time(서머타임)을 고려해서 일정 시간 표기가 사라지는 등의 문제가 발생합니다. 따라서 보통 웹 프론트엔드에서 시간을 만들어서 연산하기보다 서버에서 시간을 전달해주고 이를 사용하는 것을 권장합니다. 예시를 통해 getUTCDate와 getDate를 잘못 사용한 경우를 보도록 하겠습니다. 아래 코드는 2월 1일 인데 2월 32일이 출력됩니다. const day = '2023.02.01'; const date = new Date(day); const dateString = date.getFullYear() + "년" + (date.getMonth() + 1) + "월" + (date.getUTCD..

img태그에 onError라는 속성이 있다...https://stackoverflow.com/questions/36418806/react-use-img-onerror React use img onerror I create a Image component class Image extends React.Component { render() { return ( ); } onError(){ stackoverflow.com dom hydration onload도 있지만 해겨하지못했다. promise.all을 통해서 해결했다. const iframe = document.createElement('iframe'); iframe.style.cssText = 'position:absolute; left: -10000px..

Failed to load resource: the server responded with a status of 429 () 이 코드땜에 안되고잇다 어쩌지 퇴근해야하는데 큰일났다....

https://zinee-world.tistory.com/512 [JS] User Agent 브라우저 정보 얻기 (크롬인지 아닌지 체크하기) 크롬 다운로드를 권장하기 위해서 띠배너를 보여주는데, 크롬 브라우저일 경우에는 보이지 않아야 한다. 어떻게 하면 크롬 브라우저 인지 알 수 있을까? userAgent를 통해 확인 할.. zinee-world.tistory.com useEffect(()=>{ const is_safari_or_uiwebview = /(iPhone|iPod|iPad).*AppleWebKit/i.test(navigator.userAgent); const is_uiwebview = /(iPhone|iPod|iPad).*AppleWebKit(?!..

한 주 동안 회사일에만 집중하느라 새로 공부하거나 그런내용이 없었다.... 너무 바빳다 프론트엔드 바닐라코딩 스터디를 시작했다.

배열 속 객체의 데이터 하나를 변경해야 하는 문제 발생 해결법 const Plus=(i)=>{ const amount = tempOptionList[i].amount+1; const tempOption = {id: tempOptionList[i].id, option: tempOptionList[i].option, price: tempOptionList[i].price, stock: tempOptionList[i].stock, amount}; tempOptionList[i] = tempOption; restList = tempOptionList.concat(restList); dispatch(calOptionAmount(restList)); } 새로운 객체 생성 후 기존 배열에 넣어 주는 방식 채택 -> ..

하나의 변수를 다르게 정의 즉 이전걸 안지우고 새로운 변수식으로 사요ㅇ햇더니 떳다. const [ isLoading, deliveryState, addGetReceipt ] = useGetReceipt(); useGetReceipt(cookie);