동네방네 지역별 종합커뮤니티
(디지털컨버전스)공공데이터 융합 자바개발자 양성과정3
five-guys
오창민(팀장) ,
어현우 ,
엄장원 ,
최재혁 ,
문종찬
| 개요 | 동네방네는 지역 주민들이 이웃과 소통하고, 다양한 편의 기능을 제공받을 수 있는 커뮤니티 플랫폼입니다. 이 플랫폼은 회원 관리, 친구 관리, 게시판, 분실물 및 지역 뉴스, 지역별 채팅방 등 다양한 기능을 통해 지역 사회의 연결을 강화하고, 사용자에게 유용한 정보를 제공합니다. |
|---|---|
| 구현기능 | 오창민 1. 로그인 서비스 구현 ( 아이디 찾기, 비밀 번호찾기 사용시 이메일로 임시비밀번호 보내기) 2. 회원가입 (프로필 사진, 아이디, 이메일, 비밀번호, 닉네임, 주소(다음 우편번호 API사용) 입력 및 저장) 3. 마이페이지 (기존의 정보들 비밀번호 입력시 회원 수정가능) 4. 문의사항 팝업 (로그인 후 오른쪽 하단의 문의하기 버튼 클릭시 관리자 페이지에서 문의사항 내용 발신) 5. 관리자 페이지(가입 된 회원 전체 출력 및 검색 기능 ,회원 등급에 따른 게시물 이용 제한 , 회원 삭제, 문의 사항 접수) 최재혁 1. 지도에 로그인 한 사용자 마커 띄우기 2. 로그인한 사용자 반경 1km 범위정해서 원 그리기 3. 1km안에 있는 다른 유저 표시 4. 다른유저에게 친구추가 보내기(이미 친구이거나 이미 친구요청을 보낸 상태면 못 보내게 하기) 5. 친구 목록에서 친구 요청이 오면 수락,거절 하기 6. 수락을 하면 나와 친구의 친구목록의 서로가 표시 7. 친구와 1:1 대화기능 8. 회원가입,회원정보 변경시 입력받은 주소 위도경도로 변환해서 DB저장하기 9. 회원탈퇴시 해당 유저의 기록 DB에서 지우기 10. 친구 상태표시(로그인,오프라인,자리비움) 어현우 1. 게시글 CRUD 2. 게시글 및 댓글 추천/비추천 3. 날짜, 조회수, 추천수 정렬 4. 제목, 내용, 닉네임 검색 5. 카테고리별 필터링 6. 게시글 내 이미지 및 파일 첨부 7. 추천수 기준 인기글 필터링 문종찬 1. 실시간 분실물 검색, 조회, 분실물 목록 구현 2. 상세보기로 습득날짜, 사진, 보관장소 등 상세설명 조회 3. 실시간 지역뉴스 *키워드 바탕으로 검색 4. 지역별로 뉴스 목록 나열 5. 기사마다 정보를 받아와서 썸네일 등 헤드라인 구성 6. 메인페이지 Ox 퀴즈 구현 엄장원 1. 웹소켓 활용 해 채팅창 구현(웹소켓 연결, 종료 처리,입장 메세지 전송, 메시지 상태, 유저 입장 퇴장,채팅 입력창 초기화) 2. 웹소켓은 httpsession을 활용할 수 없어 handshake를 통해 정보 가져오기 3. 채팅목록 구현 (uuid사용 해 방 id를 중복없이 구현) 4. 채팅목록에 비밀번호 입력창 설정 ( 비밀번호 설정 시 목록에 비밀번호 생성 표시가 뜨고 비밀번호를 입력해야만 채팅창에 입장 가능) 5. 채팅창에 참여자 정보가 뜨도록 설정 |
| 설계의 주안점 | ● 회원 관리 (오창민) ○ 주안점: 사용자 경험을 향상시키기 위해 간단하고 직관적인 회원가입 및 로그인 절차를 구현합니다. 데이터 보안을 위한 암호화 기법을 적용하고, 사용자 데이터를 효율적으로 관리할 수 있는 관리자 페이지를 설계합니다. ● 친구 관리 (최재혁) ○ 주안점: 지도 API를 활용하여 사용자 주변의 이웃을 쉽게 찾을 수 있도록 하고, 친구 추가 및 삭제 기능을 통해 커뮤니티 내에서 사용자 간의 상호작용을 촉진합니다. ● 게시판 관리 (어현우) ○ 주안점: 사용자들이 다양한 주제로 소통할 수 있는 게시판을 구현하며, 사용자가 쉽게 접근하고 참여할 수 있도록 직관적인 UI를 설계합니다. 게시글 작성과 관리 기능을 통해 사용자 참여를 유도합니다. ● 분실물 및 지역 뉴스 (문종찬) ○ 주안점: 분실물 API를 활용하여 사용자가 지역 내 분실물 정보를 쉽게 검색할 수 있도록 하며, 지역별 뉴스 기능을 통해 사용자에게 유용한 정보를 제공합니다. 정보의 신뢰성을 보장하고 사용자에게 필요한 정보를 적시에 제공하는 것이 목표입니다. ● 지역별 채팅방 (엄장원) ○ 주안점: 웹소켓을 활용하여 실시간 채팅 기능을 구현하며, 사용자들이 지역 커뮤니티 내에서 즉각적인 소통을 할 수 있도록 합니다. 안정적인 메시지 전송과 사용자 친화적인 채팅 UI를 설계하여 사용자 경험을 최적화합니다. |
| 사용기술 및 개발환경 |
Frontend HTML, CSS, JS, React Backend java, Spring boot, Mybaties, Tomcat Server Database Oracle Collaboration Github, Mattermost, Kakaotalk Tool VisualStudio Code, Eclipse, Figma, DBeaver 카카오맵 API , newsAPI, 다음주소API , 경찰청_분실물정보 조회_API , CKeditor |
|
|
이전글 | 돌보시개 반려동물 케어 사이트
다음글 | 럭키마켓
