hyoenju / 11st-board

11st-board

팀원

• 박민상/PDP개발
• 이현주/검색모델링
• 이현호/Machine Intelligence
• 정승연/Machine Intelligence

주제

매일매일 일기를 쓰고 그날의 감정을 점수로 산출하는 게시판을 만들자!

계기

1. 게시판에 머신러닝을 적용하자
2. 머신러닝 기법 중 추천모델링, NLP, 예측 등을 활용해보자
3. NLP 관련 머신러닝 기법 중 감성분석을 적용해보자
4. 일기 형식으로 된 게시판을 만들고 일기 내용을 감성분석하여 그날의 기분을 측정하자
5. 일기를 달력 형식으로 표현해보자

업무 소개

• 박민상
  • 웹 API 담당
• 이현주
  • 프론트엔드 담당
  • Python API
• 이현호
  • 감성분석 모델 학습
  • Python API
• 정승연
  • 감성분석 모델 학습
  • Python API

기능 설명 및 데모

• 메인화면 설명
• 게시글 작성
• 게시글 조회
• 게시글 수정
• 게시글 삭제
• 감성점수 산출

감성분석 모델

• 사용데이터
  • SNS 38,000건 + 네이버 영화 리뷰 200,000건
• 전처리
  • 형태소 분석 (Mecab)
  • 워드임베딩 (Word2vec)
• 모델링
  • LightGBM
• 결과물
  • 각 문장에 대해 긍정일 확률(0~1) 출력
  • 스코어의 구간을 나눠 다섯 가지의 기분으로 표현

아쉬운 점

• 백엔드
  • 댓글 기능을 추가하지 못함
  • 로그인 기능을 구현하지 못함
• 프론트엔드
  • 무드트래커에 색상을 넣지 못함
• 머신러닝
  • 도메인에 적합한 데이터를 활용하지 못함
  • 모델을 고도화하지 못함

11st-board's Issues

수정시 점수도 변경

edit할때 새로운 content에 맞게 새로 emotionScore값 수정

감정 그래프 시각화

글을 통해 예측된 감정 점수를 라인 그래프로 시각화

• DB 데이터 구조화
• 데이터를 view 로 전달
• chart.js 를 이용한 데이터 시각화

[] 특정 게시글 조회 API - /articles/{articleId} GET

articleId 받아서 해당하는 게시글 조회

ml API 생성(python - FastAPI)

[ ] - conda 가상환경 설정
[ ] - api 예제 코드 작성
[ ] - 실행방법 문서화

게시판 화면 구현(Frontend)

• index.html
• board_view.html
• board_write.html
• board_edit.html

댓글 페이지(Java)

(get) /diary/{id}/comments - 댓글들 조회

(post) /diary/{id} - 댓글 작성
(put) /diary/{id}/comments/{commentId} - 댓글 수정
(Delete) /diary/{id}/comments/{commentId} - 댓글 삭제

일기 페이지(Java)

• (get) /diaries - (월별 일기들,? month=2) 같은 상태 필요

• (post) /diaries - 게시글 작성
  연산서버를 통해 emotionScore를 받아서 post method를 실행해야함.

• (get) /diaries/{id} - 특정 게시글 조회

• (put) /diaries/{id} - 게시글 수정

• (delete) /diaries/{id} - 게시글 삭제
  html에서 delete요청이 안돼서 post로 받고 리다이렉트해야됨

Diary 데이터 화면 연동(FrontEnd)

Diary 데이터를 화면에 출력함

• board_view.html
• board_edit.html

특정 게시글 추가 API - /articles POST

ml 모델 생성(python)

• conda 가상환경 설정 문서 수정
• environment.yaml 수정
• utils 코드 작성
• sentiment_analysis 코드 작성
• ml 모델 pickle 파일 업로드
• word2vec 모델 파일 업로드
• 실행방법 문서화

Thymeleaf 적용(FrontEnd)

• index.html
• board_edit.html
• board_write.html
• board_view.html

api 설계하기 #5

데모 준비

페이지 디자인 오류 수정(HTML, CSS)

• frontEnd 디자인 오류 수정

Python api 연동

특정 게시글 삭제 API - /articles/{articleId} DELETE

calendar API를 page와 연동

달력(주, 요일) 로 데이터를 변환한 calendar 데이터를 화면에 출력함

[] 특정 게시글 수정 API - /articles/{articleId} PUT(PATCH)

달력 페이지(Java)

• /diaries?date=2022-02 와 같은 형식으로 기준월 맞게 맵핑(default : 현재 월)