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

양현빈님의 프로필 이미지
양현빈

작성한 질문수

코드로 배우는 React with 스프링부트 API서버

결과 모달창 처리

챕터 5 모달 처리 | Add 클릭 이후 모달창이 안떠요

작성

·

272

·

수정됨

0

모달창이 안떠서 settimeout으로 처리 하니

Modal에 result 값이 true로 적용됩니다

코드는 깃으로 올리겠습니다

 

선생님 강의에 올라와있는 ch06 파일 코드 넣어서 해봐도

모달창이 안뜨네요 ㅜㅜ

 

https://github.com/hyeonbin03/webstromhub

 

답변 4

0

동일한 문제를 겪다가 원인을 찾아서 해결방법을 남깁니다.
결론은 백엔드서버에서 반환하는 key값을 프론트엔드와 통일시켜줘야 합니다...

백엔드서버의 ProductController의 register메서드 반환값이 Map.of("RESULT",pno);입니다.
따라서 리액트에서 setResult(data.result);가 아닌 setResult(data.RESULT);로 해줘야 합니다.

0

양현빈님의 프로필 이미지
양현빈
질문자

선생님 스레스슬립 3000으로 설정해도 여전히 모달창이 안떠서 혹시 화면 녹화본이 있는데 메일로 보내드려봐도 될까요

그리고 녹화본에 담겼으면 하는 내용도 같이 알려주시면 같이 보내드려볼게요

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

그보다는 제가 직접 원격으로 보는게 나을듯 합니다.

팀뷰어를 설치하시고

 

연결 번호랑 비번을

 

cookie_00@naver.com

으로 보내 주시면 제가 원격접속으로 볼까 합니다.

 

양현빈님의 프로필 이미지
양현빈
질문자

메일 남겼습니다!

0

양현빈님의 프로필 이미지
양현빈
질문자

ADD버튼 클릭 시 첫 번째 모달 창이 뜨고 서버로 result값 받아 온것까지 보이는데 두번째 00 번째 상품입니다 라는 문구가 담긴 모달 창이 보이지 않습니다

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

image올려주신 코드 중에

 

AddComponent에서

 

        postAdd(formData).then(data => {
            setFetching(false);
            setResult(data.result);
            // Show next modal after 2 seconds
            // setTimeout(() => {
            //     setResult(data.result);
            // }, 2000);
        });

 

 

와 같이 테스트 하고, 서버에서 3초 뒤에 응답이 나오게 조절하면 3초간 'Loading...' 모달이 보이다가 결과 모달창이 뜨는 동작이 정상적으로 실행되고 있습니다. 혹시 부트 서버 쪽에서 문제가 있는건 아닐까요?

 

 

0

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

코드는 받았습니다. 좀 더 정확한 위치를 알면 좋겠습니다. 어떤 작업 중인지 알려주세요

양현빈님의 프로필 이미지
양현빈
질문자

https://github.com/hyeonbin03/IntelliJHub
스프링부트 코드도 남기겠습니다!

양현빈님의 프로필 이미지
양현빈
질문자

선생님 혹시 죄송한데 Spring 실습 코드 있으시면 올려주실 수 있나요,, 대소문자 같은 실수가 있어도 오류가 안떠서 몇시간씩 골썩이네요 ㅠㅠ

 

수정 삭제 컴포넌트 처리 부분 하고있는데 파일 선택 시 선택된 파일 명은 나오는데 Modify 버튼을 눌러도 적용아 안됩니다

어제처럼 리엑트쪽에서만 문제 찾을게 아니라 스프링쪽 문제일수도 있겠다고 생각해서 영상 처음부터 쭉 다시 돌렸는데 오류 해결이 안되네요 ㅠㅠ

구멍가게코딩단님의 프로필 이미지
구멍가게코딩단
지식공유자

메일 드렸으니 확인해 보세요

양현빈님의 프로필 이미지
양현빈

작성한 질문수

질문하기