스프링 / java → javascript 데이터 전송 방법

근태관련 캘린더를 연동하고, db와 연동하여 데이터를 노출시켰다.

(fetch 절을 이용하여 백쪽의 데이터를 받아서 가공)

data에 값 다 들어 있음.

js 쪽으로 데이터만 넘겨주면 되므로 Controller에서 @ResponseBody 어노테이션을 사용했고,

Map으로 묶어서 보내줬다.

 

 

이전에는 map이 단순히 key와 value로 돼있으므로 어디든 데이터를 보내기에 가장 좋은 녀석이라고 생각했다.

하지만 이것저것 찾아본 결과,  js 로 데이터를 보낼 때엔 굳이 굳이 맵 형식을 안 써도 되고, 

map으로 보내봤자, 무시된다고 하더라 (고맙다 ai)

(실제로 map으로 묶어 보내든, 그냥 값을 return 하든 데이터는 모두 잘 출력됨)

나름 찾아본 거 까먹지 않으려, 깨알 주석으로 달아놨다.

 

 

이와 같이 고냥 return으로 조회한 결과를 던져쥬면 /fecth/calendar 절에서 값을 고대로 받는다...

코드가 한결 간단해 졌다.

 

백에서 프론트로 데이터를 던질 땐 js, ajax? 등등 많지만 ajax는 예전에 많이 썼다고 하고, 

요즘은 대부분 js 형식으로 넘기므로 굳이 js 문법을 안 써도 default 설정이 되어있다.

 

 

하지만, 가독성을 위해 적어주는 게 좋다고 생각한다.

 

 

까먹지 말고 꿀팁들 잘 활용해 보자!