KH 프로젝트

KH정보교육원에서 진행하고 발표된 프로젝트를 과정별로 보실 수 있습니다.

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

프로젝트 발표날짜 : 2024. 11. 25

KH IEI PROJECT
 

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

임수진 강사 / 고은솔 취업담임
2024. 11. 25 (L)

1 팀
칠성파
팀장/팀원 n**(팀장), 김**, 양**, 조**, 최**
개요 우리들만의 가상 식당을 만들어서 맞춤형 도시락과 좀 더 식당 경영에 필요한 기능들을 상상하고 구현을 한 프로젝트
구현기능 로그인 및 회원 가입
- 로그인 : 기존 가입된 아이디만 로그인되면 가입자 등급에 따라 분류
- 아이디 찾기 : 사용자 정보 확인을 통해서 아이디 확인
- 비밀번호 찾기 : 사용자 정보를 확인 후 이메일을 통해서 임시 비밀번호 발송
- 회원가입 기능 :
- 아이디 [8자 이상 15자 이하 영문 또는 숫자만] 및 아이디 중복 체크
- 비밀번호 : [10자 이상 15이하로 영문, 숫자, 특수문자 모두 1자 이상 포함]
- mail : 인증 번호 인증, 인증 번호 3분 유효 시간 및 이메일 중복 체크

도시락 예약 페이지
- 예약 시간 선택 [날짜 및 시간 선택]
- 도시락 종류 선택 [한가지 이상 선택 조건]
- 도시락 메뉴선택 [선택 도시락 수 만큼 이동 가능]
- 결제 기능 [tosspayments api]

메뉴 페이지
- 도시락 메뉴, 식당 메뉴 페이지 : 식당 메뉴 best top 10 슬라이드 기능 및 조건부 검색 기능

고객 센터
- 실시간 상담 기능 [채팅 pusher api]

식당 예약 페이지
- 시간 선택 페이지 [날짜 및 시간 선택 [금일로 부터 30일 기준]]
- 테이블 선택 [해당 날짜에 예약된 테이블은 클릭 x, 표시에 표시]

예약 조회 페이지 [고객]
- 식당 예약 조회 및 도시락 예약 조회 페이지
- 현재 날짜 및 시간을 기준으로 현재 예약 조회
- 식당 예약 [변경, 취소]


지난 페이지 조회 [고객 ]
- 지난 예약 조회 [테이블 예약 및 도시락 예약]
- 년도별, 월별 조회

고객 페이지
- 개인정보 변경[비밀번호 변경]
- 회원정보 조회


관리자 페이지
- 명세서 페이지 및 세부명세서 [기간별 조회 기능]
- 비밀번호 변경
- 직원 정보 조회
- 도시락 및 식당 예약 조회 [시간순, 예약 번호순]
- 직원 건의함 조회
- 공지사항 작성
- 추천 메뉴 변경

기타 페이지
- 오시는 길 페이지 [구글 지도 api]
- 협력업체 페이지
- 소개 페이지
설계의 주안점 저희 팀에는 요식업 관련 종사자가 많았습니다.
그래서 저희는 요식업 경험을 바탕으로 다른 식당에서 느꼈던 개선할 점과 넣어보고 싶었던
기능들을 생각했습니다.
- 식당 테이블을 어플로 통해서 직접 날짜와 시간을 선택한 후 예약을 할 수 있는 기능을 만들기를 목표로 두었습니다.
- 정형화된 도시락 메뉴가 아닌 직접 원하는 반찬과 원하는 시간대로 고를 수 있는 기능을 목표로 했습니다.
- 고객과 직원이 편안하게 정보를 얻을 수 있게 만들기를 목표를 두었습니다.
- 관리자 직접 식당 홈페이지에서 직원들을 관리할 수 있게 만들었습니다.
2 팀
Jocomi
팀장/팀원 엄**(팀장), 기**, 양**, 이**
개요 기획 의도
국가적으로 지원범위가 넓어지고 전세계적으로 관심이 쏠리는 Open AI 와 Web 개발을 접목시켜 시간을 단축시키고 편리한 개발환경을 제공하여 보다 빠른 Web Project 제작과 정확한 작업을 수행 할 수 있도록 지원

