SlideShare a Scribd company logo
PROJECT PORTFOLIO
문창균
anscr@naver.com
NEXT DOOR
 본인 역할
DataBase 모델링
Ajax를 통한 업무 생성, 삭제, 수정
Ajax를 통한 세부업무 생성
Ajax를 통한 차트 인원별 개인 업무현황 차트
메일발송을 통한, 가입/마감알림 메일 발송
Contents
Language
Framework
DataBase
Web
Api
JAVA
Spring, Mybatis
HTML5, Css3, Jsp, Javascript,
jQuery, Ajax, Bootstrap
JDBC, Fullcalendar
Mysql
UI.로그인/회원가입 – 비밀번호 찾기
8자리 숫자와 문자를 조합한 난수를 생성,
찾고자 하는 아이디(이메일)을 입력하면 해당이메일로 난수
전송
새로운 비밀번호 전송
UI.프로젝트 - 멤버초대
프로젝트를 함께 진행 할 멤버초대
오토컴플릿, Ajax를 이용하여 회원가입되어 있는 맴버 검
색,
프로젝트에 초대할 맴버를 검색하여 초대메일 발송
UI.업무/세부업무 - 목록
업무/세부업무 목록
Ajax를 이용하여 업무 및 세부 업무 리스트,
무한 스크롤링을 사용하여 목록 출력
UI.업무/세부업무 - 업무추가
업무 리스트 추가
jQuery Ajax를 이용하여 업무 생성
UI.업무/세부업무 – 업무삭
제
업무 삭제
jQuery Ajax를 이용하여 실시간 삭제
UI.업무/세부업무 – 업무수
정
업무명 수정
jQuery Ajax를 이용한 수정,
업무 생성시 오타 및 변경필요시 실시간 변경
UI.업무/세부업무 – 세부업무 추가
세부 업무 생성
jQuery Ajax를 이용하여 세부업무 생성
Toggle을 이용하여 세부업무명을 입력하고 해당 세부 업무 실시간으로
생성
UI.업무/세부업무 – 세부업무 완료
세부 업무 완료
jQuery Ajax를 이용한 비동기 처리,
업무 완료시 체크박스를 선택해서 완료 확인
UI.차트 – 개인별 진행도
프로젝트 멤버의 각 개인별 업무 진행도 시각화
개인별 진행상황
코끼리
본인 역할
DataBase 모델링
Fullcalendar를 통해서 일정 생성/삭제
시설에약 관련 로직 구현
갤러리 게시판 로직 구현
Contents
Language
DataBase
Web
Api
JAVA
HTML5, Css3, Jsp, Javascript,
jQuery, Ajax, Bootstrap
JDBC, Fullcalendar
Oracle(Developer)
UI.Fullcalendar – 일정관리
Fullcalendar를 이용하여 해당 아파트 내 일정 및 공지 사항
리스트
아파트 일정 관리
UI.Fullcalendar– 일정등록
Fullcalendar 의 select 이벤트를 사용하여 일정 등록
일정 등록
UI.Fullcalendar– 일정삭제
Fullcalendar 의 eventClick 이벤트를 사용하여 일정 삭제
일정 삭제
UI.시설관리– 시설예약
사용할 장소와 예약 날짜를 확인하고
이용시간을 선택하여 해당 시설 예약
아파트 단지내 시설 예약
UI.시설관리– 예약중복확인
사용할 장소와 예약 날짜 이용시간을 확인하여
해당 시설 중복예약시Ajax를 통한 알림
아파트 단지내 시설 예약 중복 확인
UI.시설관리– 예약현황
리스트를 통한 시설예약 현황 리스트
시설 예약 확인
UI.사진첩– 사진첩 리스트
아파트 단지내 활동 사진 및 건의사항 등을 사진첩 리스트
및
좋아요 기능
아파트 단지내 사진첩
Thanks

More Related Content

Similar to 개인용 포트폴리오

신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판
hyeonjae Cheon
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)
형석 장
 
김윤환_포트폴리오
김윤환_포트폴리오김윤환_포트폴리오
김윤환_포트폴리오
Yun-hwan Kim
 
아마존 웹서비스를 이용한 WebApp 제작 Attendee
아마존 웹서비스를 이용한 WebApp 제작 Attendee아마존 웹서비스를 이용한 WebApp 제작 Attendee
아마존 웹서비스를 이용한 WebApp 제작 Attendee
LEEDONGJOON1
 
[경북] I'mcloud openlight
[경북] I'mcloud openlight[경북] I'mcloud openlight
[경북] I'mcloud openlight
startupkorea
 
