본문 바로가기
> 포트폴리오/맥도날드

[깃] 맥도날드 데이터 깃허브에 넣기

by 자몽주스 2024. 8. 24.
728x90

repository 를 우선 public 으로 생성해줌

그러면 이런 창이 뜬다.

여기서 creating a new file 클릭해줌.

상단에 이름 써주고

품목 배열 데이터 넣어줌.

그리고 녹색버튼 눌러주면 데이터가 올라온거 확인할 수 있다.


추가로

Settings 들어간 다음에

Settings - pages 란에서 Branch 수정해주기

위와 같이 수정해줌.


json 파일 만들어주기

Create new file 선택해주기

이름 지정에 .json 을 붙여준다.

그리고 녹색 버튼 눌러줌.

이렇게 저장해줌.


이미지 넣어주기

upload files 클릭해서 이미지 넣어주기

파란 글자 클릭

한꺼번에 9개 사진 올려주고,

하단의 녹색버튼 클릭

잘뜨는거 확인 가능.

https://kku-git.github.io/Mcdonald_menu/product.json

 


json 파일 올릴 때 주의점
[
  {
    "id": 0,
    "title": "chess ring _khaki",
    "price": "KRW 32,000"
  },
  {
    "id": 1,
    "title": "chess ring _black",
    "price": "KRW 32,000"
  },
  {
    "id": 2,
    "title": "[silver925] heart logo wide ring-silver",
    "price": "KRW 78,000"
  },
  {
    "id": 3,
    "title": "promise ribbon ring-pink",
    "price": "KRW 33,000"
  },
  {
    "id": 4,
    "title": "promise ribbon ring-green",
    "price": "KRW 33,000"
  },
  {
    "id": 5,
    "title": "bud crest ring-white",
    "price": "KRW 33,000"
  },
  {
    "id": 6,
    "title": "aqua blossom ring",
    "price": "KRW 35,000"

올린 파일 확인해보면

이런 식으로 올려야 빨간색으로 뜨지 않음.

    [
    {
      id: 0,
      title: "chess ring _khaki",
      price: "KRW 32,000"
    },
    {
      id: 1,
      title: "chess ring _black",
      price: "KRW 32,000"
    },
    {
      id: 2,
      title: "[silver925] heart logo wide ring-silver",
      price: "KRW 78,000"
    },
    {
      id: 3,
      title: "promise ribbon ring-pink",
      price: "KRW 33,000"
    },
    {
      id: 4,
      title: "promise ribbon ring-green",
      price: "KRW 33,000"
    },
    {
      id: 5,
      title: "bud crest ring-white",
      price: "KRW 33,000"
    },
    {
      id: 6,
      title: "aqua blossom ring",
      price: "KRW 35,000"
    },
    {
      id: 7,
      title: "ribbon metal ring-pink",
      price: "KRW 34,000"
    },
    {
      id: 8,
      title: "cluster ring-green",
      price: "KRW 34,000"
    }
  ]

이런 식으로 따옴표 안붙여서 올리면 빨갛게 보이는거 확인할 수 있다.

 

728x90