nextjs
Nextjs에서 외부 스크립트 로드 상태 확인하는 법
1. 문제인식Nextjs에서 Script의 로드 여부를 onLaod와 useState를 이용해 확인했더니 문제가 생겼다.예를들면 아래와 같은 예제이다."use client"; import Script from "next/script"; import { useState ...
힘센캥거루
2025년 1월 24일
nextjs
ReactMarkdown으로 AI SDK 메세지 꾸미기
지난 글에서 Vercel의 AI SDK를 이용한 chatGPT 서비스를 만들어보았다.그런데 대화를 해보면 글이 뭔가 밋밋하다.뭐라고 하는지는 알겠는데 글이 너무 바짝 붙어있다.그냥 간단하게 className으로 whitespace-pre-wrap을 써줘도 이쁘게 바뀌긴...
힘센캥거루
2025년 1월 24일
nextjs
Nextjs에서 TOC 구현하기
오늘은 남들 다 달려있는 TOC를 만들어보기로 했다.나는 지금 마크다운으로 쓴 글을 next-mdx-remote로 컴파일해서 보여주고 있다.rehype-slug로 이미 제목 태그마다 모두 아이디가 부여되어 있으니 이미 반은 준비되어 있다.일단은 useEffect와 qu...
힘센캥거루
2025년 1월 23일
nextjs
Nextjs에서 카카오 맵 API 써보기
가끔은 그런날이 있다.'어... 아까 과속 단속 카메라 앞에서 빠르게 지나간 것 같은데?'그런데 과속단속 카메라 위치를 보려고 해도 잘 찾아지지 않았다.그래서 한번 만들어보기로 했다.1. 경기 공공 데이터내가 주로 가는 곳이 경기도였기에, 경기 공공 데이터를 써보기로 ...
힘센캥거루
2025년 1월 20일
nextjs
Nextjs에서 스크롤 버튼 만들기
window.scrollTo로 최상단 이동 버튼 구현
힘센캥거루
2025년 1월 13일
nextjs
NextAuth에서 session 업데이트
로그인 구현까지는 글이 많아서 어렵지 않았으나 session 정보를 업데이트에 대한 것은 적었다.그래서 한번 적어보는 session 정보 업데이트.이번에도 둘러볼 것은 역시나 NextAuth 공식문서이다.session 정보 업데이트 순서는 아래와 같다.useSessio...
힘센캥거루
2025년 1월 13일