프로젝트 개요
본 프로젝트는 OpenAI API와 웹 개발 기술을 융합하여 사용자가 보다 편리하고 효율적으로 웹 프로젝트를 제작할 수 있도록 지원하는 시스템입니다.
국가적 및 글로벌 차원에서 관심이 증가하고 있는 AI 기술을 활용하여 개발자들에게 시간 단축, 정확한 작업 수행, 개발 환경 개선을 목표
본 프로젝트는 React와 Spring Boot를 기반으로 설계, AI API, Oracle DB, 그리고 다양한 웹 개발 기술을 통합하여 회원 등급별 권한 관리, 데이터 저장 및 분석, 사용자 친화적 UI/UX 등 현대적이고 기능적인 웹 플랫폼을 제공
이를 통해 다양한 사용자(일반 사용자, 관리자)가 편리하게 웹 제작, 데이터 관리, 고객 지원 등을 수행할 수 있는 맞춤형 웹 서비스를 제공하는 것이 목표
구현기능 메인 페이지
- 로고 JS 애니메이션 적용.
- 풀페이지 스크롤 라이브러리 적용 및 기능 구현.
- 채팅 API 기능 추가.
- SVG 기능 개선.
- 페이지 사용 설명 영상 편집 및 적용.
- 모든 페이지 반응형 적용.

회사 소개 페이지
- 회사 위치(지도) 및 팀원 소개 기능 구현

웹 제작 페이지
- Web, Funtion, DB 별 AI API를 사용한 제작 기능 구현

결제내역 페이지
- 결제단계, 결제일 등 결제 정보 내용 기능 구현

고객지원 페이지
- 공지사항 게시판, 프로젝트 게시판, 자유게시판, 문의사항 게시판 기능 구현
- 조회수 및 게시글 신고/수정/삭제/댓글/답글 기능 구현

가이드 페이지
- 결제 수단 및 결제 단계 / 적용 기능 구현

관리자 페이지
- 대쉬보드, 구독 회원 관리, 고객 관리, 채팅 관리, 게시물 관리, 신고 관리 기능 구현

로그인 페이지
- 회원가입/소셜로그인 기능 구현

마이페이지
- 사용기록, 프로필 수정, 비밀번호 변경 기능 구현
설계의 주안점 사용자 중심의 UI/UX 설계

- 애니메이션 적용: 로고 JS 애니메이션, 스크롤 효과 등을 활용하여 시각적 흥미 유발.
- 명확한 정보 구조: 웹 제작, 고객 지원, 결제 내역 등의 기능을 카테고리별로 체계화.

효율적인 AI 기술 활용

- AI API를 사용하여 사용자 요청에 따른 자동 웹 페이지 제작, DB 작성, 기능 구현 지원.
- 개발자 및 사용자 간 업무 효율성을 극대화하는 기능 제공.

회원 및 권한 관리 시스템

- 회원 등급별 기능 제어: 등급별로 사용 가능한 기능을 제한하여 시스템 안전성 확보.
- 소셜 로그인 및 인증: Naver, Google API와 이메일 인증 기능을 통한 보안 강화.

데이터 처리 및 저장 안정성

- Oracle DB 및 Spring Framework를 활용하여 데이터 관리 안정성 및 성능 최적화.
- AI API를 활용한 데이터 저장 및 처리 기능 구현.

관리자 편의 기능

- 대시보드, 구독 회원 관리, 고객 관리, 게시물 신고 관리 등의 효율적인 관리 도구 제공.
- 실시간 데이터 처리 및 시각화: 차트와 서버 상태 확인 기능 구현.

협업 및 유지보수 용이성

- GitHub 기반의 협업 환경 구축 및 코드 관리.
- CORS 통신 및 외부 IP 차단: 외부 접근 제어를 통한 보안 강화.
- 환경 변수 관리(env 파일)로 유지보수 효율성 향상.

현대적 기술 스택 활용

- 최신 웹 기술인 React, Spring Boot, JSON, Oracle DB 등을 사용하여 확장성과 유지보수성을 확보.
- 다양한 라이브러리 및 API 활용으로 기능 구현의 편의성 강화.
3 팀
TEAMX
팀장/팀원 이**(팀장), 김**, 이**, 최**, 허**
개요 전시/행사에 특화된 예매 사이트입니다.
사용자 편의를 고려한 슬라이더, 목록, 정렬 등 직관적인 UI 제공을 통해 다양한 전시 및 행사 정보를 쉽게 탐색할 수 있습니다.
사용자들 간 경험을 공유할 수 있는 커뮤니티 기능으로 소통을 촉진하여 문화 행사에 대한 관심과 참여를 증대시킬 수 있을 것으로 기대합니다.
지도를 통한 직관적인 위치 안내를 통해 쉽고 편한 관람 계획 수립이 가능합니다.
사용자들의 경험에 의해 선호되는 전시/행사를 좋아요 순으로 추천, 실시간 업데이트하여 제공하여 대중의 선호도를 파악할 수 있습니다.
마이페이지를 통해 관심 있는 전시/행사의 편리한 조회 기능으로 개인화된 문화 경험을 지원합니다.
구현기능 회원가입/로그인
1) 아이디중복검사
2) 이메일인증,휴대폰인증, 주소검색,아이디/비밀번호찾기

전시/행사
1) 전시/행사목록조회구현
2) 종료임박순/리뷰많은순/무료순/유료순정렬구현
3) 해당전시/행사클릭시상세정보열람구현
4) 전시/행사좋아요구현