.net core 에서 SignalR 사용해보기
.net core 에서 SignalR 사용해보기.net core 에서 SignalR 사용해보기
.net core 에서 SignalR 사용해보기
Ji Lee
 
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기
Jeado Ko
 
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
J B
 
웹 개발 신입 지원자 프로젝트
웹 개발 신입 지원자 프로젝트웹 개발 신입 지원자 프로젝트
웹 개발 신입 지원자 프로젝트
Park HanSol
 
Express framework tutorial
Express framework tutorialExpress framework tutorial
Express framework tutorial
우림 류
 
SJBoard Project Portfolio
SJBoard Project PortfolioSJBoard Project Portfolio
SJBoard Project Portfolio
JuyoungKang7
 
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
Hyunmin Kim
 
웹표준 프레임워크 메타웍스3의 적용 사례와 생산성
웹표준 프레임워크   메타웍스3의 적용 사례와 생산성웹표준 프레임워크   메타웍스3의 적용 사례와 생산성
웹표준 프레임워크 메타웍스3의 적용 사례와 생산성
영재 김
 
자바스크립트의 또다른 발전, Backbone.js
자바스크립트의 또다른 발전, Backbone.js자바스크립트의 또다른 발전, Backbone.js
자바스크립트의 또다른 발전, Backbone.js
JinKwon Lee
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현
kdh24
 
MVVM Pattern for Android
MVVM Pattern for AndroidMVVM Pattern for Android
MVVM Pattern for Android
taeinkim6
 
Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철
Kichul Jung
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하
GyooHa Kim
 
Web_05_ jQuery
Web_05_ jQueryWeb_05_ jQuery
Web_05_ jQuery
team air @ Dimigo
 
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드Sukjoon Kim
 

Similar to 개인용 포트폴리오 (20)

신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판신입 웹 개발자 포트폴리오 / 댓글 게시판
신입 웹 개발자 포트폴리오 / 댓글 게시판
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)
 
김윤환_포트폴리오
김윤환_포트폴리오김윤환_포트폴리오
김윤환_포트폴리오
 
아마존 웹서비스를 이용한 WebApp 제작 Attendee
아마존 웹서비스를 이용한 WebApp 제작 Attendee아마존 웹서비스를 이용한 WebApp 제작 Attendee
아마존 웹서비스를 이용한 WebApp 제작 Attendee
 
[경북] I'mcloud openlight
[경북] I'mcloud openlight[경북] I'mcloud openlight
[경북] I'mcloud openlight
 
.net core 에서 SignalR 사용해보기
.net core 에서 SignalR 사용해보기.net core 에서 SignalR 사용해보기
.net core 에서 SignalR 사용해보기
 
자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기자바스크립트 프레임워크 살펴보기
자바스크립트 프레임워크 살펴보기
 
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
 
웹 개발 신입 지원자 프로젝트
웹 개발 신입 지원자 프로젝트웹 개발 신입 지원자 프로젝트
웹 개발 신입 지원자 프로젝트
 
Express framework tutorial
Express framework tutorialExpress framework tutorial
Express framework tutorial
 
SJBoard Project Portfolio
SJBoard Project PortfolioSJBoard Project Portfolio
SJBoard Project Portfolio
 
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
AWS Amplify, AppSync를 이용한 모던 어플리케이션 개발
 
웹표준 프레임워크 메타웍스3의 적용 사례와 생산성
웹표준 프레임워크   메타웍스3의 적용 사례와 생산성웹표준 프레임워크   메타웍스3의 적용 사례와 생산성
웹표준 프레임워크 메타웍스3의 적용 사례와 생산성
 
자바스크립트의 또다른 발전, Backbone.js
자바스크립트의 또다른 발전, Backbone.js자바스크립트의 또다른 발전, Backbone.js
자바스크립트의 또다른 발전, Backbone.js
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현
 
MVVM Pattern for Android
MVVM Pattern for AndroidMVVM Pattern for Android
MVVM Pattern for Android
 
Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철Bootstrap에 대해서 정기철
Bootstrap에 대해서 정기철
 
포트폴리오 김규하
포트폴리오 김규하포트폴리오 김규하
포트폴리오 김규하
 
Web_05_ jQuery
Web_05_ jQueryWeb_05_ jQuery
Web_05_ jQuery
 
레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드레일스를 이용한 애자일 웹 개발 가이드
레일스를 이용한 애자일 웹 개발 가이드
 

개인용 포트폴리오