안녕하세요! 기존의 express, ejs 코드로 만들어진 쇼핑몰 비슷한 홈페이지를 리액트로 리팩토링을 하다가 뭔가 좀 이상하게 막혀서 글 올려봅니다. 생각해 보니 엄청 기초적인 내용이지만 저는 개발자가 아니라서... ㅜㅜ 혹시나 하여 도움을 구해봅니다.

어찌저찌하여 쿠키에서 받은 자료를 JSON.parse 를 통해 변환하여 아래와 같이 데이터를 받았습니다.

{
  "5ddf94251c37ea40c8f01b0a": {
    "name": "짜장면",
    "native": "회원",
    "divide": "식사메뉴",
    "price": 10000,
    "unit": "명",
    "count": "22",
    "amount": 220000
  },
  "5de1ad2e92bed640dcda28a1": {
    "name": "짬뽕",
    "native": "준회원",
    "divide": "식사메뉴",
    "price": 12000,
    "unit": "명",
    "count": "12",
    "amount": 144000
  }
}

이 데이터를 렌더링 하려고 아래와 같이 코딩을 하려고 하였는데, 생각해보니 저건 배열이 아니라서.. 어찌해야 할 지를 모르겠습니다.

const Cart = () => {
    return (
        <table>
            <tbody>
                {list && list.map(l => (
                    <tr>
                        <td>{l.name}</td>
                        <td>{l.native}</td>
                        <td>{l.divide}</td>
                        <td>{l.price}</td>
                        <td>{l.unit}</td>
                        <td>{l.count}</td>
                        <td>{l.amount}</td>
                    </tr>
                )}
            </tbody>
        </table>
    );
};

당연히 map is not function 이라는 에러를 뿜었는데, 갑자기 머리가 멍해져서 ㅜㅜ

혹시나 저 JSON을 배열화 하여 map으로 돌려야 하는건지 하여 구글링을 좀 해보았는데 저런 방식의 JSON을 사용한 예제를 못 찾아서 해결을 못하였습니다.

좋은 방안이 있을까요?