8월 23일 (금) 회고 - dev-FEFIVE/NadoCat GitHub Wiki

각자 자유로운 형식으로 작성해주세요.

채팅에 사용하기 위해, 상대방의 프로필 페이지(마이페이지)를 누르면 해당 사용자의 uuid를 가져와야 한다. 해당 작업을 완료하기 전 일단 마이페이지의 기본 기능부터 완성하기로 했다.
마이페이지의 프로필 사진을 변경하기 위해 이미지 업로드 쪽 코드를 분석했는데, 현재 만들어진 함수들이 다 게시판의 다중 이미지 업로드 기준으로 작성되어 있다. 마이페이지는 단일 이미지 한개만을 업로드하기 때문에 다중 이미지 업로드 기능은 필요없기에 새로 업로드관련 함수들을 만들어줬다.
토큰을 사용하고 있기에 토큰 기간이 만료되면 사용자가 당황하지 않게 로그인 페이지로 리디렉션하는 alert를 띄워주고 싶은데 멘트를 고민중이다. '세션이 만료되었습니다'가 보편적이긴 한데 우리는 세션을 사용하는 게 아니니 '로그인이 만료되었습니다' 이렇게 표기해야하나?

아직 실종 고양이 게시판 작업을 하고 있다. 남은 시간 상 실종고양이 제보 게시판까지 작업하는 것은 무리라고 판단하여 실종고양이 제보글은 댓글처럼만 남길 수 있도록 변경하였다. 기획 시 본래 디자인된 내용이 있음에도, 시간 부족으로 그 내용을 빼게 되어 디자인을 담당한 팀원에게 미안하다. 내가 손댄 부수적인 기능 중 몇몇 개는 더욱 간소화하거나 다른 팀원에게 부탁을 했어야 했는데, 시간 조절을 잘못한 것 같다는 아쉬움이 든다.

팀원을 도와 로컬 스토리지를 이용해 최근 검색어 저장 기능을 만들었다. 로컬 스토리지는 사용해 봤지만 검색어 저장 기능은 처음 만들어봐서 구글 검색과 뇌피셜을 기반으로 구현했다. 크게 어렵지는 않았지만 검색어를 입력하면 바로 검색어가 저장되는 것이 아니라 다음 검색어를 입력할 때 이전 검색어가 로컬 스토리지에 저장되는 버그가 있었다. 난 onSubmit 이벤트가 발생할 때 데이터를 저장하면 된다고 생각했는데 useEffect를 이용해서 최근 검색어가 변경되면 로컬 스토리지에 저장되도록 구현해야 내가 원하는 동작을 했다.
리팩토링을 하려고 하니 코드에서 오류가 너무 많이 보였다. 급하게 작업하다 보니 비슷한 내용을 복붙하거나 정리가 덜 된 상태에서 구현해서 그런 것 같다. 이전에 참여했던 프로그램에서 요구사항 분석과 설계가 매우 중요하다고 했는데 이번에 그 중요성을 다시 한번 느끼고 있다.

1rem = 1px로 설정을 변경한 건 참 좋았지만.. 예상치 못한 부분에서 시간을 잡아먹게 했다. 글쓰기 페이지에 datepicker 라이브러리를 붙일때 체감했다. 설정값이 달랐기 때문에 라이브러리의 기본 css가 죄다 깨져 보였던 게 문제였다. 어쩔 수 없이 개발자도구를 켜 한땀한땀 찾아 수정해 준다고 은근히 시간을 잡아먹었다. 이런 단점이 생길 수 있겠구나 하는 부분이었다.
팀원분이 만들어주신 s3를 컨트롤러에 붙였다. s3로직에 사용되는 변수명이 다르다는 사소한 이슈가 있었다. 나는 컬럼명 그대로 uuid로 사용했고, 팀원분은 userId로 사용중이었다. 아주 사소한 부분이었지만 통일되도록 맞추는 게 좋았을까? 하는 생각이 드는 부분이었다.
주석에 달아놓고 처리하지 못한 부분들이 눈에 띈다. 예를 들면 함수명/변수명에 통일감을 주지 못한 부분이 그러하다. delete.../remove... 두 가지를 레이어별로 구분해서 사용한다는 게 어느 순간 섞여버려서 지저분해졌다. 기능을 수행하는 데 문제가 되는 부분은 아니지만 아주 신경쓰이므로 추후 규칙성을 정하고 정리하는 게 좋겠다.