spring에서 sql 데이터 바인딩시 빈 배열 뜨는 오류 질문드립니다

Question

이 데이터를 spring에서 다음과 같이 적용하였습니다package com.board.back.model; import java.util.Date; import jakarta.persistence.Column; import jakarta.persistence.Entity; import jakarta.persistence.GeneratedValue; import jakarta.persistence.GenerationType; import jakarta.persistence.Id; import jakarta.persistence.Table; import org.hibernate.annotations.DynamicInsert; import org.hibernate.annotations.DynamicUpdate; @Entity @Table(name = "board") public class Board { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Integer number; @Column(name = "name") private String name; @Column(name = "phone") private String phone; @Column(name = "company") private String company; @Column(name = "mail") private String mail; @Column(name = "content") private String content; @Column(name = "created_time") private Date created_time; @Column(name = "updated_time") private Date updated_time; // ---Getter/Setter --- }package com.board.back.controller; import java.util.List; import org.apache.catalina.filters.CorsFilter; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.web.servlet.FilterRegistrationBean; import org.springframework.context.annotation.Bean; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.CrossOrigin; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.RestController; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; import com.board.back.model.Board; import com.board.back.service.BoardService; import com.thetransactioncompany.cors.CORSFilter; @CrossOrigin("*") @RestController @RequestMapping("/api") public class BoardController { @Autowired private BoardService boardService; // get all board @GetMapping("/board") public List getAllBoards() { return boardService.getAllBoard(); } }package com.board.back.repository; import java.util.List; import org.springframework.data.jpa.repository.JpaRepository; import com.board.back.model.Board; public interface BoardRepository extends JpaRepository { }package com.board.back.service; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import com.board.back.model.Board; import com.board.back.repository.BoardRepository; @Service public class BoardService { @Autowired private BoardRepository boardRepository; // get boards data public List getAllBoard() { return boardRepository.findAll(); } }application.propertiesspring.application.name=asia-laboratory spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/asia?characterEncoding=UTF-8&serverTimezone=UTC spring.datasource.username=root spring.datasource.password=asia1357!! spring.jpa.show-sql=true spring.jpa.hibernate.ddl-auto=update spring.jpa.properties.hibernate.show_sql=true spring.jpa.properties.hibernate.format_sql=true spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation=true logging.level.org.hibernate.type.descriptor.sql=tracereact는 이런식으로 들어가있습니다BoardService.jsimport axios from 'axios'; const BOARD_API_BASE_URL = "http://localhost:8080/api/board"; class BoardService { getBoards() { return axios.get(BOARD_API_BASE_URL); } } export default new BoardService();RequestManagerCompoent.jsximport { Link } from 'react-router-dom'; import './RequestManager.css'; import BoardService from './BoardService.js'; import React, { Component } from 'react'; class RequestManagerComponent extends Component { constructor(props) { super(props) this.state = { boards: [] } } componentDidMount() { BoardService.getBoards().then((res) => { this.setState({ boards: res.data}); console.log(res.data); }); } render() { return (

Contact Manager

글번호

이름(기관명)

연락처

회사명

이메일 주소

{ this.state.boards.map( board =>

{board.number}

{board.name}

{board.phone}

{board.company}

{board.mail}

) }

<< < 1 2 3 4 5 6 7 8 9 10 > >>

: 검색

); } } export default RequestManagerComponent;하지만 데이터는 빈 배열이 뜹니다 (데이터가 3개 들어가있는데요 개수까지는 일치합니다)그래서 게시판에 값들이 빈 상태로 3줄 출력됩니다어디에서 데이터바인딩이 잘못된건지 궁금합니다답변부탁드립니다 감사드립니다+ 답변감사드립니다 ㅠㅠBoard 클래스에 @Data 어노테이션을 붙였는데 데이터가 제대로 나오네요@Entity @Table(name = "board") @Data public class Board {

kenu,전독시 · Answer

1. BoardService.getBoards() 메소드 확인먼저, BoardService.getBoards() 메소드가 제대로 작동하는지 확인해야 합니다. 이 메소드는 서버로부터 데이터를 가져오는 역할을 하므로, 서버 측 코드와 이 메소드 사이의 통신이 올바르게 이루어지고 있는지 확인해야 합니다.서버 측 코드 확인: 서버에서 제공하는 API가 정상적으로 작동하는지 확인합니다. Postman이나 같은 도구를 사용하여 API 엔드포인트에 직접 요청을 보내보세요.응답 데이터 구조 확인: BoardService.getBoards() 메소드가 반환하는 데이터의 구조가 예상과 일치하는지 확인합니다. 예를 들어, 데이터가 res.data 형태로 반환되고 있지만, 실제로는 res 객체 내부에 다른 속성이 포함되어 있을 수 있습니다.2. React 컴포넌트의 상태 업데이트 로직 검토React 컴포넌트에서 componentDidMount 라이프사이클 메소드를 사용하여 데이터를 가져오고 있습니다. 이 과정에서 상태 업데이트 로직이 올바르게 구현되었는지 확인해야 합니다.상태 업데이트: this.setState({ boards: res.data }); 코드가 올바른지 확인합니다. res.data가 실제로 데이터를 담고 있는지 확인하고, 이 데이터가 boards 상태에 올바르게 할당되었는지 검증해야 합니다.데이터 구조 일치: this.state.boards.map(...)에서 board 객체의 구조가 예상과 일치하는지 확인합니다. 예를 들어, board.number, board.name 등이 실제로 존재하고, 해당 속성들이 문자열 형태인지 확인해야 합니다.3. 디버깅 방법콘솔 로그 출력: componentDidMount 내부에서 console.log(res.data);를 추가하여 응답 데이터를 콘솔에 출력해보세요. 이렇게 하면 실제로 어떤 데이터가 반환되고 있는지 확인할 수 있습니다.React Developer Tools 사용: Chrome 또는 Firefox의 React Developer Tools를 사용하여 RequestManagerComponent의 상태를 실시간으로 확인해보세요. boards 상태가 초기화된 후에 업데이트되는지, 그리고 그 값이 올바른 데이터로 업데이트되었는지 확인할 수 있습니다.결론위의 단계들을 통해 문제를 해결할 수 있습니다. 만약 여전히 문제가 해결되지 않는다면, BoardService.getBoards() 메소드의 구현을 다시 한번 검토해보거나, 서버 측 코드에 문제가 없는지 확인해보세요. 또한, React 컴포넌트의 상태 업데이트 로직과 데이터 바인딩 부분을 다시 한번 검토해보는 것이 좋습니다.from: https://www.phind.com/search?cache=dnbtjs08n7po4w8knd0b95vq

송재상 · Answer

콘솔까지 뜨셨으면 디비까지는 불러오신거같고 res.data부분에서뭔가문제가 있을것같네요... 카멜케이스라던지 스네이크케이스라던지의 느낌이 드는데 res.data부분을 한번 보심이어떨까요 크롬에서 네트워크 탭을 보셔서 api response보시면 더 정확히아실것같습니다.

spring에서 sql 데이터 바인딩시 빈 배열 뜨는 오류 질문드립니다

2개의 답변

Q&A 목록