์์ ๋ฐ์ดํฐ
![[ReactJS] ์์ ๋ฐ์ดํฐ & Mock Data + fetch ๋งค์๋](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDul4s%2FbtrWXicnzKa%2F5XYlDHbutQ8ekIdm0yCnjk%2Fimg.png)
[ReactJS] ์์ ๋ฐ์ดํฐ & Mock Data + fetch ๋งค์๋
์์ ๋ฐ์ดํฐ๋? ๋ณํ์ง ์๋ ๋ฐ์ดํฐ React์์ ๋ฐ์ดํฐ๋ UI์ด๋ค. ์๊ฐ์ด ํ๋ฆ์ ๋ฐ๋ผ ๋ณํ๋ ๋ณ์ ๋ฐ์ดํฐ๋ก UI๋ฅผ ๋ง๋ค ๋ ๋ฐฑ์๋ ์๋ฒ์์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์์ผ ํ๋ค. ๋ฐ๋ฉด ๋ณํ์ง ์๋ ์์ ๋ฐ์ดํฐ๋ก UI๋ฅผ ๋ง๋ค ๋ ๋ฐฑ์๋ ์๋ฒ์์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ฌ ํ์๊ฐ ์๋ค. ์์ ๋ฐ์ดํฐ ํ์ฉํ๊ธฐ /* App.js */ import React from "react"; const MENU_LIST = [ { id: 1, menuName: "New Repository" }, { id: 2, menuName: "Import Repository" }, { id: 3, menuName: "New Gist" }, { id: 4, menuName: "New Organization" }, { id: 5, menuName: "New ..