[WIL] 12주차 실전프로젝트 회고

실전 프로젝트의 사실상 개발자체는 마지막 주차였다.

물론 배포 후 유저 피드백을 바탕으로 수정하는 작업이 있겠지만.. 

 

이번 실전 프로젝트를 진행하면서 내가 개발한 페이지 및 기능은 다음과 같다. (공통요소인 헤더 및 푸터는 제외!)

 

검색페이지 ( 검색을 통해 검색어가 포함된 업체 및 테마를 보여주는 페이지 )

테마페이지 ( 테마만을 쭉 나열해준 페이지로, 여러가지 필터와 정렬방식을 통해 입맛에 맞춰서 볼 수 있다. )

테마상세 페이지 ( 테마페이지에서 본 테마를 상세하게 볼 수 있는 페이지로 해당 테마에 관한 정보 및 예약사이트 링크, 업체페이지로 이동, 댓글을 통한 유저간 정보 교환 등의 기능이 들어있다. )

 

그리고 기능적으로는 댓글 CRUD, 찜하기, 페이지네이션, 무한스크롤(구현은 했지만 UI/UX적으로 불편하다고 삭제됨...), 데이터 중복 필터링, 데이터 정렬 정도가 있었다. 더있었던것 같지만 기억에 잘 안남는것을 보면 딱히 막혔던 부분이 없었던것 같다.

 

사실 이 중에서 내가 제일 어려웠던 부분은 데이터 중복 필터링 기능이였다.

사실 백엔드와의 협업이 익숙하지 않은데다가 내가 중복으로 선택한 정보를 어떻게 보내줄 것이며, 심지어 양방향  슬라이더를 구현해야 했는데 이 방법 자체가 너무 복잡했다. (결국 순수 자바스크립트로 구현해내지 못하고 라이브러리의 힘을 빌렸다.. 그런데 라이브러리도 내가 구현하려던 방법을 사용했다는 것을 뒤늦게 알게 되었다..)

---

이 필터 기능을 구현하는데에 대한 내용은 이 전에 작성해 두었다.

https://huirin.tistory.com/50

[React] 중복 선택 가능한 카테고리 필터 만들기

https://huirin.tistory.com/51

[TIL] Trouble shooting, event.target.value값이 숫자인데 문자로 state에 저장되는 경우

 

 

해당 기능을 만드는 초창기에는 양방향 슬라이더가 없었지만 지금은 아주 예쁜 양방향 슬라이더가 추가되었다.

내가 만든 필터!

사실 이 기능이 대단하진 않다. 그런데 뭔가 내가 가장 고민을 오래했고, 디테일적인 부분까지 생각을 많이 해서인지 이 기능에 유독 애착이 간다. ( 깨알같은 검색 전 필터링된 데이터 수를 보여주는 디테일도 너무 맘에드는 부분이다..! )