Portfolio

🔌 HIT (How about IT)

🔍 서비스 설명

HIT는 구매하고 싶거나 매번 고민만 하다 구매하지 못한 전자 제품에 대한 후기를 한눈에 볼 수 있습니다.

📝 기획 배경

매년 신상 전자 제품이 무수히 많이 등장하고 있지만 소비자들이 새롭게 출시된 제품에 대한 정보를 알 방법이 한정되어 있습니다. 또한 전자 제품 특성상 가격이 비싸서 선뜻 구매하기에 부담이 될 수 있습니다. 이러한 문제와 반대로 온라인으로 전자 제품을 구매하는 소비자가 매년 증가하고 있습니다.

가격이 비싼 전자 제품을 온라인으로 구매하고 싶지만 실패하는 소비를 부담스러워하는 니즈를 파악한 월 수화 목금 팀은 한 공간에서 다양한 전자 제품에 대한 리뷰 콘텐츠를 통해 자신이 원하는 제품의 솔직한 사용리뷰를 제공받고 싶었습니다. 그래서 고민 없이 구매할 수 있는 전자 제품 리뷰 애플리케이션을 기획했습니다.

🚀 타겟층

최신 기기에 관심있는 사람

전자 기기를 자주 접하는 사람 (개발자 / 디자이너)

다른 사람의 후기를 보고 구매하고 싶은 사람

최소한의 비용으로 퀄리티 높은 전자 기기를 구매하고 싶은 사람

⚙️ 기능 구현

📌

API에서 나온 용어 - 프로젝트 용어 맵핑 포스터 ⇒ 리뷰게시글 채널 ⇒ 카테고리

인증(로그인, 회원가입, 로그아웃)

인증하지 않은 사용자, 인증한 사용자로 나눠서 기능을 구현할 수 있습니다.
인증되지 않은 사용자는 로그인, 회원가입을 진행할 수 있습니다.
인증된 사용자는 로그아웃을 할 수 있습니다.
패스워드 관련 validation 기능을 추가합니다.

유저 정보

사용자 정보를 볼 수 있습니다.
팔로우 / 언팔로우를 할 수 있습니다.

내 정보

개인 정보를 변경할 수 있습니다.

프로필 이미지 변경할 수 있습니다.
커버 이미지 변경할 수 있습니다.
내 정보를 변경할 수 있습니다. (username, password)

검색 기능(사용자 검색, 게시글 검색)

추천 검색어를 선택해서 검색할 수 있습니다.
탭으로 전체 검색과 사용자 검색을 구분할 수 있습니다.
특정 사용자 이름을 검색하면 특정 사용자가 작성한 리뷰 게시글을 볼 수 있습니다.
특정 전자 제품 이름을 검색하면 특정 전자 제품과 관련된 리뷰 게시글을 볼 수 있습니다.

알림

리뷰 게시글 댓글, 좋아요, 팔로우 알람을 볼 수 있습니다.

카테고리

전체 리뷰 게시글 목록이 화면에 보입니다. (무한 스크롤)
새로운 리뷰 게시글을 생성할 수 있습니다.
리뷰 게시글 목록 중 하나의 리뷰 게시글을 클릭하면 리뷰 게시글 페이지로 이동합니다.

리뷰 게시글

리뷰 게시글 페이지에서만 좋아요 / 좋아요 취소가 가능합니다.
자신이 작성한 리뷰 게시글을 수정할 수 있습니다.
자신이 작성한 리뷰 게시글을 삭제할 수 있습니다.
사용자는 댓글 생성 / 삭제할 수 있습니다.

댓글 작성 시 피드 올린 사용자에게 알림을 보냅니다.

👭유스케이스

→ 사용자는 A라고 칭하겠음

→ 모든 A는 인증된 사용자 + 인증되지 않은 사용자

모든 A는 사이트의 메인 페이지를 접속하면 가장 최근에 올라온 리뷰 게시글과 전자 기기 카테고리를 볼 수 있다.

인증

로그인

email과 비밀번호를 필수로 입력해야 로그인할 수 있다.
로그인 성공시 가장 최근 페이지로 이동한다 ?
예외 유효성 검증이 틀린 원인을 input값 아래에 보여준다.
예외 존재하지 않은 계정일 경우, 로그인 버튼 아래에 에러메시지를 보여준다.

회원가입

email, password, fullName 유효성 검증을 통과해야만 회원가입 버튼이 활성된다.
회원가입이 성공할 경우, 로그인 상태로 메인페이지를 볼 수 있다.
예외 유효성 검증이 틀린 원인을 input값 아래에 보여준다.

검색

모든 A는 검색 페이지에 들어오면, 전체 게시글, 사용자 모두 검색 할 수 있다.

검색 창 아래 2가지 탭(전체, 사용자)이 있고, 기본은 전체 검색탭이다.
성공 검색 키워드를 제출하면, 키워드에 맞는 결과값을 보여준다.
예외 잘못된 정보 or 데이터베이스에 존재하지 않은 정보를 검색할 경우 결과없음 페이지를 보여준다.

타인 프로필

인증되지 않은 A는 사용자 페이지에 접근하면 로그인, 회원가입 버튼이 포함된 모달창을 띄워준다.

모달창에서 로그인 화면 가기 버튼을 누르면 로그인 페이지로 이동한다.
모달창에서 닫기 버튼을 누르면 인증되지 않은 상태로 애플리캐이션을 사용할 수 있다.

인증된 A는 사용자를 팔로우/언팔로우 할 수 있다.

팔로우/언팔로우 API 통신 중에는 해당 버튼이 비활성화된다.

내 프로필

인증되지 않은 A는 내 정보 페이지에 접근하면 로그인, 회원가입 버튼이 포함된 모달창을 띄워준다.
인증된 A는 자신의 개인 정보를 변경할 수 있다.

프로필 사진을 등록, 변경, 삭제할 수 있다.
커버 사진을 등록, 변경, 삭제할 수 있다.
비밀번호를 변경할 수 있다.

예외 이전과 동일한 비밀번호일 경우, 비밀번호 validation 통과하지 않은 경우 변경할 수 없음

카테고리

모든 A는 리뷰 게시글 목록을 볼 수 있다.

예외 게시글이 없을 경우, 게시글이 없다는 문구를 보여준다.
예외 게시글 이미지가 없을 경우 기본 이미지를 보여준다. (Type: formData | null)

리뷰 상세

인증된 A는 리뷰 페이지를 볼 수 있다.
예외 인증되지 않은 A는 리뷰 페이지에 접근하면 로그인, 회원가입 버튼이 포함된 모달창을 띄워준다.
인증된 A는 리뷰 페이지에서 댓글을 볼 수 있다.
인증된 A는 좋아요 버튼을 누를 수 있다.
인증된 A는 댓글을 남길 수 있다.
인증된 A는 리뷰 게시글을 수정/삭제가 가능하다.

404 Not Found

모든 A가 관리하지 않는 페이지 접속시 404페이지를 보여준다.

최종 기획서