포트폴리오 - All The Information DashBoard

🙋 Develop Motive

• 데이터 도식화를 통해 보기 쉽게 모듈화
• 한 화면에서 다양한 데이터를 볼 수 있도록 통합정보시스템 구축
• 다양한 데이터 표현방식을 위한 오픈소스 및 오픈 API를 활용한 플랫폼 구성
• 실험적 샘플 기능을 활용한 다양한 확장성 실무에 접목

✨ Main Page

🌌 Web Hybrid Mobile Page

🔒 Spring Security OAuth2.0 Login Action (kakao)

🔖Chatting

-- login, security, SMTP E-mail Find Password, Membership page (Add regular expression) --

🚥 local PC(server) infomation(CPU, Memory etc.)

🎉 Trade Page

OAuth2.0 kakao login access infomation

📈 Data Edit Page

📆 Schedule Page

📋 user custom page

⏰ RealTime Monitoring Page

Trade Page

개발예정

1. jpa - 양방향조회, 역방향조회, fetch조인, lazy옵션, spring jpa, querydsl
2. 주요 기능 테스트 코드 작성
3. 람다, 스트림 LocalTimeDate, Optional 사용 및 리팩토링 작업

👍 완료내역

1. 시큐리티 로그인, 로그아웃 세션처리 완료(jpa사용)
2. 샘플데이터 게시판목록 호출 완료(mybatis사용)
3. 일정계획표 페이지 - 풀캘린더, 구글 공휴일 정보 api 연동 완료
4. 일정관리테이블, 회원정보 상세 테이블, 회원 권한 조인용 테이블 생성 완료
5. 테이블명 수정 기존 테이블, 관리자페이지 테이블 명 구분 완료
6. 스프링 시큐리티 회원가입 로직 구현완료(스프링 시큐리티 - principal)
7. 패스워드 분실 SMTP 메일발송 비밀번호 찾기 로직 구현완료
8. 대시보드페이지 서비스 종료 다음지도 API -> 카카오맵 API로 변경 완료
9. 대시보드페이지 지도API 실시간도로교통정보, 자전거 도로 정보 기능 추가 완료
10. TUI GRID, datatables API 구현 및 연동 완료
11. 대시보드페이지 회원 사용자 통계수치 로직 구현완료
12. 사이드바 시계 기능 추가 완료
13. 시스템 테이블 및 데이터 로그 설정 구현 완료(log4jdbc)
14. 모니터링용 대시보드 페이지 개발완료
15. 프로젝트 UI 다크테마 개발완료
16. 모니터링 페이지 이미지 업로드 로직(로컬/서버) 구현완료
17. TUI-GRID API 내 저장된 이미지 팝업 호출 로직 구현완료
18. sigar API(컴퓨터 장비 실시간 정보 수집 오픈소스) 연동작업 완료
19. amcharts4 API -> Sigar API의 수집정보 차트 실시간 계측 구현완료(PC 및 서버 사용율 모니터링 기능)
20. echart API -> amchart4 API 변경 작업완료(변경이유 : 웹, 모바일에 최적화된 차트 API, 그리고 echart는 중국어 한계발생)
21. amchart 게이지 차트 ->시스템 정보 표출 , 멀티라인차트 데이터 연계 개발 완료(데이터 누적방식 차트)
22. oAuth2 소셜 로그인 연계 구현(카카오)

• Oauth2 인증코드 발급완료
• 카카오톡 로그인 인증코드, 엑세스 토큰, 유저 로그인 응답정보 처리 완료
• 카카오정보 내부시스템 정보 저장, 중복정보확인, 자동로그인처리 구현완료

23. Mybatis 사용 로직 -> JPA전환 작업
    적용 영역

• 멀티차트 데이터 Mybatis -> jpa전환 완료
• 로그인 Mybatis -> jpa전환 완료

