이번 주차는 백엔드 개발자와 협업을 경험해보는 주차였다. 나를 포함한 프론트 개발자 3명, 백엔드 개발자 2명으로 팀을 구성하여 진행했다. 리액트와 파이어베이스로 과제를 해보기 만했지 백엔드 개발자와 개발해보는 건 처음이라 좀 떨리기도 했다. 우선 크게 로그인, 게시물, 덧글기능 3개로 나뉘었고 나는 게시물에 관련된 CRUD부분을 맡기로 했다.
기능테스트는 JSON-SERVER를 이용하였는데 이런 테스트 방법도 처음알게 된거라 이번 주차를 통해서 써보면 나중에 큰 도움이 될거같았다. 3일 동안 기능을 완수한 이후 이제 백엔드 개발자가 만들어놓은 API를 불러와 내 코드에 적용시켰는데 오류가 굉장히 많이 나왔다. 내가 추구하는 방향과 백엔드 개발자가 추구하는 방향이 좀 달랐던 탓이였다. 일단 이때 들었던 생각이 프로젝트를 시작하기 전 백엔드 개발자와 방향성이 일치하도록 충분히 의논 후 시작했어야 했는데 이번 사태를 통해 또하나 깨달음을 얻게 되었다.
게시글을 올리는데 이미지가 필수로 들어가야해서 저번 주차 때 했던 것처럼 프론트쪽에서 이미지를 업로드 한 이후 이미지가 저장되어 있는 URL값을 api를 통해 백엔드 개발자에게 보낼려고 했는데
튜터님이 말씀하시길 이미지를 저장하는 기능은 백엔드쪽에서 하는거다 라고 하셔서 이번에는 열심히 구글링을 하여 어떻게 이미지 데이터를 백엔드에 보내면 그걸 저장해서 url로 보내는지 찾기 시작했다. formdata를 이용하여 이미지파일을 저장 백엔드에서 이미지 업로드용 api를 따로 만들고 나는 그걸 이용하여 formdata를 보내면 백엔드에서 이미지를 저장하고 해당 url를 보내주면 나는 게시글 저장 api에 게시글정보와 url를 보내주면 되는 거였다.
그 외 여러 우여곡절을 경험하고 무사히 과제를 완료했다.
