최종 프로젝트 - AFTERWORK | 퇴근하고 뭐하지?

📚 프로젝트 소개

퇴근하고 뭐할까 고민하는 직장인들을 위해 여러 취미 플랫폼들의 클래스들을 한 번에 모아 비교할 수 있는 서비스입니다.

• 유명 플랫폼 7개사 클래스 인기, 가격 한 번에 비교
• 구글/네이버/카톡 아이디로 간편하게 소셜 로그인
• 사용자별 관심 지역, 분야 설정에 따른 다양한 취미 추천기능

📎 홈페이지

💬 Github

🛠 Development

• 본 프로젝트에서 담당한 부분은 메인 페이지,검색 페이지, 카테고리 페이지를 담당했습니다.

메인 페이지

• 비 로그인 시 로그인 후 이용할 수 있다는 안내 버튼을 통해 유저 로그인 유도
• 로그인 후 회원정보를 설정할 수 있게 버튼 이동이 가능한 안내문구 사용
• 해당 유저가 관심 갖는 지역 및 카테고리 설정 시 각각 랜덤하게 12개의 클래스를 추천해주며 갱신버튼을 통해 더 많은 클래스를 추천받을 수 있음

검색 페이지

• 유저가 특정 클래스를 조회할 수 있는 기능으로 검색키워드에 해당하는 클래스를 조회할 수 있음
• 해당 페이지는 무한스크롤 방식으로 구현했으며 페이징 정보는 Redux를 이용해 상태관리를 진행함
• 검색 키워드는 query-string 패키지를 이용해 데이터를 추출해서 서버에 파라미터 값으로 보냄
• 인기 및 가격 정렬, 온/오프라인 필터, 지역 및 사이트 필터의 값도 서버에 파라미터 값으로 보냄

카테고리 페이지

• 유명 플랫폼 7개사 클래스를 6종류의 카테고리로 분류함
• 인기 및 가격 정렬, 온/오프라인 필터, 지역 및 사이트 필터의 값을 서버에 파라미터 값으로 보냄
• 무한스크롤 방식으로 게시물 조회를 구현했으며 페이징 정보는 Redux를 이용해 상태관리를 진행함

Front-end Tech Stack

• React
• JavaScript
• Redux
• Redux-Thunk

🤗 시연 영상

https://www.youtube.com/watch?v=pW9s6w0tXzg

🛫 Result

• 페이스북, 인스타 광고를 통해 홍보를 진행했으며 유저유입은 1,399명의 사용자를 얻었고, 유저피드백은 133건의 피드백을 수집하였습니다.
• 수집한 피드백 내용을 바탕으로 부족한 부분을 개선하는 작업을 진행했습니다.
• 실제 프로젝트를 만들어 런칭을 해보고, 광고를 통해 고객을 모아보고 디자이너와 협업해본 경험, 실제 고객의 의견을 바탕으로 서비스를 개선해본 경험을 이번 프로젝트를 통해 얻었습니다.

😎 후기

5주간 진행했던 프로젝트가 드디어 마무리가 되었다. 이번 프로젝트를 진행하면서 디자이너분과 처음으로 협업을 해봤고 서비스 런칭 이후 유저들의 목소리를 바탕으로 서비스를 개선해나갔다. 이 부분에 있어 서비스 개선은 정답이 없다는걸 크게 느끼게 되었고 유저마다 생각이 다르기 때문에 공통지점을 찾는다는건 팀원들 내에서 의사결정을 해야한다는걸 배울 수 있었다.

지난 항해 프로젝트를 하면서 공부하고 싶었던 기능들을 추가하면서 학습을 했는데 실전 프로젝트의 경우 서비스의 색깔이나 특성과 어울리는 개발을 해야한다는것도 배우게 되었다. 앞으로도 다양한 서비스 경험을 한다면 개발적 퍼포먼스와 유저들이 만족할만한 기능을 두고 후자를 더 생각하는 개발자가 되어야겠다고 다짐했다.

항해를 수료하고난 후에도 다양한 팀프로젝트를 진행해나갈 예정이다.