24. spring getter setter -> @lombok 적용완료
25. springboot websocket 사용 실시간 채팅 기능 개발완료(진행단계 70% - 룸 형식 채팅방 구현)
26. spotbugs 자바 소스 취약점 정적 분석 검증 취약점 6개 발생 개선 완료
27. 해외 IP 차단용 인터셉터, 필터 처리 구현 완료
28. 스프링시큐리티 로그인 유저정보 호출로직 변경(ver. up)
29. postgresql jdbc 최신버전 변경 완료(버전별 호환성버그발생)
30. tui-grid4 ver 소스 맵핑 최신화 완료
31. 깃허브 커밋 컨벤션 적용

   적용샘플예시
   Feat: "회원 가입 기능 구현"

   SMS, 이메일 중복확인 API 개발

   Resolves: #123
   Ref: #456
   Related to: #48, #45

👉 적용 API리스트

• System table : Datatables, tui-grid4.0
• 날씨, 지도 : kakao maps, Skycons
• 차트 : amcharts4
• 캘린더 : fullcalendar, bootstrap-daterangepicker, DateJS
• 기타 : Dropzone, NProgress, iCheck, Flot

👇 개발환경

• language : JAVA1.8
• framework : Spring Boot, Spring Security
• DB : OracleDB, Postgresql-DB
• UI : gentelella, Tiles3, Bootstrap
• etc : Mybatis, jpa, lombok

🙏 개발이슈

1. SMTP 비밀번호 찾기 properties 정보 계정 정보 삭제
2. 날씨 API darksky(유료), 구글 웨더(서비스 종료), skplant 웨더 API(서비스종료)로 인한 날씨정보 API 부재로 하드코딩 -> 공공데이터 전환예정
3. 풀캘린더 일정 등록 및 삭제 로직 개발 중
4. local 장비 서버 및 pc 정보 차트연동
5. 세계 인구수 정보 보다 다음(카카오) 지도 api를 통한 지역정보를 가져오는게 효율적일것으로 판단하여 변경
6. 시각적효과를 위한 백그라운드 컬러 검정(Dark)계열로 변경
7. 사이드바 시계 30초 단위 컬러변경 기능 추가
8. tui-grid 업데이트 bootstrap-timepicker 업데이트 완료
9. 이미지 처리시 서버의 OS에 따라 path 설정 및 처리방식이 다름.
10. 기존 oracle -> postgresql DB변환 하였음.
11. echart경우 중국어라서 한계점이 많았음. ->amchart4같은 경우 최근 이슈되기도하고 반응형에서도 대응이 확실하여 전환결정.
12. 멀티라인차트 DB 연동 중 누적방식을 채택(DB데이터정보 바로 찍는방식,누적방식 등 커스터마이징 가능) 차트내 표출갯수 15개 한계(인터벌로 호출주기로 갱신가능)
13. 멀티라인차트,게이지차트 두가지를 한화면 내에서 동시 처리하는 과정에서 속도이슈 발생 최적화 방안 검토예정
14. 쓰지 않는 라이브러리들 전부 제거 작업 ->로딩 및 속도저하 이슈 발생
15. 다크테마 전환 과정 중 발생한 UI크래시 부분 개선
16. 오라클 -> postgresql 전환중 마이바티스 전면 수정으로인한 이슈로 Mybatis -> JPA 전환 검토
17. daum 지도에서 카카오 지도 API 제공 기한 지나서 크로스 오리진 이슈 발생 -> kakao로 소스 변경완료
18. tui-grid ver up 마이그레이션작업(그리드 최적화 및 속도 개선) 타입스크립트 기반 최신버전
19. 카카오맵 API 최적화 및 amcharts

개선해야하는부분

1. 라이브러리 통합 저장소 추가 /dist 디렉토리 사라지는 버그발생
2. 일부 라이브러리 CORS 이슈 발생
3. dashboard 속도저하 이슈 발생

해당 소스 관련 문의는 issue 탭에 문의 주시면 답변드리겠습니다.