์ƒ์ˆ˜ ๋ฐ์ดํ„ฐ

    [ReactJS] ์ƒ์ˆ˜ ๋ฐ์ดํ„ฐ & Mock Data + fetch ๋งค์†Œ๋“œ

    [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 ..