프로젝트 : 모두의 가계부
달력에 하루의 지출을 기록하고 관리할 수 있다.
시연 영상 : https://www.youtube.com/watch?v=KRfb9lRpzdU
서비스 주소 : http://lipton-web.shop.s3-website.ap-northeast-2.amazonaws.com
처음으로 백엔드와 프론트엔드 협업을 진행하며 느낀 아쉬운점과 뿌듯한 점.
이번 주차는 백엔드와 프론트엔드가 그 동안 서로 배운 주특기를 가지고 처음으로 협업을 통해 미니프로젝트를 만들었다.
어려웠던 점
수업을 들었을 때 에는 서버리스로 파이어베이스를 쓰다가 처음으로 axios를 이용하여 api통신을 하였다. 처음으로 사용하다 보니 어떻게 사용을 하는 것인지 잘 몰라서 사용방법을 알기까지 시간이 오래 걸렸다.
axios 기본 골격은 따로 만들고 미들웨어를 작성할 때 불러오는 형식으로 사용하였다.
미들웨어로 서버에서 받아 온 정보를 리듀서로 스토어에 넣어주는 것을 잘 몰라서 어려움이 있었다. 이번 프로젝트를 하면서 리덕스 상태관리에 대해 더 자세히 알게 된 계기가 되었다고 생각한다.
미들웨어에서 서버 데이터를 받아오고 dispatch를 통해서 액션생성 함수를 실행해서 리듀서에서 데이터를 수정하여 스토어에 넣어준다.
스토어에 잘 넣어주지 못하니 받아 온 데이터를 화면에 보여주게 가공하기도 잘 되지 않았다.
리스트를 클릭할 때 해당 리스트가 나오게 하는 것이 어려웠다. 배열이나 배열 내장함수를 다루는 것이 아직 익숙하지가 못한거 같아 앞으로 공부를 해 나가야 할 부분이라고 생각한다.
아쉬웠던 점은 서버에서 만들어 준 api를 다 쓰지 못하였던 점과 프론트엔드 팀 내에서의 소통과 백엔드와의 소통을 더 잘해 볼 수 있었지 않았을까 아쉬움이 남는다.
뿌듯했던 점은 라이브러리를 애용해서 달력을 처음 만드는 것 이였는데 로그인과 데이터 생성, 읽기, 수정, 삭제가 되게 만들어서 뿌듯하였다.
서버와 주고받을 때 오류가 많이 났었는데 백엔드에서 오류 해결방법을 찾아주지 못했다면 만들지 못했을 것이라고 생각한다. 개발자도구 네트워크 탭에서 서버로 보내는 결과물을 확인 하는 방법을 알 수 있었고 이러한 오류들을 해결하려면 백엔드와의 소통이 중요한 것을 알 수 있었던 시간이였다.
