[데브코스] WEEK19🚀

프로그래머스 데브코스 프론트엔드 88일차

마지막학기와 3차스프린트 🚘

마지막학기의 기말고사가 시작되었다. 시험은 총 3개 + 기말 프로젝트 1개. 사실 미리 해뒀다면 충분히 가능하겠지만 이미 프로젝트 몰입 200% 해둔 상태라 부랴부랴 공부하는 중이다. 이와중에 3차 스프린트가 시작되었다. 3차 스프린트에서 맡게된 기능은 결제, 내정보페이지 and so on...!
예상대로 프론트엔드팀원들이 많이 지쳐있는 상황이고, 주말엔 대대적인 리팩토링을 진행해 기능을 보충할 수 없었다. 매일 잠 줄여가며 구현하는 걸 알고 있기에 기말고사 끝나고 3차 스프린트때 최대한 많은 기능을 만들어야한다!

프로그래머스 데브코스 프론트엔드 89일차

버닝 🔥🔥🔥🔥🔥

사실상 종강을 맞이했다! 데브코스를 하느랴 이게 학기중인지 늘 긴가민가했지만 이제 곧 대졸이니 좋네요~ 😃
그리고 이제 학교 일정이 없어서 프로젝트에 더 몰입할 수 있어서 더 기대가 된다! 오늘 집에 돌아오자마자 최대한 많은 기능을 구현했다. 메인 페이지, 연재 페이지, 내 결제 시리즈 페이지, 좋아요 시리즈 페이지, 결제 api 연동 등... 기능을 다 만들고 행복한 마음으로 종강을 맞이했다!

프로그래머스 데브코스 프론트엔드 90일차

프로젝트는 수정의 연속! 🖐

이번 프로젝트에선 굵직한 트러블슈팅이 많다. 내가 겪지 않았지만 multi request를 하기 위해 다른 프론트엔드 팀원이 고생했던 기억이있다. api 호출 data 부분에 여러 형식의 데이터를 담아보낼 때 발생했던 오류인데, 결국 Blob이라는 객체로 data에 들어갈 데이터 (이미지, json)을 묶어 요청을 보내는 것이다. 하지만, 이는 백엔드 측에서도 복잡한 로직이 필요했기 때문에 이미지와 json을 따로 요청하게끔 api를 분리했었는데 오늘은 그 부분에서 오류가 발생했다. 요약하자면 프로필 이미지와 json에 들어가는 정보는 모두 db에 user 테이블에 존재하는데 2개의 api가 동시에 접근하기 때문에 locking에 걸쳐 제대로 응답할 수 없다는 결론이었다. 이를 해결하기 위해 분리했던 api를 합치고, locking 문제가 발생하지 않게 수정했다.

프로그래머스 데브코스 프론트엔드 91일차

버그를 고쳐보자! 🧚‍♂️

프로젝트 마감일이 성큼 다가왔다! 얼추 기능이 완성되었기 때문에 프론트엔드 측에서 공통적으로 일관성있게 처리해야하는 바로바로 버그를 해결해야하는 순간이 왔다! 버그를 해결하기 위해 고려해볼 수 있는 선택 사항은 (1) 모달, (2) 모달리스, (3) 시스템 경고, (4) 라우팅 (404, 500 페이지, 뒤로가기) 정도가 있다. 프론트엔드팀은 swal이라는 라이브러리로 시스템 경고를 사용하기로 했고 백엔드에서 넘어오는 오류 코드를 매핑해 적절하게 상황에 맞춰 경고와 라우팅을 결정했다.

프로그래머스 데브코스 프론트엔드 92일차

Umm... 🌊

갑자기 기능이 추가되었다. 스프린트 산정 시 분명 빠져있었던 기능이고, 담당자에게도 그렇게 전달받았는데 코드를 뒤집고 싶을 정도로 다른 기능이 추가되었다. 지금 프론트엔드팀에서 나 빼고 모두 디자인 작업에 들어간 상태였고 어쩔 수 없이 기능을 맡게 되었다. 추가된 기능은 단일 선택만 가능했던 카테고리 버튼이 사실 다중 선택과 on/off가 가능했다는 것이었다. 이를 해결하기 위해 우선적으로 버튼마다 상태를 설정했고 api 호출 시 선택된 카테고리를 배열에 담아 전송했다. 이 과정에서 paramsSerializer를 axios에 설정해 요청을 보내야하는데 이 부분에 대해선 시간 관계상 리팩토링 시 다루기로 했다!