⭐ SpringBoot/개발하면서 정리 (4) 썸네일형 리스트형 API (Application Programming Interface) with JSON API 리턴값 통일 JSON모든 API의 타입이 JSON이면 프론트엔드에서 동일하게 활용 가능하다. JSON은 JavaScript Object Notation의 약자로, 데이터 교환 형식으로 널리 사용된다. 한마디로 프론트 엔드와 백엔드간의 표준 인터페이스 라고 생각하면 쉽다. 프론트엔드에서 JSON 형식의 데이터를 처리하는 것은 매우 일반적이며, 다양한 언어와 프레임워크에서 쉽게 파싱하고 생성할 수 있다.프론트엔드에서 JSON 데이터를 활용하는 일반적인 방법은 다음과 같다.API 호출을 통해 JSON 데이터를 가져온다.JSON 데이터를 파싱하여 JavaScript 객체로 변환한다.변환된 데이터를 프론트엔드 애플리케이션에서 사용한다.예를 들어, JavaScript에서 fetch API를 사용하여 JSON.. JSON 데이터 사용 FrontEnd (HTML, React) 계획JSON 데이터를 가져온다.JSON 데이터를 JavaScript 객체로 변환한다.HTML 요소를 사용하여 데이터를 화면에 표시한다.React 없이 React 사용import React from 'react';import ReactDOM from 'react-dom';const App = () => { // 1. JSON 데이터를 가져옵니다. const jsonData = '{"name": "John Doe", "age": 30, "city": "New York"}'; // 2. JSON 데이터를 JavaScript 객체로 변환합니다. const data = JSON.parse(jsonData); // 3. JSX를 사용하여 데이터를 화면에 표시합니다. re.. @SpringBootApplication 의 의미 # @SpringBootApplication 의 의미 - 보통 메인 메소드에 해당 어노테이션을 붙여서 사용 하는 경우가 많다. 그럼 @SpringBootApplication이 가지고 있는 기능이 무엇인지 보면 아래와 같다. @Target({ElementType.TYPE}) @Retention(RetentionPolicy.RUNTIME) @Documented @Inherited @SpringBootConfiguration @EnableAutoConfiguration @ComponentScan(excludeFilters = {@org.springframework.context.annotation.ComponentScan.Filter(type = org.springframework.context.annotat.. <dto> dto에서 null값 제거하기 # dto에서 null값 제거하기 간단하다. dto 클래스에 아래의 내용 넣어주면 됨 @JsonInclude(JsonInclude.Include.NON_NULL) 결과는 아래와 같다. null 값이 제거된 항목만 도출 된다. 이전 1 다음
