3. 주요 기능
인증
- 회원 가입을 진행할 수 있습니다.
- 로그인을 할 수 있습니다.
포스트
- 전체 포스트 목록을 볼 수 있습니다.
- 상세 포스트를 볼 수 있습니다.
- 포스트 글을 작성 / 삭제 할 수 있습니다.
- 포스트에 A 또는 B를 투표할 수 있습니다.
- 투표 시, 투표 결과를 볼 수 있습니다.
댓글
- 포스트에 댓글을 작성 / 삭제 할 수 있습니다.
검색
- 포스트 / 유저를 검색할 수 있습니다.
- 전체 포스트 / 전체 유저를 조회할 수 있습니다.
- 포스트를 최신순, 좋아요 순으로 볼 수 있습니다.
- 유저를 팔로워 순, 레벨 순(작성한 글 수 + 작성한 댓글 수)으로 볼 수 있습니다.
- 더보기로 해당 포스트나 유저 정보 페이지로 이동할 수 있습니다.
좋아요
- 포스트에 좋아요를 등록 / 취소 할 수 있습니다.
알림
- 알림 모달창에서 새로운 알림과 지난 알림들을 확인 할 수 있습니다.
- 새로운 알림을 읽음 처리할 수 있습니다.
- 알림을 클릭 해, 알림에 해당하는 포스트 또는 유저 페이지로 이동할 수 있습니다.
마이 페이지
- 자신의 정보를 수정할 수 있습니다.
- 자신의 닉네임, 프로필 이미지, 좋아요 개수, 포스트 목록을 볼 수 있습니다
- 로그아웃을 할 수 있습니다.
유저 페이지
- 유저의 정보를 조회할 수 있습니다.
- 유저 닉네임, 프로필 이미지, 레벨, 팔로우 정보, 좋아요 개수, 포스트 목록을 볼 수 있습니다.
- 팔로우 신청 / 취소를 할 수 있습니다.
비로그인 사용자
홈화면 ⇒ 특정 포스트(무한도전) 클릭 ⇒ 댓글창 스크롤해서 확인 ⇒ A 항목 클릭 ⇒ 로그인 모달 ⇒ 회원가입 페이지로 이동 ⇒ 회원가입 ⇒ 로그인
로그인 사용자
홈 ⇒ 스크롤 내림(무한 스크롤) ⇒ 위로 가는 스크롤 버튼 클릭 ⇒ 포스트 작성(여사친 깻잎 떼주기, 가능, 불가능) ⇒ (레벨업) ⇒ 검색 페이지 이동 ⇒ 좋아요 순 정렬 ⇒ 라면 검색 ⇒ 포스트 더 보기 클릭 ⇒ 댓글창 확인 ⇒ 좋아요 클릭 ⇒ B항목 선택 ⇒ 작성한 포스트에 댓글( 비빔면에 삼겹살은 못 참지 ~ ~ ) 달기 ⇒
홈 ⇒ 검색 페이지 이동 ⇒ 유저 탭 클릭 ⇒ 유저 레벨 순 정렬 ⇒ 유저 검색(흰둥이) ⇒ 유저 페이지 ⇒ 팔로우 하기 ⇒ 마이 페이지(유저 정보 보여줌) ⇒ 정보 수정 (존재하는 닉네임 수정(흰둥이) ⇒ 정상적인 닉네임으로 수정(김철수) ⇒ 프로필 이미지 변경(철수) ⇒ 패스워드 수정 ) ⇒ 포스트 삭제 ⇒ 알림 클릭 ⇒ 새 알림 클릭해서 포스트로 이동 ⇒ 알림 다시 클릭 ⇒ 지난 알림 보기 클릭 ⇒ 모든 알림 확인 ⇒ 마이 페이지 ⇒ 로그아웃
모바일 환경
배포 링크 클릭
대본
안녕하세요 앙골라 프로젝트 발표를 맡은 나영팀의 이지윤입니다. p
목차는 팀소개, 앙골라 서비스 소개, 개발 과정과 기능 소개를 한 후, 마지막으로 앙골라 프로젝트의 결과 시연 영상을 보여드리며 발표를 마치겠습니다. p
먼저 팀소개 입니다. p
저희 나영팀은 영준님 저 주하님 민우님 세진님으로 구성되어서 프로젝트를 진행했습니다. 프로젝트에서 각자 맡은 대표적인 역할 분담은 다음과 같습니다. p
팀 목표로는 ‘썩지 않는 서비스를 만들자!”입니다.
이는 사용자의 피드백을 지속적으로 받아 유지보수가 진행되는 서비스를 만들자는 차원에서 정하게 되었습니다. 팀원들 모두 동일한 팀 목표 의식을 가지고 프로젝트에 임했습니다.p
다음으로는 저희 프로젝트인 앙골라 서비스에 대한 소개와 기획 의도에 대해 설명하겠습니다.p
저희 앙골라 서비스는 밸런스 게임 플랫폼으로 한 주제에 대해 사용자들이 A와 B 중 하나를 선택하여 각자의 의견을 공유하는 플랫폼입니다.
다들 앙골라의 네이밍의도에 대해 궁금해 하실 것 같은데요
앙골라는 국가 이름을 서비스명에 활용하여 사용자들에게 친근한 느낌을 주고자 하였으며, 앙~골라 라는 귀여운 어감으로 인해 누구나 쉽게 떠올릴 수 있도록 했습니다.
또한 A와 B를 골라 라는 뜻에서 서비스의 정체성도 담고 있습니다.
앙골라 서비스의 타켓과 컨셉은 다음과 같습니다. 이는 뒤에 나오는 앙골라 서비스의 기획 의도와 연결하여 설명하겠습니다.p
앙골라 서비스의 기획 배경에 대해서 설명하겠습니다. 참신하고 재미있는 상황들을 다루는 밸런스 게임이 MZ세대를 중심으로 유행하고 있습니다. 따라서 한 주제에 대해 다양한 의견을 나누며 즐거움을 느끼고 각자의 선택에 도움을 줄 수 있는 밸런스 게임 기반 플랫폼이 있으면 좋겠다고 생각했습니다. 한 주제에 대한 사람들의 투표율과 댓글들을 통해 특정 주제에 대한 깊이있는 소통을 즐길 수 있는 앙골라 서비스를 기획하게 되었습니다. 기대효과는 다음과 같습니다.(3초) p
다음은 개발 과정입니다. p
저희 나영팀은 개발 문화로서 문제사항 대처 규칙과 스크럼 규칙을 정했습니다.
저희는 각자 분업 중 문제사항이 생기면 슬랙을 통해 바로 팀원과 문제사항을 공유하는 규칙을 정했습니다.
문제를 단계별로 구분하였으며, 이 규칙을 통해 모든 팀원이 하나의 문제사항에 대해 함께 고민하여 빠르게 해결할 수 있었습니다. p
다음은 실제 문제 사항을 팀원들과 공유하는 사진들입니다.(사진 보여주기) p
스크럼은 하루에 한 번 약 20분씩 진행하였으며, 진행사항과 이슈들을 공유하는 시간을 가졌습니다. p
협업 방식으로는 스프린트 별로 업무를 분배한 후, 각 스프린트의 일정을 산정하여 프로젝트를 진행했습니다. 처음에는 각자 맡은 업무를 마치면 PR을 올리고, 머지를 진행해보았는데, 모든 팀원의 PR확인이 필요하여 머지 되는 시간이 늦춰지고 이는 팀원들의 시간을 효율적으로 분배하지 못하고 있다고 판단하였습니다.
이를 보완하기 위해서 스프린트 날짜를 산정하여 각 스프린트가 끝난 다음날을 머지데이로 정하여, 각 스프린트에 대한 PR을 함께 머지하고 테스트하는 시간을 가졌습니다.
이로써 팀원들은 스프린트 일자까지 업무를 마치고, 함께 pr을 검토하는 시간을 가진 후 머지 함으로써 예상치 못한 충돌이나 오류를 같이 해결하고 시간도 전보다 효율적으로 분배할 수 있었습니다.p
또한 깃허브 컨벤션을 팀원들과 함께 정하여 일관성 있게 작업을 하려고 노력했고 칸반보드를 통해 현재 프로젝트의 진행상황을 한 눈에 확인할 수 있도록 했습니다. p
앙골라 서비스에 사용된 기술 스택은 다음과 같습니다. p
다음으로는 앙골라 서비스의 핵심 기능입니다. 앙골라 서비스의 핵심기능으로 인증, 포스트, 댓글과 투표, 좋아요, 알림 ,검색 , 마이페이지, 유저페이지, 레벨이 있습니다. p
인증 기능으로는 회원가입과 로그인을 할 수 있습니다. p
포스트 기능으로는 전체 포스트 목록을 볼 수 있고, 상세 포스트를 볼 수 있습니다.
포스트의 글을 작성하고 삭제 할 수 있습니다.p
댓글과 투표기능으로는 포스트에 댓글을 작성하고 삭제할 수 있으며, 포스트에 A또는 B를 투표할 수 있습니다.
투표시, 댓글과 투표 결과를 볼 수 있습니다. p
좋아요 기능으로 포스트에 좋아요를 등록하거나 취소할 수 있습니다. 알림 기능으로는 상단에 알림 모달창을 통해 댓글, 좋아요, 팔로우 알림등을 확인 할 수 있습니다. 알림을 보낸 유저이름이나 팔로우를 클릭하면 유저 페이지로 이동할 수 있습니다. 댓글이나 좋아요를 클릭하면 해당 포스트로 이동할 수 있습니다. 모든 알림 확인 버튼을 통해 알림 목록을 읽음 처리 할 수 있습니다.
지난 알림 보기를 통해 확인한 모든 알림을 볼 수 있습니다. p
검색 기능으로는 전체 포스트와 유저를 볼 수 있고, 특정 포스트나 유저에 대한 키워드를 검색할 수도 있습니다.
포스트를 최신순, 좋아요 순으로 정렬해서 볼 수 있고, 유저는 팔로워 순 레벨 순으로 정렬하여 볼 수 있습니다.
또한 더보기로 해당 포스트나 유저 정보 페이지로 이동할 수 있습니다.p
마이페이지에서 자신의 정보와 작성한 포스트 목록을 볼 수 있습니다.
자신의 프로필, 닉네임, 비밀번호를 변경할 수 있고 자신이 작성한 포스트를 삭제 할 수 있습니다.
로그아웃을 할 수 있습니다. 로그아웃 시 홈화면으로 이동합니다.
유저페이지 기능으로는 유저의 정보를 확인할 수 있습니다. 해당 유저를 팔로우 / 언팔로우 할 수 있습니다. 또한 유저가 작성한 포스트 목록을 볼 수 있습니다. p
마지막으로 앙골라 서비스에는 유저의 레벨 기능이 있습니다.
유저가 포스트나 댓글을 작성하면 포스트와 댓글을 합한 수에 따라 유저의 레벨이 올라가고 레벨 팝업이 보여지게 됩니다.
레벨에 따라 작성한 포스트 색상, 닉네임 태그등의 색상을 확인할 수 있고, 작성한 댓글, 유저페이지 ui에서는 레벨에 따른 아이콘을 확인 할 수 있습니다. p
마지막으로 저희 앙골라 서비스 시연 영상을 보여드리고 마치겠습니다. 감사합니다.
안녕하세요 🖐🏻🖐🏻 4기 나영팀입니다 !
혹시 다들 밸런스 게임 좋아하시나요 ? 아니면 둘 중 하나 고르기 어려운 순간이 있으신가요 ? 그렇다면, 나영팀의 Angola 에 방문해보시는 것은 어떠실까요 !!
저희 Angola 에서는,
밸런스 포스트를 통해 댓글에서 다른 유저들과 즐거운 토론을 진행할 수 있습니다 ! 또한, 고민이 되는 주제나 토론하고 싶은 주제가 있다면 직접 밸런스 포스트를 생성할 수도 있어요 !
바쁜 하루 속 한번씩 Angola 를 방문해서 밸런스 게임을 진행해보며 머리를 식혀보세요 ㅎㅎ !
앙골라 배포 주소
onChange할 때, 유효성 검사
⇒ 유효성 검사 통과했을 때만
중복 검사 버튼 클릭 가능하도록중복 검사 버튼 클릭 시, - user Data refetch
- refetch 이후 새로운 userData와 중복 검사