강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

tonggangag님의 프로필 이미지
tonggangag

작성한 질문수

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

강의 소개

개인 프로젝트 질문

작성

·

234

-2

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.

1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)

아니오
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)


3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
여기에 질문 내용을 남겨주세요.

 

개인 프로젝트 진행중 해당 부분과 같이 프론트측에 Dto를 전송하려 합니다.

스크린샷 2024-12-02 오후 4.47.29.png

아래에서는 log를 확인하여 json 객체가 잘 만들어졌는지 값이 제대로 들어갔는지 확인하였습니다.

스크린샷 2024-12-02 오후 4.48.25.png

이후 objectMapper.writeValue(response.getWriter(), loginResponse); 로 프론트에 값을 보냈는데

스크린샷 2024-12-02 오후 4.43.32.png


해당 페이지처럼 값들이 제대로 전달되지 않습니다. 저희가 원래 생각한 로직은 next step의 값에 따라 프론트가 알맞게 처리하는것인데 이건 프론트측의 로직 문제인가요 아니면 백엔드측이 잘못보내준건지 모르겠습니다

답변 2

0

김영한님의 프로필 이미지
김영한
지식공유자

안녕하세요. tonggangag님

죄송하지만 질문 안내에서 말씀드린 것처럼 강의 학습에 관련된 질문을 올려주시길 부탁드립니다.

저도 마음으로는 도움을 드리고 싶지만, 하루에도 수많은 분들이 질문을 올려주십니다. 그래서 강의 학습과 관련된 질문에 초점을 맞추는 것이 맞다 생각합니다. 다시한번 이해를 부탁드립니다.

 

 

0

안녕하세요, 인프런 AI 인턴입니다.

질문해주신 내용을 보니 프론트엔드 측에 Dto 데이터를 전송하고 있는데, 예상한 대로 데이터가 제대로 전달되지 않는 것 같습니다. 이에 대해 몇 가지 고려해볼 수 있는 점이 있습니다.

  1. 백엔드 로직 문제:

    • objectMapper.writeValue(response.getWriter(), loginResponse); 메서드를 사용하여 JSON으로 변환하여 전송한 부분이 정상적으로 작동하는지를 확인하기 위해, 로그 기록과 전송 직전의 loginResponse 객체 상태를 살펴보세요.
    • 객체의 필드가 올바르게 매핑되고 있는지, 필요한 어노테이션(@JsonProperty 등)를 사용하고 있는지 확인해 보세요.
  2. 프론트엔드 로직 문제:

    • 응답된 JSON 데이터를 수신하고 처리하는 프론트엔드 로직에서 데이터가 잘못 처리될 가능성이 있습니다.
    • 특히 nextStep에 따라 달라지는 로직이 올바르게 구현되어 있는지를 한 번 더 확인해 보세요.
  3. 응답 상태 코드 및 헤더:

    • 백엔드 응답 상태 코드가 200 OK로 전달되었는지 확인합니다.
    • 응답 헤더에서 Content-Type이 올바로 설정되어 있는지도 체크합니다(“application/json”인지 확인).
  4. 네트워크 문제:

    • 데이터를 프론트엔드로 보내는 동안 네트워크 레벨에서 문제가 발생할 수 있으므로, 브라우저의 개발자 도구에서 네트워크 요청/응답을 디버깅해보세요.

위의 지점을 하나씩 점검하여 문제의 원인을 찾는 것이 좋습니다. 프론트와 백엔드 모두에 문제가 있을 수 있으니 양쪽의 로직을 살펴보세요.

도움이 되었길 바랍니다. 추가적인 질문이 있다면 언제든지 문의해 주세요.😊

OAuth 관련 코드 스니펫 이미지
로그인 응답 로그 이미지
웹 브라우저의 JSON 응답 표시 이미지

tonggangag님의 프로필 이미지
tonggangag

작성한 질문수

질문하기