2022.10.24 백엔드와 함께 찐 접속을 성공하였다..😎

 

프론트엔드에서 목데이터로만 작업하여 막연하게 했던 작업을 백엔드와 서버통신을 통해 진짜 개발자가 된 느낌이였다!

처음 딱 서버에 연결이되었을때 팀원 모두 소리지르면 감격했다...!! 잊지모태.......🥹

 

 

하지만.. 바로 에러들이 엄청나게 터져버렸다..!!!

그중에서도 제일 화딱지가..직렬화오류..ㅠㅠ 하.... 작업들을 하며 적어놓았던 트러블슈팅 대대공개!!!!

 

 

 

백엔드 서버 연결 후 수정, 삭제 시 서버에 id정보가 가지않아 요청되지않음, 콘솔에서 415,400 error가 뜸

서버에 요청도 가지않음

-현재 415에러는 제이슨형식으로 보내지않아 그렇다고하여 헤드에 "Content-Type": "application/json"

제이슨형식으로 바꿔주는 코드를 넘겨주었으나 되지않음..

서버연결하는 컴퓨터 껏다키니 성공함..?…???

페이로드할때 내용과 아이디를 따로 묶어서 객체에 담아 보냈고 api에서 따로 날려서 서버로 통신함

 

 

AWS탈퇴 후  EC2 인스턴스 재 구매과정

프론트 배포를 위해 EC2 구매를 해야하는데 몇 주전 계정탈퇴하여 aws접근이 안되는 상황이였습니다.

90일이 지나지않아 완전히 탈퇴가 되지않은 기간이라 철회가 가능하였지만 다시 사용하려면 안냈던 사용료를 지불하라고 메세지를 받았습니다.

하지만 발생금액이 명세서에 없었고 결재가 되지않아 계정접근이 되지않았습니다.

그래서 aws서비스센터에  민원 접수 후 팀원분들의 도움을 받아 상담사와 라이브챗으로 계정탈퇴 철회요구를 요청하였습니다.

상담사가 30분이 소요된다고하였고 그 이후 탈퇴처리 철회가 완료되었습니다. 

 

 

컴포넌트 오류

스토어를 2개를 생성하여  리듀서 작업시 오류가 발생하였습니다.

초반 컴포넌트 처리시 잘 체크하지않아 실수 발견하지못했습니다.

import와 경로를 잘 파악하고, 전체검색하여 콘솔에 찍히는 내용들을 잘 검색하여 문제를 발견해야함을 깨달았습니다. 

 

 

이미지 폼데이터 전송

이미지 첨부하여 폼데이터로 전송하려 했으나 백엔드와 폼데이터 통신이 되지않았습니다.

폼데이터에대한 좀 더 공부가 필요함으로 판단됩니다.

일단 text 통신성공 후 파일형식의 통신도 진행해볼예정입니다. 

 

이미지를 폼데이터로 전송할때 하나의 스테이트에  넣어 전달하였고 슬라이스를 따로 만들어

통신을 진행하였으나 계속 에러가 발생하였습니다.

폼컴포넌트에서 직접 api를 호출하는 로직을 구현해 해결했습니다.

 

게시글 수정시 수정버튼을 누르면 기존의 데이터가 나와야하는데 나오지않았습니다.

이니셜스테이트의 값을 기존에 {빈 배열}로 설정했다면 null값을 주어 처음 서버에서 호출할때 빈 객체값을 띄우지않도록 조치하였습니다.

데이터를 불러오는 페이지에서  useEffect에 if값을 설정해 업데이트할 내용이 생기면 보이도록 구현하였습니다.

기존 유즈셀렉터로 불러와 쓰는 값들은 옵셔널체이닝을 해주어 null값이 처음에 뜰때 오류들을 방지하였습니다. 

 

이러면서 느낀...갓 멘트....

부러트린 장난감의 수만큼 난 성장한다…

 

 

깃 충돌

서로 같은 페이지를 수정 하여 머지할 때 양이 적으면 페이지를 비교해 보여주는 페이지를 통해 수기로 수정이 가능합니다.

다만 양이 많아지고 서로 풀, 푸시를 하지않으면 깃충돌이 생기고 푸쉬와 풀을  사용하는 브런치에서 전혀 실행을 할 수 없습니다.

git push -f origin 강제로 푸시와 풀을 하여 일단 합치고 이 후 자주 소통하며 커밋과 머지를 진행하였습니다. 

 

 

CRUD에서 토큰을 넘겨줄 때

악세스,리프레시 토큰을 넘겨 줄때 데이터와 같이 폼데이터 형식으로 만들어  리듀서에 보내주었습니다. 

하지만 400에러가 뜨며 직렬화 오류가  발생하여 실행되지않았습니다.

api에서 토큰을 넘겨서 진행하여 문제를 해결했습니다.

 

api명세서 부분이 변경되는 부분이 종종있어서 api를 요청했을때 명칭오류로 통신되지않는 부분이 있었습니다.

그래서 포스트맨에서 들어오는 api명세서를 확인하여 명칭들을 확인해 해결할수있었다.

 

 

 

그래서 완성해버린 우리의 사이트!!!!!

https://www.youtube.com/watch?v=ediOPXkSu7s