리뷰
1) 리뷰작성/조회/수정/삭제
2) 예매한전시별관림일이지난전시에만리뷰등록가능하도록구현

커뮤니티
1) 게시글작성/목록조회/상세조회/수정/삭제
2) 카테고리별게시글정렬조회
3) 댓글&답글작성/조회/수정/삭제
4) 게시글신고및신고누적시자동블라인드(삭제)처리되도록구현

예매/결제
1) 전시기간동안만캘린더에서예매날짜선택가능하도록구현
2) 예매자정보수정가능하며수정한정보로결제요청되도록구현
3) 카드/페이등다양한결제수단선택가능
4) 결제과정완료후예매내역이확인되며마이페이지의예매정보확인 페이지로이동가능
5) 유료/무료/홈페이지참조로구분하여결제기능차별

EX-MAP
1) 카카오맵지도를통해,서울시지역구별전시/행사목록마커조회
2) 마커클릭시최근시작일기준전시/행사조회
3) 마커클릭하여조회한전시/행사클릭시상세조회페이지로이동

마이페이지
1) 개인정보수정(일반/소셜)
2) 비밀번호변경(일반)
3) 관심목록리스트,이용후기리스트,예매내역, 1:1문의이동
4) 회원탈퇴(일반/소셜)

고객센터
1) FAQ토글구현
2) 1:1문의목록조회/작성/삭제기능

관리자페이지
1) 회원관리(조회/수정/탈퇴/검색)
2) 게시글관리(조회/삭제/공지작성/검색)
3) 댓글관리(조회/삭제/검색)
4) 1:1문의관리(조회/답변작성/검색)
5) 전시관리(조회/삭제/검색)
6) 리뷰관리(조회/삭제/검색)
설계의 주안점 소셜로그인기능을통한사용자접근및이용편의제공
전시/행사조회에적합한정렬기능제공으로정보확인용이
커뮤니티내카테고리설정을통해사용자간원활한소통촉진
지도API를통한위치별전시/행사정보조회
캘린더의예매날짜선택과가격정보조회후결제를통해사용자의예매/결제과정편리화
마이페이지에서회원정보,활동정보확인가능
4 팀
기사단
팀장/팀원 최**(팀장), 정**, 최**
개요 스터디허브는 온라인 스터디 그룹 개설 및 스터디룸 제공을 위한 서비스 플랫폼 입니다. 스터디 그룹의 개설을 제공하며, 제공된 스터디 그룹별 스케쥴과 스터디룸으로 그룹원들 간의 일정관리와 화면공유 및 채팅 기능을 제공합니다.

제공 받은 스터디룸의 화면공유와 채팅기능으로 집에서도 편하게 온라인으로 스터디를 이어 나갈수 있습니다.

