61일차 - useState (3) 네비게이션 DB json 분리 후, 외부 데이터 연동

밀레·2022년 12월 21일
0

코딩공부

목록 보기
129/135

네비게이션 DB json 분리 후, 외부 데이터 연동

선생님 깃클론 후 npm i

1. 현 깃허브 작업에서 이전 커밋으로 돌아가기 (깃 리셋)

  • git reset --hard (파일까지 다 지우는 hard)
  • 先 깃렌즈/깃히스토리 설치

+) 깃 커밋 리셋
https://www.lainyzine.com/ko/article/git-reset-and-git-revert-and-git-commit-amend/
① git log --one
② git reset --hard 로그넘버 (그 이전까지 사라짐)

2. src 안에 json 폴더 생성

2-1) src 안에 json 폴더 생성 → navi.json 파일 생성

2-2) 화석화 (쌍따옴표)

2-3) {오브젝트}로 만들기

	 <!-- 키 : 밸류 형태 -->
{ "navijson" : [{객체1}, {객체2}, {객체3}] }

3. 임포트 & 배열 외부연동

임포트

import naviDB from "../json/navi.json";

배열 외부연동

naviDB.naviDBjson; <!-- naviDB 안의 naviDBjson에 접근하라 -->

array가 map으로 돌게 됨

0개의 댓글