열한번째 Keyword
✅ 실전 프로젝트를 진행하며 기술적으로 막혔던 부분과 해결 과정
1. 검색 기능
- 이번 프로젝트에서는 나의 맞춤 정책 전체 리스트를 볼 수 있는 페이지가 필요하고, 또 그 안에서 검색이 가능해야 했다. 플러스 알파로 메인에서도 검색이 가능해야 했다,,,페이지가 여러개라면 상관없지만 한 페이지에서 이 모든 것이 이루어져야 하다보니 조금 복잡하고 로직이 어지러웠던 것 같다🥲
특히 메인에서 검색어를 입력했을 때 검색 출력 페이지로 이동해야 하는데, 해당 response를 어떻게 가져가야 하나? 에 대한 고민이 있었다!
history.push에 state를 담아 이동시키면서 해결되었다!
2. 외부 클릭 감지하여 div 닫기!
- select-option의 디자인으로 인해 div로 한땀 한땀 짜는 작업을 진행하였다. 다만 이때 외부 클릭을 감지하여 일반 select-option처럼 클로즈가 되면 좋을 것 같아 이 부분을 구현해보았다! useRef, mousedown이 핵심이었던 것 같다!
3. User Test
- 우리 팀은 6기를 통틀어 제일 먼저 MVP 배포를 하게 되었다! 물론 아직 자잘하게 고칠 부분들은 있으나 직접 이용자의 피드백을 반영하여 수정을 해나가고 싶었기에 조금 빠르게 배포를 진행하고, 페이스북 광고 마케팅까지 속전속결! 막상 피드백을 받고보니 생각하지 못한 부분들을 알게 되었고, 재빠르게 수정을 해나가기 시작했다. 정말 직접 사용해본 사람들의 눈은 날카롭고,,,알 수 없는 부분을 캐치하는구나 느낄 수 있던 계기였던 것 같다.
<회고>
일단 MVP를 무사히 끝내고 https 배포 과정도 큰 문제는 없었어서 다행이라고 생각한다,,,😇
작은 위기들이 조금 있었으나ㅋㅋㅋㅋㅋ그래도 어쨌든 피드백도 크게 나쁘지 않고! 하지만 아직 부가적인 기능을 적용할 시간은 주어졌다고 생각해서, 남은 시간은 추가 기능에 도전해보는 것이 좋지 않을까 생각하고 있다! 마음의 부담은 조금 덜고 즐겁게 해보고 싶다! 시간 참 빠르네,,,눈 뜨면 최종 발표일이 내일이야ㅠㅠㅠㅠ하고 있을 것 같다ㅎㅎㅎ아쉬움이 남기도, 홀가분하기도 하지만 어쨌든 아직 끝은 아니니까 남은 시간도 최선을 다하자~!💕
try & catch