//Teacher × Coder × Blogger

힘센캥거루

기술과 교육, 그 경계에서 고민하며 일상의 모든 순간을 코드로 기록합니다.

최신 글 보기 소개 읽기

classTeacher{

subject: [ "지구과학", "정보·컴퓨터"]

skills: ["Python", "JavaScript", "Arduino"... ]

passion: "실험하고 기록하기"

}

209

게시글

카테고리

2021

시작

Nextjs

Nextjs에서 외부 스크립트 로드 상태 확인하는 법

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

Nextjs에서 TOC 구현하기

오늘은 남들 다 달려있는 TOC를 만들어보기로 했다.나는 지금 마크다운으로 쓴 글을 next-mdx-remote로 컴파일해서 보여주고 있다.rehype-slug로 이미 제목 태그마다 모두 아이디가 부여되어 있으니 이미 반은 준비되어 있다.일단은 useEffect와 qu...

Nextjs에서 카카오 맵 API 써보기

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

NextAuth에서 session 업데이트

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

python으로 avif 변환하기

페이지스피트 인사이트에서 블로그를 점검해보니 이미지 로드에 시간이 많이 소요되고 있었다.이미지 다이어트가 필요함을 깨닫는 순간이었다.원래는 webp 형식을 이용했으나, avif가 압축률이 높고 호환성이 좋으며 움짤까지 지원된다는 사실을 알게 되었다.그래서 한번 비교해보...

Nextjs에서 스크롤 버튼 만들기

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

힘센캥거루

2025년 1월 13일

1분

1 ...14 15 16 17 18 ...35