23년 4월 19일

• 수요일날 심각한 에러 해결하는데 밤늦게까지 소모되 오늘 목요일에 작성하였습니다.

배운 것과 알게 된 점

어제를 끝으로 백앤드에서 구현한 부분은 모두 끝나서 이제 남는 것은 프론트분들이 제대로 테스트 되는지 기다는 것이 전부였기에, 이제 남는기간동안 그동안 백앤드에서 있었던 트러블 슈팅들을 노션에 작성하는 작업을 하고 있었었다. 그리고 그동안 어떤 일들을 했는지 노션에다 지금까지 내 TIL들을 보면서 그날에 했던 것들을 작성하는 시간을 가졌었다.

그렇게 점심먹고 난 후 부터 프론트에서 피드 페이지인 피드 작성이 되지 않는 사태를 직면을 하였다. 백엔드에서는 postman으로 form-data로 작성이 잘 되는 것을 확인하였고 해당 부분을 ec2로 배포를 하였지만, 프론트에서는 피드 작성 부분에서 feedPic 값이 불려지지 않는 현상이 계속해서 나타났었다.
그래서 우리 백앤드에서 EC2로 계속 확인해봤지만 안되가지고, 이 부분을 해결하기 위해서 오후부터 원인을 알아보기 위해서 multer 라이브러리를 다시 한번 더 공부하고 여러 콘솔로그를 계속해서 적으면서 원인을 알아보려고 노력을 하였다.
하지만 저녁늦게까지 가는데도 해결하지 못해서, 결국 프론트분들과 같이 동시에 보면서 처음부터 다시 한번 보자고 살펴 보았다. 나랑 같은 백앤드 팀원분이 코드 적는 속도가 빠르고 EC2 서버도 같이 하고 계셨기 때문에 같이 라이브 코딩으로 진행을 하였다.

그러다가 새벽1시때 비로소 원인을 알았는데 해결은 다음과 같으며, 아래 내용은 우리팀 노션에 에러핸들링 부분을 발췌한 내용이다.

• 지금까지 사진을 담기 위한 multer 라이브러리를 사용하였는데, 여러 사진을 업로드 하는 함수인 upload.fields를 사용하고 있었다. 근데 어쩌피 사진은 1장만 구현 하면 되었는데 나중에 feed.route파일에서 upload.slngle로 바꾸고 피드 컨트롤러 계층에서도 req.files에서 req.file로 바꾸니까 비로소 값이 받아지는 것을 확인하였다. 프론트에서는 사진이 어쩌피 한장이라 배열이 아닌 string으로 구현을 했어서 값이 불러지지 않았던 것으로 추정된다. 만약 upload.fields로 한다면 사진이 여러 장 이다 보니까 프론트에서 값 받아오는 방식을 배열 형식으로 구현하면 되지 않을까 생각한다. 일단은 우리쪽에서 upload.slngle로 바꾸는 것으로 해결하였다.

결론적으로 프론트분과 소통적으로 이슈가 났었고 결국에는 사진 1장만 올려도 되는 upload.slngle로 바꾸는 것으로 해결을 하였다. 물론 이날 밤에 원인만 알았을 뿐 데이터에 저장하는 것은 아직 안되었기 때문에 이 부분은 너무 늦은 관계로 내일 아침에 같이 다시 한번 보는 것으로 마무리 하였다. 이날 진도가 너무 안나가서 답답했는데 결국에는 프론트과에 제대로 된 소통이 안되었던것으로 확인 되었고, 항상 뭔일 있을 때에는 프론트분들과 제대로 확인 해야 한다는 것을 다시 한번더 깨달았고 앞으로 협업할 때, 이런 일이 날 수 있다는 것을 알게 되었다.

앞으로 할 일

발표가 얼마 안남아서 내일은 발표 자료 작업하는 ppt 작업을 진행 할 계획이다.