2024년 9월 30 TIL

튜터님이 클라이언트와 서버는 동일한 json 파일을 바라보고 있어야 한다는 이야기를 해주셔서

클라이언트에서 json 파일을 바라보게 하기 위해 여러 시도를 했지만,

 

방법을 찾지 못 해 튜터님께 자문을 구하러 갔다.

 

https://kagan-draca.tistory.com/309

(중요) 자바스크립트 클라이언트에서 json 타입 형식 가져오는 방법

오류가 발생한 원인으로는 서버가 front end를 파일들을

express.static('public')로 정적로깅을 해

public의 상위에 존재하는 json 파일을 보관한 assets 폴더를 읽어 올 수 없는 문제와

 

javascript에서 import하는 json 파일은 .js 형식으로 읽어와 오류가 발생하는 것이었다.

 

해결 방법으로는 3가지가 존재했는데

 

1. json 파일을 .js 객체로 만들어 export 하는 방법이 있었고,

 

2. fetch를 사용해 web url로 json 파일 경로를 그대로 받아 와 작성하는 방법이었다.

 

3. import 할 때, with {type : "json"}을 사용해 이 파일은 json 파일 형식이라는 걸 명시적으로 알려주는 방법이 있었다.