CHANGOOS
<img src="https://static.podo-dev.com/blogs/images/2019/09/17/origin/9bed4010-cc13-4cfa-a6e8-d71f8795061e.PNG" style="width:720px;">
<br>
<br>
개요
본 프로젝트는 토이프로젝트이며, 개인용 포트폴리오 사이트입니다.
커스텀 할 수 있는 포토폴리오 사이트를 만들고 싶은 욕심을 학부 시절부터 가지고 있었고 본 프로젝트가 결과물입니다.
또한 반응형 웹을 지원하며, 하이브리드앱을 개발하여 PlayStore에 배포하고 있습니다.
<br>
<br>
<br>
팀원 및 역할분담
- 개인프로젝트
<br>
<br>
<br>
개발기간
- 2017.11 ~ 유지보수 및 고도화 중
<br>
<br>
<br>
기술스택
- Java, Javascript, CSS, MariaDB, Android
- Spring, JQuery, MyBatis, Solr
<br>
<br>
<br>
구조
- Server H/W : Synology NAS DS218+
- Backend : Spring
- Frontend : JQuery, CSS
- DBMS : MariaDB
- WAS : Tomcat7.0
- Java : 1.7
- Search : Solr 7.2.1
개발 도구
- IDE : Eclipse
<br>
<br>
<br>
스킬
- Spring, MyBatis, JQuery, CSS, Solr
- SpringMVC : 4.2.5
- Spring-security : 관리자 인증 및 권한 제어
- Spring-interceptor : 텔레그램 알림 관련 적용
- Spring-aop: 비밀번호 암호화, Solr dataimport
- Spring-test : MVC 테스트
- Spring-security-test : 가상 사용자 인증 및 권한 제어
- Mockito : 테스트코드 가상 개체
- MyBatis : SQL Mapper
- Docker : Solr 컨테이너 운용
- Solr : 사이트 통합검색, 검색어 자동완성
- CSS : 반응형 웹 구현
- Android : 하이브리드 APP 개발 및 배포
- JQuery-datagrid : 관리자 페이지 데이터 조회.
- CKEditor : 게시글 작성 및 플러그인 개발 및 활용.
- Telegram API : 관리자 댓글 알림
- Kakaotalk API : 게시글 공유하기
라이브러리
- JSON : 데이터 전송용 형식
- Gson, Jackson : JSON 컨트롤
- JsonAssert : 테스트시 JSON 비교
- Jsoup : HTML Parsing, 게시글 text 추출
- Lombok : 개발 생산성
- commons-lang3 : String 관련 유틸
- matadata-extractor : 이미지 메타데이터 추출 관련
- Arirang 형태소 분석기 : 한글 형태소 분석기
- SweetAlert : alert창 디자인.
<br>
<br>
<br>
관련링크
- 소스코드(Github) : https://github.com/cgLee079/CHANGOOS
- Google Playstore : https://play.google.com/store/apps/details?id=com.cglee079.changoos
<br>
<br>
<br>
관련사진
[반응형 웹]
<img src="https://static.podo-dev.com/blogs/images/2019/09/17/origin/9fd892e3-6fe1-4529-8f7b-2b4a219d37bf.PNG" style="width:720px;">
[관리자 페이지]
<img src="https://static.podo-dev.com/blogs/images/2019/09/17/origin/baf68a73-0cf5-43b4-9ba9-9bf7e042dab5.PNG" style="width:720px;">
<img src="https://static.podo-dev.com/blogs/images/2019/09/17/origin/9437e7aa-701e-4579-9ea2-0f37c3b60f3a.PNG" style="width:720px;">
[어플리케이션]
<img src="https://static.podo-dev.com/blogs/images/2019/09/17/origin/b72d6200-4f4e-4927-83cd-d22802f9f2e3.PNG" style="width:360px;">