하새의 블로그
  • 홈
  • 태그
  • 메뉴 닫기
  • 글작성
  • 방명록
  • 환경설정
    • 분류 전체보기 (66)
      • 개발 공부 (63)
        • Android (31)
        • Flutter (2)
        • React (6)
        • Next.js (5)
        • CSS (1)
        • Kotlin (6)
        • Java (1)
        • PHP (3)
        • 환경 구축 (7)
        • MySQL (1)
      • 생활지식 (0)
      • 스크랩 (1)
      • SafePass (1)
      • RicorTodo (1)
  • 홈
  • 태그
개발 공부/Next.js

[Next.js/JS] : Local JSON 파일 읽어서 dynamic route에서 출력하기

export async function getStaticProps({params}) { const helpData = await import('../../../public/json/app_help.json'); const id = Number(params.id); const item = helpData[id - 1]; return { props: { item, }, }; } 데이터를 DB에 넣지 않고 로컬에서 두고 써도 되는 데이터가 있어서 Local JSON 파일을 생성했다. 그런데 읽어오려는 곳이 [id].js인 dyanmic route를 사용하는 것에 좀 애먹었다. 삽질끝에 해결해서 정리. 1. JSON 파일 생성 본래는 [id].js를 통해서 받는 id 값을 통해서 다른 JSON 파일을 불러오는 ..

2023. 2. 22. 13:55
  • «
  • 1
  • »

전체 카테고리

  • 분류 전체보기 (66)
    • 개발 공부 (63)
      • Android (31)
      • Flutter (2)
      • React (6)
      • Next.js (5)
      • CSS (1)
      • Kotlin (6)
      • Java (1)
      • PHP (3)
      • 환경 구축 (7)
      • MySQL (1)
    • 생활지식 (0)
    • 스크랩 (1)
    • SafePass (1)
    • RicorTodo (1)
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

Powered by Privatenote Copyright © 하새의 블로그 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바