Nextjs에서 외부 스크립트 로드 상태 확인하는 법
1. 문제인식Nextjs에서 Script의 로드 여부를 onLaod와 useState를 이용해 확인했더니 문제가 생겼다.예를들면 아래와 같은 예제이다."use client"; import Script from "next/script"; import { useState ...
1. 문제인식Nextjs에서 Script의 로드 여부를 onLaod와 useState를 이용해 확인했더니 문제가 생겼다.예를들면 아래와 같은 예제이다."use client"; import Script from "next/script"; import { useState ...

지난 글에서 Vercel의 AI SDK를 이용한 chatGPT 서비스를 만들어보았다.그런데 대화를 해보면 글이 뭔가 밋밋하다.뭐라고 하는지는 알겠는데 글이 너무 바짝 붙어있다.그냥 간단하게 className으로 whitespace-pre-wrap을 써줘도 이쁘게 바뀌긴...
오늘은 남들 다 달려있는 TOC를 만들어보기로 했다.나는 지금 마크다운으로 쓴 글을 next-mdx-remote로 컴파일해서 보여주고 있다.rehype-slug로 이미 제목 태그마다 모두 아이디가 부여되어 있으니 이미 반은 준비되어 있다.일단은 useEffect와 qu...

가끔은 그런날이 있다.'어... 아까 과속 단속 카메라 앞에서 빠르게 지나간 것 같은데?'그런데 과속단속 카메라 위치를 보려고 해도 잘 찾아지지 않았다.그래서 한번 만들어보기로 했다.1. 경기 공공 데이터내가 주로 가는 곳이 경기도였기에, 경기 공공 데이터를 써보기로 ...

window.scrollTo로 최상단 이동 버튼 구현

로그인 구현까지는 글이 많아서 어렵지 않았으나 session 정보를 업데이트에 대한 것은 적었다.그래서 한번 적어보는 session 정보 업데이트.이번에도 둘러볼 것은 역시나 NextAuth 공식문서이다.session 정보 업데이트 순서는 아래와 같다.useSessio...