* 2019년도 Web/Server 개발 과정에 참여하여 진행한 프로젝트 기록을 옮김.
항공 서비스 이용 후기 (기본 CRUD 프로젝트)
목차
7. Web 리펙토링(JSP, HTML 분리, jQuery(ajax), Bootstrap 4)
10. 업로드 데이터 관리 리펙토링(Server -> DB)
0.개발 과정
약 한달 반 정도의 기간 동안 기본 JAVA Web 기본 프로젝트( CRUD )를 진행하였다. 항공 이라는 주제에 맞추어 UI/UX 개발부터 실제 Front-End, Back-End 전체를 구현하며 Web / Server에 대하여 학습 및 실습하였다.
- 일정
- 진행 과정
1. 주제선정
항공과 Web/Server 에 맞는 주제를 선정하기 위해 브레인 스토밍 과정을 진행하였고, 유사 경쟁 서비스를 찾아서 분석하였다.
2. 업무 분석
프로젝트 기간에 맞게 MVP를 지정하여서 USECASE 를 작성하고 간단한 기능을 작성해보았다.
3. 상세 화면 설계
프로토 타입 및 와이어 프레임을 통하여 USECASE에 맞게 화면을 구상하였다.
4. DB 모델링
작성한 요구사항 명세서을 참고하여 DB를 모델링 하였다.
5. 개발 환경 정의
요구사항 명세서를 더욱 구체화 하여서 전체적인 프로그램을 설계였다.
6. 중간 결과
일정 관리를 위해 프로젝트의 기본 기능을 완성하였다.
- Main 기능
- 게시글/댓글 등록 및 수정
- 이메일 중복 체크
7. Web 리펙토링(JSP, HTML 분리, JQuery, Bootstrap 4)
JSP에 HTML 와 자바 코드가 섞여 있어서 유지보수에 불편함을 느꼈고 이를 개선하기 위해서 Restful 한 구조로 코드를 분리하였다. 또한, 반응형 웹을 경험해보기 위하여 Bootstrap 4 를 적용하였고 보안 강화(암호화) 및 외부 API도입을 통하여 유저 편의성을 증가 시켰다.
- Jsp 내에 HTML 관련 코드 분리
- JavaScript(XML 통신 방식) -> Jquery 적용
- Bootstrap 4 반응형 웹 환경으로 변경
- 로그인 시 웹 환경에서 보안 이슈 해결
- DB 검색시 발생하는 보안 이슈 해결
- 네이버 스마트 에디터 적용
8. DAO 리펙토링(Mybatis 적용)
9. 프로젝트 리펙토링(Spring 적용)
기존의 JAVA Web 프로젝트를 Spring 프로젝트로 적용 후, 비효율 적인 구조를 수정하여 적용하였다. 또한, 유저 피드백을 수용하여서 추가기능을 개발하였다.
- DI 적용
- JSP 통합 관리
- 기능 추가
- 기능 추가 결과
10. 업로드 데이터 관리 리펙토링(Server -> DB)
11. 최종 결과
- main (Web)
- main (App)
- 회원가입
- 로그인
- 게시글 리스트 조회
- 게시글 등록
- 게시글 조회
- 게시글 댓글 기능
회고
지난 과정을 돌이켜 보면 많은 부족함이 느껴지는 프로젝트였다. 하지만 자신의 수준에서 더욱 발전 해보려고 다양한 시도를 해본 것은 좋은 경험이었던 것 같다. 사용한 기술 스택이 오래되었지만, 기본을 충실히 반영한 프로젝트 였다고 생각하며 앞으로도 진행한 프로젝트를 하나씩 정리하면서 다시 보면 좋을 것 같다.
'개발일지' 카테고리의 다른 글
| [최종 결과] 항공 ICT 팀 프로젝트 (2) | 2024.10.17 |
|---|---|
| [최종 결과] 실전 프로젝트 (0) | 2024.05.05 |
| 개발일지 10주차 WIL (0) | 2024.04.07 |
| 개발일지 9주차 WIL (0) | 2024.03.31 |
| 개발일지 8주차 WIL (0) | 2024.03.24 |