JSON 기본 설정

data.js 파일로 만들어지는 JSON 파일은, 평문으로 작성되는 데이터베이스 이다.

스크립트에선,

fetch("./data.json")
.then( res => res.json() )
.then( data => { data.오브젝트 혹은 어레이 또는 다른 평문 활용한 명령어들 } )

첫 fetch 괄호내용물이 첫 .then function { } 중괄호로 들어가고그게 둘째 .then function{ } 중괄호로 들어간다

.then(res => {return res.json()})
.then(function(res) {return res.json()}

혹은

.then(data => { })
.then(function(data) { })

그냥 화살표 함수 사용하는게 나을듯, 만약 중괄호를 쓰게 된다면 첫 .then의 중괄호에는 return 이 반드시 있고 밖으로 값을 되돌려줘야 한다. 그래야 두번째 .then 으로 값이 갈테니까

이 다음이 중요한데,

.then(data => {
    console.log(
    data.array,
    data.array[0].name
)})

두번째 .then 다음 명령문 function 혹은 화살표 함수부터 본격적으로 명령어가 들어가게 된다.

data.json 데이터 파일은 대부분 data 폴더 안에 따로 넣어두며,

{"대표이름" : [
 {
"이름" : "구성요소",
"이름" : "구성요소",
"이름" : "구성요소"
},
{
"이름" : "구성요소",
"이름" : "구성요소",
"이름" : "구성요소"
},
{        
"이름" : "구성요소",
"이름" : "구성요소",
"이름" : "구성요소"
}
]};

이렇게 모든 요소는 "" 로 감싸주어야 하며 마지막 줄에는 절대 콤마를 찍지 않는다.