본문 바로가기

Project/Gathering

Gathering 기획 2

백엔드 서버 구현전, 필요 기능을 정리 해볼 필요가 있다.

필요 기능을 정리하고 ERD를 만든 후 서버 구현을 진행하고자 한다.

먼저, 각 페이지별 디자인(추후 구체화를 통해 다소 변경될 수 있음)을 통해 필요 기능등을 정리해 보고자 한다.

 

1. 로그인 화면

로그인 화면

구글, 네이버, 카카오 3가지 아이디로 로그인할 수 있도록 구현한다.

※ 구글,네이버, 카카오 같은 아이콘을 만들때 주의 사항

https://developers.google.com/identity/branding-guidelines?hl=ko

 

로그인 브랜드 가이드라인  |  Google ID 플랫폼  |  Google for Developers

로그인 브랜드 가이드라인 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 모바일 또는 웹 앱에서 기본적인 profile 또는 email 범위로 Google 로그인을 사용하고

developers.google.com

다음과 같이 로그인 브랜드 가이드 라인이 있어 해당 규칙을 지켜서 만들어야한다. (이미지 모양, 색깔등 규정)

 

2. 사용자 프로필 화면

프로필 화면

프로필 화면에서 자기 소개, 관심 분야/ 가능 분야를 설정한다.

 

3. 메인 화면

 

메인 화면

다음은 메인화면이다.

프로필을 작성하지 않은 회원의 경우 프로필 작성 여부를 확인해주고,

대외활동 같이 나갈 사람을 모으는 게시판과 대외활동/공모전을 보여주는 화면 2가지로 나누어져있다.

 

 

4. 검색 화면

검색 화면

다음은 기본 검색화면이다.

최근 검색어와 대외활동 정보를 기본적으로 보여준다.

검색 결과 화면이다.

이름으로 검색이 되고, 최신순, 마감 임박순, 오래된 순으로 정렬이 가능하다.

 

5. 공모전 나갈 사람 모집 글 화면

함께할 사람 게시판 글 화면이다.

활동 내용, 팀원, 모집 역할, 대외 활동 내용들을 확인하고 작성할 수 있다.

지원하기 버튼을 클릭하여 지원이 가능하다.

 

6. 사용자 알람 화면

사용자 알람 화면이다.

지원자가 있을 때, 알람을 주고 알람이 언제왔는지까지 확인이 가능하다.

 

정리

구현 필요 부분을 정리해보면 같다.

1. 로그인 구현(구글, 네이버, 카카오)
2. 사용자 프로필 정보 등록 구현
3. 대외활동 정보 관련 기능 (Create, Read)
4. 같이 나갈 사람 게시판 기능 (CRUD)
5. 최근 검색어 기능
6. 대외 활동 이름을 통한 검색 기능
7. 지원 기능
8. 사용자 알람 기능

이후에 더 구현 가능성 있음(ex 대외 활동 직접 추가, 게시판 댓글등)

 

우선적으로 해당 필요 기능들을 통해 ERD를 작성해보겠다.

728x90

'Project > Gathering' 카테고리의 다른 글

Gathering Backend 구현 1 (프로젝트 생성 및 엔티티 설계)  (0) 2024.11.26
Gathering 기획 3  (1) 2024.11.21
Crawling 서버 구현  (1) 2024.11.12
Crawling 구현 2  (0) 2024.11.11
Crawling 구현 1  (1) 2024.11.08