json

    협업을 위한 snake_case -> camelCase 변환 방법 @JsonNaming, @JsonProperty

    협업을 위한 snake_case -> camelCase 변환 방법 @JsonNaming, @JsonProperty

    협업 도중 발생한 문제로 시도한 JsonNaming과 JsonProperty 문제가 발생한 이유는 다음과 같다. Front-End에서는 이미 많은 부분을 snake_case를 사용하고 있었기에 변경소요가 너무 커서 계속해서 snake_case를 사용하기 원했다. Back-End 개발자인 나는 Java 작성 규칙에 따라 camelCase로 작성하길 원했다. 그렇기 때문에 Front-End에서는 snake_case로 데이터를 보냈고, snake_case로 데이터를 받았다. 두 가지의 요구사항을 만족하기 위해 어떻게 해결할까? 생각을 하며 여러가지 방법을 시도해 보았는데, 결과물은 같지만 불필요한 코드가 많이 발생하게 되는 과정이 많이 생겼다. 이러한 문제해결 도중 @JsonNaming과 @JsonProper..

    fetch() 사용법, javascript와 spring(java) 양방향 JSON 통신 방법

    fetch() 사용법, javascript와 spring(java) 양방향 JSON 통신 방법

    javascript fetch() → java/Spring 반환 프런트 엔드에서 백엔드로 비동기 데이터 전송 기존에는 javascript의 비동기 기능으로 XMLHttpRequest를 이용해 비동기를 구현했는데 이 기능은 사용하기에는 다소 불편한 점이 있어 좀 더 편하게 사용하기 위해 Jquery 라이브러리를 따로 받고 이에 포함되어 있는 ajax을 이용해 비동기를 구현했는데, ES6부터는 javascript 자체적으로 fetch(비동기 기능)을 지원한다. 이 fetch() 비동기 기능을 활용하여 Spring(java)로 데이터를 전송하는 테스트를 하려 한다 프런트엔드에서는 fetch()를 통해 데이터를 보내고 백엔드에서는 JSONObject를 통해 데이터를 받아 가공 및 사용한다. 메서드 타입은 RES..