안녕하세요. 현대오토에버 4팀 아이들의 김원길,박준영,손성호 입니다.

저희팀은 이번주에 API연동과 세부 디자인 작업들을 진행했습니다.

이제 더미데이터를 사용하는 부분없이 모두 API통신을 하여 실제데이터로 렌더링되도록 완료하였습니다.

이번주엔 API를 연동하는 부분에 있어서, 백엔드와 어떤 데이터들을 주고 받아야할지 얘기를 많이 나눴습니다.

어느 부분을 수정하면 추가적으로 필요한 데이터라던지, Request Body의 수정이라던지 바로바로 토의를 통해 협업을 진행하였습니다.

그로인해 서로 양보하며 구현범위를 잘 나누어 연동할 수 있었습니다. 특히 API가 나오기 전에 먼저 notion의 명세서 페이지를 미리 적으며 작업해주셨기에 더미데이터의 활용을 잘 할 수 있었던 것 같습니다.

(기능 보여주기)

내게 맞는 트림 찾기 기능에서 옵션과 트림을 선택하고 확인 버튼을 눌렀을 때 navbar에 즉시 반영이되지 않는 문제가 있었습니다. 성호가 발견을 해서 저희 팀원 모두가 두 시간정도 머리를 맞대어 원인을 분석하고 해결하게 되었습니다. 원인은 임시 차 객체와 전역 차 객체를 업데이트 하는 작업이 비동기로 처리되는데 이 때문에 임시 차 → 전역 차 순으로 업데이트 하는 것을 보장할 수 없었습니다. 따라서 임시 차를 업데이트 하고 전역 차를 업데이트하도록 async, await, then를 활용해 해결할 수 있었습니다.

다음주엔 테스트코드를 만들고, 테스트 해볼 예정입니다.

제스트와 ‘리액트 테스팅 라이브러리’를 이용할 예정입니다.

다만 테스트코드를 만들 때, 함수들이 컴포넌트함수밖에 있어야 하여, 함수들을 컴포넌트함수 밖으로 빼는 리팩토링을 진행하려고 합니다. 동시에 다른 코드들 또한 리팩토링하려고 합니다.