Week2 데모 시나리오
- PRV : Paper Reference Visualization. 논문간 인용관계 시각화 툴.
- 선정이유 : 데이터 시각화 + 대용량 트래픽을 다루는 기술적 챌린지를 고려.
- 총 3개의 페이지로 구성 : 메인, 검색결과, 상세정보 + 시각화 https://www.figma.com/file/LNDPFs83JIc4WphSljZDZC/22.11.09.?node-id=2%3A2&t=kz1AHN2tlHi8Jgr3-0
- 배포자동화, 데이터 목업, 메인페이지 (검색어 자동완성, 검색기록 , 인기검색어) 구현
=> 처음 설계했던 목표들은 다 했다.
But... 설계시 생각지 못한 예외상황, 로딩바 등 정의하지 않았던 부분은 중간중간 회의를 통해 정하고 기능 추가.
해당 부분은 잔업이 남은 상황. + 에러처리...
우리가 애자일하게 진행하자! 라고 굳이 정한건 아니었지만 당연한듯 그렇게 하게되었다..
- 기술스택 : React, ts, Styled component, d3
- 메인페이지 개발
- 기술스택 : Nest, ts, Redis
- 인기검색어, 자동완성 검색어 api 개발
- Docker, github actions
- CI/CD로 dev server 배포하여 test 환경 구축
- 5초정도 별 찍히는거 보여주기
- 인기검색어 슬라이드 보여주기
- 인기검색어 펼치기/접기
- 검색어 hover시 강조
- 포커싱시 검색기록 보여주기
- 검색어 입력 시 자동완성 보여주기
- 검색기록 / 자동완성 키워드 포커싱 보여주기 (마우스 hover, 키보드 이동 둘다)
