get 하는 중 생긴 여러 error에 대한 회고
1. Page에서 get요청을 여러번 보냄
2. 정상적으로 요청이 완료 되었음에도 catch alert 출력
3. backend에서 받은 데이터 출력
1. Page에서 get요청을 여러번 보냄
useEffect, reactstrictmode 제거해서 해결
get요청을 Page내에서 3번씩 보내서 해당 방법으로 해결 하였으나,
reactstricmode를 제거 함으로 어떤 문제가 생기는지는 추후 개발하면서 더 공부해봐야 할 예정
2. 정상적으로 요청이 완료 되었음에도 catch alert 출력
catch 안에서 error를 변수로 받지 않고 바로 alert을 출력하여 발생
.catch도 일종의 .then으로 작동하는것으로 추측
만약 error를 받도록 설정하지 않는다면 우선은 내부의 명령을 실행 하는 것으로 보인다.
3. backend에서 받은 데이터 출력
backend에서 데이터를 json으로 전송
json 형식으로 보낸 데이터를 받는 방법을 고민 중
useState를 이용하여 data를 받은 후 Json stringify로 출력
!! 프로젝트 진행 중 유의 해야 할 점 !!
백엔드와 데이터를 주고 받는 부분에서 의사소통을 활발히 하여 방법을 열심히 찾자
then, catch구문으로 예외처리 까지 완료 하여 실제 백엔드 DB로 회원 정보 전달 성공
onClick으로 handleSubmit하여 handleSubmit안에 정의한 onSubmit을 호출하는 형식인데
Form태그 안의 버튼이 Type이 submit이므로 onClick을 거치지 않고
onSubmit이 바로 가능 할 수도 있을 것 같은데 프로젝트 이후 테스트 예정
'Web Project > dev' 카테고리의 다른 글
| dev) 2.5 ~ 2.6 로그인/로그아웃 구현 (0) | 2023.02.07 |
|---|---|
| dev) 2/4 회원 정보 수정 (0) | 2023.02.05 |
| dev) 2/2 회원가입 POST 테스트 (0) | 2023.02.03 |
| dev) 2/1 로그인 CSS 변경, 유저 정보 페이지, 회원가입 로직 빌드업 (0) | 2023.02.02 |
| dev) 1/31 회원가입, 로그인 UI, Git Push 충돌 해결 (0) | 2023.02.01 |