프로젝트 중간 발표

목차

주제 선정 배경

• 개발 학습을 진행하며 뎁스에 대한 이야기를 많이 듣게 되었다.

• 독학으로 깊이있는 학습을 이어나가기에 어려움을 많이 느끼게 되었고, 이런 학습을 이어나가기 위한 가장 좋은 방법은 같은 공부를 하는 사람들과의 소통이라고 생각했다.

• 같이 학습하는 사람들과 하루에 여러 번 토론 형식으로 깊이 있게 학습하면 성장 속도를 끌어 올릴 수 있다.

• 이미 존재하는 개발자 전용 커뮤니티는 SNS 형식이 아니고, 많이 활성화 되어있지 않아 소통에 어려움이 있다.

서비스 소개 (컨셉)

DigDigDeep (디그디그딥)

• 그라운드: 하나의 주제와 관련된 포스트를 의미한다.

• 디깅: 댓글을 남기는 행위를 의미한다.

주요 기술 스택

• React

• styled-components

• TypeScript

주요 기능

• 키워드로 포스트와 유저들을 검색할 수 있다.

• 회원은 새로운 포스트를 작성할 수 있다.

• 포스트에 대한 좋아요 및 댓글을 남길 수 있다.

• 다른 유저 프로필에서 유저의 여러 활동 이력을 확인하고 팔로우 할 수 있다.

• 회원은 커뮤니티에서의 나의 포스트, 팔로우, 팔로워를 확인할 수 있다.

와이어프레임

디자인

프로토타입

진행 상황 공유

로그인 / 회원가입

• ✅ 공통
• 필수 항목이 입력되지 않으면 submit 하지 못하도록
• validate rules 를 만족하지 못하면 submit 하지 못하도록

• 💅🏻 로그인
• 이메일, 비밀번호 확인

• 💅🏻 회원가입
• 이메일, 유저네임, 비밀번호, 비밀번호 확인

메인 페이지 (피드, 검색)

• ✅ 검색 기능
• 💅🏻 그라운드 / 사용자 별로 검색 가능

• 💅🏻 그라운드 (포스트) 리스트 표시

• 💅🏻 좋아요 기능 - 상세페이지에서도 가능

• 💅🏻 공유 기능 - 상세페이지에서도 가능

💅🏻 그라운드 상세 페이지

• 디깅하기 (댓글) 작성 기능

• 본인 댓글 삭제 기능

• 본인 글 삭제 기능

• 🧑🏻‍💻 본인 글 편집 기능

유저 페이지

• 💅🏻 유저 정보 보기

• 💅🏻 🧑🏻‍💻 유저 팔로우 / 언팔로우 하기

마이 페이지

• 💅🏻 MY 정보 보기

• 💅🏻 🧑🏻‍💻 MY 팔로잉 관리하기

• 💅🏻 MY 좋아요 그라운드 목록 보기

• ✅ MY 프로필 수정

💅🏻 🧑🏻‍💻 그라운드 에디터 페이지

• 새로운 그라운드 생성

• 작성된 그라운드 수정

• 이미지 첨부 기능

✅ 알림 페이지

• like / follow / comment 에 따라 알림 리스트 보여주기

• 알림 읽음 처리 기능

💅🏻 좋아요한 리스트 페이지

• 내가 좋아요한 그라운드 목록 보기

• 그라운드 상세 페이지로 바로 가기

💅🏻 🧑🏻‍💻 추가 기능

• confirm 모달

• alert 토스트

앞으로의 프로젝트 일정