jh.nrtv

Next.js와 typescript를 사용한 프로젝트를 진행하면서 만난 에러이다. Type error: 'result' is possibly 'null'. const result = await db.collection("community").findOne({ _id: new ObjectId(props.params.id) }); return ( ... 오늘의 노력을 간략하게 소개해주세요. 어떻게 성장할까요? ... 위 코드에서 result.title 와 result.constent 에서 result가 'null'인 것 같다는 에러를 뱉어내고 있다. 찾아보니 Typescript가 result가 비어있는 객체일 수도 있다고 판단하기 때문이라고 한다. 따라서 빈 객체인 result 안의 title이나 conte..

Nextjs 와 TS로 작업한 프로젝트 배포중 Module not found: Can't resolve 'perf_hooks' in '/vercel/path0/node_modules/typescript/lib' 라는 오류가 발생했다. perf_hooks라는 것은 내가 직접 import 하거나 사용한 hook이 아니기 때문에 해결하는 데에 애를 먹었다. 한참을 검색하던 중 아래의 링크 발견했다. 해결 Module not found: Can't resolve 'perf_hooks' ReactJS I'm working on reactjs (17.0.1) (node v15.11.0) with typescript and I'm getting this warning message, any idea how solve..

진행중인 Next.js 프로젝트에서 화면을 랜더링하면서 가장 먼저 kakaomap을 랜더링하도록 만들고 있다. 그런데 "TypeError: window.kakao.maps.LatLng is not a constructor" 라는 에러가 가끔 뜨면서 map 랜더링이 됐다 안됐다 하는 현상이 발생했다. 구글링 검색을 해보니 script가 완전히 로드되기 전에 map 관련 메소드를 실행시키려고 하기 때문에 생기는 에러라고 한다. kakao.js가 완전히 로드되기 전에 kakao.js 안에 있는 함수에 접근하려고 하니 에러를 뱉어내는 것이다. 해당 내용을 해결하기 위해서 map을 그리는 함수를 선언하고 useEffect 안에 넣어서 순차적으로 실행되도록 했고, 에러를 해결할 수 있었다. [Solved] kaka..

저의 가장 최근 프로젝트는 B2C 애완용품 쇼핑몰 ‘모두댕냥'입니다. 제가 구현했던 마이페이지에서는 ‘회원탈퇴'나 ‘상품삭제' 등과 같은 delete 통신에는 modal 을 만들어 고객의 의사를 재확인하는 절차를 거쳤습니다. 해당 모달이 여러 곳에서 쓰였기 때문에 재사용이 가능하도록 만드는 것이 목표였습니다. 모달이 사용되는 경우의 수는 크게 두 가지 입니다. 단일수준 json 형태의 데이터에서 data.userId 를 사용하는 경우와 , {data.map (element, index)=>{...}} 의 형태에서 element의 식별id를 전달해서 delete를 실행하는 경우입니다. 첫 번째 경우의 수에는 delete 통신을 하는 함수와 , 식별Id , 사용자에게 보일 키워드를 함께 props 로서 전달..