Week2 데모 시나리오

간략 소개

• 프로젝트에 대한 간단한 소개

기능 시연

메인 페이지 접속

• 5초정도 별 찍히는거 보여주기
• 인기검색어 슬라이드 보여주기

인기검색어

• 인기검색어 펼치기/접기
• 검색어 hover시 강조

검색창

• 포커싱시 검색기록 보여주기
• 검색어 입력 시 자동완성 보여주기
• 검색기록 / 자동완성 키워드 포커싱 보여주기 (마우스 hover, 키보드 이동 둘다)

개발 환경 / 과정

FE

• 기술스택 : React, Styled component, axios

BE

• 기술스택 : Nest, Redis, Docker, github actions
• CI/CD로 dev server 배포하여 test 환경 구축

시연 영상

메인페이지

인기검색어

최근검색어

자동완성 검색어

https://app.birdeatsbug.com/workspaces/9f64d07b-43bf-46fc-9654-00b047a941c6/collections/c4261afc-d5dc-4e1a-91df-c7eec2bc3ae0/sessions/DXT3ppSGDDIbFlJKLY2DB2XxGZTbCudSn-fkWUhje1dQ?networkPane=active