또한, 스터디룸에서 이야기중인 어려운 주제의 공부를 Q&A 게시판을 통해서 궁금증을 해소 할수 있으며, 스터디에 필요한 물품들을 중고로 사고 팔수 있도록 거래장터가 있습니다.
구현기능 - 메인페이지: 로그인/비로그인 일때 스터디 그룹 추천 (비로그인시 탈튀리뷰가 높은순으로 추천 이후 최신 순으로 조회 / 로그인시 해시태그 기준으로 조회후 이후에는 탈퇴리뷰 순 이후에는 최신순으로 조회) 및 베스트 질문 리스트 조회(답변이 많은 순으로 조회) 서비스 기능 개발*
- 헤더: 로그인/비로그인 일때를 구분하여 로그인|회원입 버튼 혹은 로그인된 사용자 정보를 화면에 출력*
- Q&A: 질문 게시물 작성/조회 하는 서비스 기능 개발, 질문 게시물에 답변 게시물을 작성/조회/수정/삭제 서비스 기능 개발 추가적으로 답변게시물에 댓글&대댓글을 작성하는 서비스 기능 개발, 답변 채택 서비스 기능개발(답변 채택시 채택된 유저에게 포인트 지급 기능)*
- 거래 장터: 거래 게시물 작성/조회 서비스 기능 개발, 게시물 작성시 여러개의 이미지를 등록하여 화면에 스와이퍼 형식으로 화면에 출력, 게시물 작성시 로그인한 유저의 포인트 정보를 조회한 후에 거래물품의 포인트보다 작으면 경고창을 출력하고 많으면 포인트가 차감되는 기능 개발*
- Spring Security를 이용한 로그인/로그아웃 서비스 개발 (JWT를 이용한 로그인 방식)*
- 마이페이지 [포인트] : OpenAPI를 이용한 결제 서비스 기능 개발 및 포인트 사용처에 따라 로그 조회 기능 개발*
- 마이페이지[내정보]: 로그인한 사용자의 정보를 조회한후에 수정할 데이터를 서버에 전송하여 수정하는 서비스를 개발*
- 마이페이지[그룹관리]: 로그인한 유저가 참여한 그룹리스트를 서버로부터 조회하는 서비스를 개발*
- 마이페이지[친구관리]: 로그인한 유저가 다른 유저에[게 친구를 요청하고, 요청 받은 친구는 친구요청을 수락/거절을 할수 있는 서비스 개발*
- 마이페이지[질문관리]: 로그인한 유저가 작성한 질문리스트를 서버로부터 조회하는 서비스를 개발 (질문한 글, 답변한 글, 좋아요한 글 별로 조회 가능)*
- 회원 가입/비밀번호 찾기/아이디 찾기 서비스 기능 개발*
- 회원가입/비밀번호 찾기/아이디 찾기/내 정보 수정 기능에서 메일 인증 기능 서비스 추가*
- 회원가입시 주소입력창 기입할때 다음 OpenAPI를 이용*
- 스터디 게시물 작성/조회/삭제/수정 서비스 기능 개발*
ㄴ스터디 게시물 작성시 로그인한 유저의 포인트와 작성할때 필요한 포인트를 비교하여 적게 소지하고 있다면 경고를 아니면 포인트 차감후 작성을 하도록 서비스 기능을 개발*
ㄴ스터디 게시물 삭제 / 수정은 게시물 작성자가 아닌 스터디 그룹장만 가능하도록 서비스 기능을 개발*
- 스터디 게시물 리스트 조회 및 검색 기능 개발*
ㄴ스터디 게시물의 리스트를 조회하고 검색 키워드로 조회하여 리스트형 태로 반환하는 서비스 개발*
- 스터디 게시물 참여/탈퇴 요청 서비스 및 탈퇴시 탈퇴 리뷰 작성 서비스 기능 개발*
ㄴ스터디 그룹에 참여를 위해 참여 버튼을 클릭하여 참여 요청을 보낼수 있고, 참여 요청을 스터디 그룹장이 수락하여 스터디 참여 승인여부를 결정 할수 있도록 서비스 기능을 개발 그리고 탈퇴시 탙퇴리뷰를 작성하도록 서비스 기능 개발*
- 스터디 게시물 스터디 그룹원 목록 조회 및 강퇴 및 방장 위임 서비스 기능 개발*
ㄴ스터디 그룹에 현재 참여중인 그룹원 리스트와 방장 일경우 본인을 제외한 나머기 그룹원들의 스터디 강퇴 서비스 기능을 제공, 또한 방장이 탈퇴시 방장 위임후 탈퇴하도록 서비스기능을 개발*
- 스터디 그룹 댓글&대댓글 조회/삽입/수정/삭제 기능 및 탈퇴 리뷰 조회 서비스 기능 개발*
ㄴ스터디 그룹에서 댓글&대댓글을 조회/삽입/삭제/수정 할서 있도록 서비스 개발 및 탈퇴리뷰가 있으면 조회할수 있도록 서비스 개발*
- 스터디 그룹별 일정 관리 페이지 (일정 조회/삽입/삭제) 서비스 개발*
ㄴ스터디 그룹별로 일정을 관리할수있도록 일정 조회/삽입/삭제 서비스를 개발했고, 작성한 일정에서 댓글&대댓글을 조회/삽입/삭제/수정 할수 있는 서비스를 개발*
- 스터디 그룹별 스터디룸 페이지(N:M 그룹별 채팅 및 화면 공유) 서비스 개발*
ㄴ스터디 그룹별 스터디룸에서 N:M 그룹별 채팅 서비스와 화면공유 서비스 기능 개발*
- 기타 모든 기능 기술 검토 및 지원*
설계의 주안점 - 스터디 그룹 / 스터디 그룹의 일정 / 스터디 룸에서 화면공유와 채팅 기능을 구현
- 로그인 / 회원가입 / 비밀번호 찾기 / 아이디 찾기 기능을 구현
- 홈화면 / 헤더 / 푸터 / 거래장터 게시판 / 질문&답변 게시판 기능을 구현
KH정보교육원
  • 고용노동부 선정
  • 5년 인증 우수훈련기관 선정
  • 대한민국 브랜드 어워즈 대상
  • IT교육부문 4년 연속 대상 수상
  • 고용노동부
  • 장관 표창

빠른 상담

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

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

교육희망 과정

희망과정 선택


세부 교육과정

전화 아이콘
  • 051-637-2157
  • 전국대표문의전화(연중무휴)

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

신청자 정보

- -

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

051
637
2157

대표문의
(연중무휴)

개강일정

개강일정

국비대상자 간편조회

국비대상자
간편조회

온라인 상담

온라인 상담

오시는길

오시는길

카톡 상담

카톡 상담

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

051-637-2157

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

  • 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