10번째 WIL이라니! 두자리 숫자가 새삼 신기하다.
오래 달려왔다고 생각하면 오래 달린 것 같고, 얼마 안했다고 생각하면 얼마 안한것같고...
이번주도 저번주와 똑같이 달렸지만 mvp 발표때문에 좀 더 급박한 느낌이 있었다. 다 하고나니까 진작 빠르게 마쳐야했던 내용 같기도하고... 나름 열심히 했는데 진도가 안나가는 느낌이라 조금 답답했다.
카테고리 검색 페이지에서 각각의 카테고리를 클릭할 때마다 커스텀된 네비게이션이 바뀌어야했는데 그걸 하나하나의 컴포넌트로 만들어서 배열에 넣었더니 map 함수가 먹히질 않아 고민이 많았다. 알고리즘 주차때 map 좀 많이 써볼걸... 용기내서 다 삭제한 다음, 카테고리 스트링을 객체 배열로 만들고 만들어놓은 한개의 컴포넌트 안에서 map을 돌리니까 문제 없이 잘 돌아가서 다행이었다. 이거 하나 못했던 내가 바보같았다...
어떻게 카테고리 페이지를 끝내고 다시 캐러셀로 돌아와서 로그인 여부에 따라 달라지는 배너를 구현하고, 배너 이미지 위치도 확정했다. 문제는 캐러셀을 손수 만들어서 애니메이션도 직접 설정을 했었는데, 우리가 반응형 앱이다보니 크기가 달라질때마다 애니메이션도 다르게 설정해줘야했다. 안그러면 캐러셀을 밀때마다 삐걱삐걱 돌아간다ㅜㅜ 그래서 한 17개로 창 넓이 구간을 지정해 애니메이션을 다르게 설정해주었다... 이렇게 하는게 맞나 싶지만 손수 만든 캐러셀이다보니 어쩔 수 없는 것 같다.
그리고 검색 전에 빈 페이지가 스크롤 되는 문제가 있어서 결과가 없을때는 스크롤되지 않는 함수를 추가해주었고, 검색 결과가 없다는 페이지도 성공했다. 하지만 페이지를 다 만들고나니 렌더링 문제가 생겼다... 상황에 따라 dispatch되는 thunk가 다르다보니 react 특성상 상황에 맞지 않는 페이지가 보였다가 안보이고 하는 문제가 많이 발생했다. 일단 기능 구현은 문제없이 돼서 예외 페이지까지 나중에 완벽하게 손봐야겠다ㅠㅠ
메인/카테고리 페이지에서 게시물을 검색하면 업로드된 게시물이 전부 검색돼서 사용자가 원하는 검색 결과를 정확하게 얻을 수가 없다. 우리 앱의 특성 상 가까운 거리의 사람들과 배달비를 나누는 것이 목표이기 때문에 다른 지역에서 열린 공구를 찾아줄 필요가 없다. 그래서 주소를 등록한 사용자라면 검색 쿼리에 지역 정보를 넣어서 그 지역에 있는 검색 결과만 보여주기로 했다! 이미 정렬 필터때문에 쿼리문이 몇가지 있었지만 주소가 있을때의 검색결과, 전체 검색결과 때문에 더욱 쿼리문이 복잡해졌다 ㅎㅎ 하지만 검색결과가 잘 나와서 뿌듯했다! 더 정확한 테스트를 위해 갈 길이 멀지만 ... 빨리 앱의 핵심 기능이 잘 돌아갔으면 좋겠다.
mvp의 완성도를 위해 3시간?만에 마이페이지 css를 완료했다. 급하니까 더 빠르게 완성할 수 있었다ㅠ
중간평가를 지나고 나니 마음도 급해지고.. 다음주부터 진짜 열심히 달려야겠다!! 잠 그만 자자~
