Next.js morethan-log

/

Next.js

4

Next.js App에서 아티클 TOC(Table of Contents) 기능 구현하기 웹에서 긴 아티클을 읽을 때 목차(TOC, Table of Contents) 기능이 있으면 사용자가 원하는 내용을 빠르게 찾을 수 있습니다. 이번 글에서는 Next.js 환경에서 tocbot을 활용하여 TOC를 생성하고, 해시 네비게이션을 처리하는 방법을 단계별로 설명합니다.1⃣ tocbot 라이브러리 설치먼저, tocbot 라이브러리를 설치합니다.npm

0

0

a month ago

5 min read

next.js 에서 static asset 사용하기 (public vs src)next.js 에서 static asset을 사용하는 방식에는 크게 두가지 방법이 있습니다.Static Asset 접근 방식public 폴더에 저장public 폴더에 있는 파일은 정적 파일로 간주되며, Next.js 서버를 통해 직접 URL로 접근할 수 있습니다.브라우저에서 접근하는 방식:http://localhost:3000/파일경로예: public/im

2

0

4 months ago

7 min read

next.js에서 local packages 사용시 Module parse failed 발생하는 이슈 next.js의 기본 동작을 이해하고, transpilePackages를 통해 이슈를 해결해봅니다.

0

0

4 months ago

4 min read

Next.js에서 Route 및 페이지 이탈 방지하기 Next.js에서 useRouter를 활용해 사용자가 특정 조건에서 페이지를 떠나는 것을 방지하는 방법을 설명합니다.

0

0

4 months ago

5 min read

·

몰댄민입니다.

태그

Next.jshooksReactTableOfContentstocbotWebDevelopmentSEO

최근 댓글

아직 댓글이 없어요