inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

셀렉트 박스

선생님 리액트로 만들어서 사용할 때 ModelAttribute 사용법이 궁금합니다

886

김희수

작성한 질문수 7

0

제가 리액트 공부를 전에 해서 같이 사용해서 테스트 해보려고 하는데 ModelAttribute 개념에 대해 아직 제대로 숙달이 되지 않아, 만약에 리액트에서 사용하려면 어떻게 해야하는지 감이 안잡혀서 그래서 인터넷을 찾아서 하는중인데..

@GetMapping(value = "/add",   produces = MediaType.APPLICATION_JSON_VALUE + ";charset=UTF-8")
@ResponseBody
 public Map<String, String> getRegions(){
     Map<String, String> regions  = new LinkedHashMap<>(); //순서가 보장이 안됨
     regions.put("SEOUL", "서울");
     regions.put("BUSAN", "부산");
     regions.put("JUJE", "제주");
     return regions;
 }

 @GetMapping(value = "")
 @ResponseBody
 public List<DeliveryCode> deliveryCodes(){
    List<DeliveryCode> deliveryCodes = new ArrayList<>();
    deliveryCodes.add(new DeliveryCode("FAST", "빠른 배송"));
    deliveryCodes.add(new DeliveryCode("NORMAL", "일반 배송"));
    deliveryCodes.add(new DeliveryCode("SLOW", "느린 배송"));
    return deliveryCodes;
} 
이런 식으로 하고 있습니다. ModelAttribute 리액트에서 어떻게 사용할 수 있을까요?

spring mvc

답변 1

0

y2gcoder

안녕하세요, 김희수 님. 공식 서포터즈 y2gcoder 입니다.

ModelAttribute는 Json과 같이 @RequestBody나 @ResponseBody를 사용하는 Rest API 구조에서는 적합하지 않은 것 같습니다. 위의 regions 와 같은 경우에는 enum을 통해 좀 더 리팩토링해볼 수 있을 것 같습니다.
해당 링크(클릭)을 참고하셔서 좀 더 개선해보시는 것도 좋을 것 같습니다!

감사합니다.

0

김희수

그럼 spring boot와 react랑 같이 사용하는건 적합하지 않은건가요?

그렇다면 어떤 프레임워크를 사용해야하나요?

1

y2gcoder

제가 오해하도록 답변을 드린 것 같습니다.

프론트엔드 단이 따로 존재하고, Spring Boot로는 REST API 서버로 만든다고 하시면 ModelAttribute를 사용해서 Return하시는 게 아니라 Json으로 응답을 내보내서 사용하셔야 합니다. 이는 MVC1편 강의에서 ResponseBody를 사용하는 부분을 참고하시면 될 것 같습니다 :)

이미지 업로드와 db 트랜잭션 묶는법

0

43

1

Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4

0

53

2

MessageSourceTest 코드

0

47

1

인터셉터 에러 설정

0

48

1

resolveArgument()메서드 질문

0

57

1

43강 검증1 에서 실패 로직 관련 질문있습니다.

0

57

2

타임리프 3.X 버전 rendering, serializer 에러 해결 방법

2

133

3

스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ

0

90

3

pdf 오타 문의

0

57

1

ItemUpdateForm 검증 관련 질문입니다.

0

48

1

22page 링크 주소 변경

0

59

2

특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문

0

53

1

섹션3번 수업에 대한 질문입니다.

0

80

2

@Autowired 보다 더 좋은 방법이 어떤 걸까요?

0

85

2

타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.

0

65

1

자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다

0

142

3

스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문

0

63

1

톰캣 에러 페이지가 안보입니다.

0

103

2

apiEceptionController에서 센드 에러 호출하면 안되는지?

0

81

1

세션 타임아웃시 쿠키 삭제 방법이 없나요?

0

118

2

ApiExceptionController 질문드립니다.

0

64

1

셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?

0

66

1

MemberRepository 필드의 fianl 선언 유무

0

85

2

혹시 index.html 에서는 fragment 사용이 안되는건가요

0

58

1