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
'> 포트폴리오 > 맥도날드' 카테고리의 다른 글
[CSS] 검색창 만들기 (4) | 2024.08.26 |
---|---|
[Ajax] 맥도날드에다가 데이터 넣기 (0) | 2024.08.24 |
[SCSS] scss 수정 및 캐러셀 수정 (0) | 2024.08.24 |
[SCSS] 맥도날드 css 에서 scss 로 수정 (0) | 2024.08.20 |
[CSS] flex 사용해서 상자 나열하기 (0) | 2024.03.29 |