REST API 직접 JSON 파일로 만들기
들어가면서
인덱스와 키:밸류를 쌍으로 갖는 배열 안에 객체가 있는 자료형으로 만들면 API를 만들 수 있다.
방법
- 구글 스프레드시트나 엑셀과 같은 스프레드시트 프로그램에서 가로 첫 행을 제목행으로 갖고 아래로 내용이 뻗어가는 형태의 데이터베이스를 만든다.
- 아래 사이트에 내용을 붙여넣어 JSON 파일 형태로 변환한다. 한글도 지원한다.
https://tableconvert.com/ko/excel-to-json (밑의 사진과 다른 사이트임. 문제가 있어서 이 사이트에서 해보니 잘 됨.) - 변환된 데이터베이스를 변수의 값으로 할당할 임의의 js 파일을 하나 만든다. 값이 길지 않다면 사용 중인 js 파일에서 해도 되지만 데이터의 양이 많을 수 있으니 별도로 만드는 방법으로 진행한다. (예: data.js)
- json 데이터를 활용할 HTML 문서에 와서 메인으로 사용 중인 js 파일을 불러오는 src 부분에 타입 모듈을 선언한다.
<script src="script.js" type="module">
- 위에서 지정한 메인 스크립트(script.js) 파일로 와서 가장 최상위 코드라인에다 아래와 같이 임포트한다.
import {
data.js에서 선언한 변수명
} from "./data.js"
.은 상대주소, ..은 하나 위의 상위 폴더이다. 폴더 트리가 복잡한 경우 ./를 생략하면 의도치 않은 참조 오류가 발생할 수 있다.
여기까지 하면 완료다.
구글 스프레드시트에서 작성한 문서를 API로 변환해주는 기능이 있는 것으로 알고 있다.
이 작업은 데이터에 CRUD가 발생하면 매번 수동으로 해주어야 하니, 가능하다면 추후 이 방법도 학습해보려고 한다.
구글 스프레드시트 데이터를 API로 가져오기
구글 스프레드시트의 데이터를 API로 가져오고, 웹페이지에서 이 데이터를 자유롭게 이용할 수 있는 방법이 없을까? 구글스프레드시트를 API로 변환해주는 Third party 서비스가 일부 있지만 (sheety,
dabid.tistory.com
'Programing > JavaScript' 카테고리의 다른 글
구글 스프레드시트를 API 호출하여 실시간으로 fetch하고 JSON으로 파싱하기 (0) | 2024.05.08 |
---|---|
이벤트 버블링 기법 : 리로드 되는 페이지에서 이벤트 리스너가 끊어지는 문제 해결 방법 (0) | 2024.05.08 |
[모던JS] 022. [기본] 기본 문법 요약 (0) | 2024.03.30 |
[모던JS] 021. [기본] 화살표 함수 기본 (0) | 2024.03.30 |
[모던JS] 020. [기본] 함수 표현식(콜백 함수, 익명 함수) (0) | 2024.03.30 |
댓글