수강생 프로젝트

수강생 프로젝트

KH정보교육원에서 진행된 프로젝트를 팀 단위로 보실 수 있습니다.

동네방네 지역별 종합커뮤니티

프로젝트 발표날짜 : 2024. 08. 07

KH IEI PROJECT
 
five-guys

(디지털컨버전스)공공데이터 융합 자바개발자 양성과정3

팀장/팀원 오**(팀장) : 회원 관리(회원가입, 마이페이지, 관리자 페이지 , 로그인 , 문의 사항)
어** : 게시판 관리(메인 페이지, 게시판 목록, 게시글 쓰기 )
엄** : 지역별 채팅방(웹소켓 활용한 채팅창 구현)
최** : 친구 관리(지도를 활용한 주변 유저 찾기, 친구 추가 삭제 기능)
문** : 분실물, 지역뉴스(분실물API활용 검색기능, 지역별 뉴스 기능)
개요 동네방네는 지역 주민들이 이웃과 소통하고, 다양한 편의 기능을 제공받을 수 있는 커뮤니티 플랫폼입니다. 이 플랫폼은 회원 관리, 친구 관리, 게시판, 분실물 및 지역 뉴스, 지역별 채팅방 등 다양한 기능을 통해 지역 사회의 연결을 강화하고, 사용자에게 유용한 정보를 제공합니다.
구현기능 오창민
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
다음글럭키마켓
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

KH임직원은 수강생 한 분 한 분의 성공적인 취업을 위해 최선을 다하겠습니다.

No.1 국내 최대의 취업 실적을 보유한 KH정보교육원에 오신 것을 환영 합니다.
KH의 전 과정은 NCS(국가교육표준화)기준을 준수하며 100% 무료, 전액 국비지원을 받으실 수 있습니다.

교육희망 과정

희망과정 선택


세부 교육과정

전화 아이콘
  • 1544-9970
  • 전국대표문의전화(연중무휴)

교육희망 지점지점은 필수로 선택해주세요

신청자 정보

- -

기입 내용이 사실과 다를 시 상담 서비스가 원활하지 않을 수 있습니다.

1544
9970

대표문의
(연중무휴)

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

KH정보교육원
전국대표 문의전화
(연중무휴)

1544-9970

주말·공휴일에도 상담 및 접수 가능합니다.

  • 2023 당산지원

    5년 인증 우수
    훈련기관 선정

  • 2022 강남지원

    5년 인증 우수
    훈련기관 선정

  • 2022 종로지원

    5년 인증 우수
    훈련기관 선정

  • 2020 강남지원

    훈련 이수자 평가
    A등급 획득

  • 2020 종로지원

    훈련 이수자 평가
    A등급 획득

  • 2019 당산지원

    훈련 이수자 평가
    A등급 획득

  • 2019 IT교육부문

    브랜드 대상
    4년 연속 수상

  • 2018 당산지원

    4차 산업 선도
    훈련기관 선정

KH정보교육원 | 사업자등록번호 : 487-86-00763 | 사업자등록번호 : 851-87-00622 | 서울 강남 제2014-01호 | 대표자 : 양진선 | 책임자 : 양진선 |  개인정보관리책임자 : 양진선

강남지원 1관 : 서울특별시 강남구 테헤란로14길 6 남도빌딩 2F, 3F, 4F, 5F, 6F
강남지원 2관 : 서울특별시 강남구 테헤란로10길 9 그랑프리 빌딩 4F, 5F, 7F
강남지원 3관 : 서울특별시 강남구 테헤란로 130 호산빌딩 5F, 6F
종로점 : 서울특별시 중구 남대문로 120 그레이츠 청계(구 대일빌딩) 2F, 3F
당산점 : 서울특별시 영등포구 선유동2로 57 이레빌딩(구관) 19F, 20F
논현점 : 서울특별시 강남구 논현로 132길 9 마루빌딩 1F, 2F, 3F
부산점 : 부산 부산진구 중앙대로 627 삼비빌딩 2F, 12F