[스마트인재개발원]-1차 프로젝트를 진행하며-(3)

 

그제 넣었던 Json Data를 import하는 포스팅 이후 만들어진 본격적인 프론트엔드,

HTML/CSS의 기본 뼈대들에 관하여 포스팅할 것이다. 

 

다음은 MBTI유형과 어울리는 영화장르를 매칭한 방법이다. 

또한 MBTI유형중, SJ유형에서는 전통을 중시하고 안정적인 것에 호감을 느끼는 경향이 있다고 논문에 기술되어 있었다. (참고 문헌 : MBTI 성격유형에 따른 여가생활에 관한 연구)

참고한 논문. 사진을 누르면 논문을 열람할 수 있는 링크로 이동한다.

따라서 장르 중 SJ유형과 비슷한 특징을 가진 장르였던 역사와 서사,
드라마 장르를 매칭하는 방식으로 서비스를 개발하였다. 

DB테이블과 MBTI와 해당하는 영화장르를 연결하는 과정.

 

위의 내용을 바탕으로 확정된 MBTI와 어울리는 영화 장르를 매칭한 결과이다.

어울리는 영화 장르와 관련해 피드백 받은 부분은

"고객에 대해 최소한 30명의 정확한 기존 임상 데이터가 있었으면 좋았을것이다." 였다. 

 

이후 홈페이지는 기존에 있던 templete을 사용하여 내용을 고치는 방식으로 html의 틀을 개발하였다. 이후 STS Spring에서 사용하기 위해서 JSP의 형태로 다시 고치게 되었다. 

 

최종 구현되었던 사이트들의 프론트엔드 디자인이다. 초보티가 많이 나고 개선여지가 많이 있다.

 

영화 상세보기 페이지의 최종구현 버전이다. 디자인적이나 기능면에서 개선여지가 많다.

 

최종디자인들을 위해 사용되었던 JSP들의 코드는 다음과 같다.

css파일을 내부에 심어놔서 가독성이 떨어져 이후

css파일을 외부로 export하여 넘기려고 하는 것을 포함하여

프로젝트를 좀 더 고도화 시켜보려 한다.

개선할 여지
1. css를 외부로 export하여 넘기는 식으로 jsp의 코드 간소화
2. jsp에 주석을 이용하여 어떤 부분을 묘사하는 코드인지 정리하기
3. 검색기능 추가하기 
         >> 어려울 것 같다. 참고자료의 조사가 많이 필요하다. 
4. 마이페이지에서 프로필 사진 추가기능과 변경할 수 있는 기능 넣기. (members 테이블 변경 필요)
5. 긍정/ 부정과 같은 단순한 이분법의 영화 평가 방법이 아닌 좀 더 다양한 감정들로 영화의 감정들을 분류
         >> (어려울 것 같다. 머신러닝을 배운 후 좀 더 발전시켜보고 싶다.)
6. 찜 기능으로 누른 좋아요한 영화들을 마이페이지에서 확인하게 하기. (좋아요 DB테이블을 만들자.)
7. 좀 더 그래프로 시각화 하여 원 모양으로 데이터를 직접적으로 보여주기. (matplotlib을 사용하자.)

 

---

다음은 홈페이지를 개발하며 사용한 JSP와 구현된 사이트이다. 

 

다음부터는 각각 페이지에 쓰인 MVC모델을 기반으로 한 백엔드부터 포스팅하려 한다. 

그리고 개념을 포함한 홈페이지와 DB를 연결하는 방법에 대해 포스팅 한 후, 

첫화면 >> 회원가입 >> 로그인 >> 영화 메인화면 >> MBTI 영화 추천화면 >> 영화 리뷰 상세보기 페이지 순으로

사용된 model과 controller, view에 맞춰 하나하나씩 포스팅 하겠다.