feat: [FE] add event list page

[yuchem2]

작업 내용

figma에 기록된 행사 카테고리 페이지와 카테고리를 눌렀을 때 접속할 수 있는 카테고리에 대한 페이지를 구현하였습니다.

현재 전체적인 디자인 프레임 및 "일반적인 행사"에 대한 정보만 가져와 보여줄 수 있는 상태입니다.

행사 목록의 경우 앱으로 확인하는 특성상 무한 스크롤로 구현하는 것이 더 UX에 좋을 것 같아 해당 방향으로 페이지를 구현하였습니다.

추가적으로 아래와 같은 작업이 필요합니다.

• 모든 행사의 카테고리 정보 가져오는 기능(요청한 사용자의 즐겨찾기 카테고리와 아닌 카테고리를 구분)
• 사용자가 작성한 모든 행사를 가져오는 API fetch 구현
• 현재 인기 있는 행사들의 가져오는 API fetch 구현
• 카테고리 목록에서 사용자가 즐겨찾기 카테고리 변경할 수 있는 기능

아래는 현재 구현한 페이지의 화면 예시입니다.

작업 결과 페이지

작업 페이지에서 현재 행사 목록에 주소 부분이 비어있는데, BE api 부분에서 내용이 누락되어 있었습니다. 수정 PR을 올릴 예정입니다.

Web

Native

[notion-workspace]

행사 목록 조회 페이지