📝Carrotww의 코딩 기록장

🧲 python algorithm

🔍 이번 주 프로젝트도 빨리 끝날 줄 알았는데 결국 오래 걸렸다... 그래서 알고리즘은 손도 못 댔고...
다음주 부터 알고리즘 모임도 다시 할 것이고 문제도 다음주에 많이 풀어야한다.

🧲 유화 프로젝트

🔍

이미지 변환 서비스

프론트엔드 Gti Hub https://github.com/Carrotww/Vincent_Frontend

팀 소개

LOL(Laugh Out Loud) 즐겁게 코딩을 하자

작업 분배

• 로그인/회원가입 하경수님
• 머신러닝 유형석님 조지현님
• 개인 페이지 김준식님
• 이미지 필터 목록 페이지 이태은님
• 게시글 조지현님
• 프론트엔드 이태은님

서비스 소개

해당 서비스는 다양한 이미지 필터를 제공하여
사용자가 업로드한 이미지를 사용자가 선택한 필터 이미지 스타일에 맞게 변형해
새로운 이미지를 도출합니다.

만약 원하는 필터가 존재하지 않을 때는 사용자가 직접 필터로 사용할 이미지를 업로드하고
필터 게시판에 등록하여 사용할 수 있습니다.

추가적으로 결과값 이미지를 활용하여 게시글과 댓글을 작성하는 커뮤니티 공간을 제공합니다.

머신러닝 구현 방식

‘Neural-Style-Transfer’라는 사전에 학습된 모델을 가져와 적용

개발환경

개발언어 JavaScript python 3.8

머신러닝 모델 Neural-Style-Transfer

데이터베이스 SQLite3

개발환경 djangorestframework 3.14.0

주요 서비스 흐름도

1. 회원가입

2. 로그인

3. 메인(게시글 목록 페이지)에서 ‘이미지 업로드 버튼’ 클릭

4. 모달창 출력

   a. 기존 필터 사용 시

   • 컨텐츠 이미지 업로드
   • 필터 선택
   • 컨텐츠 이미지, 선택한 필터 이름을 back으로 전송

   b. 기존 필터를 사용하지 않고 사용자가 필터 추가하여 사용 시

   • 컨텐츠 이미지 업로드
   • 필터로 사용할 스타일 이미지 업로드
   • 위의 2개 이미지를 back으로 전송

5. 머신러닝 실행

6. 머신러닝 결과값을 front로 전송

7. 머신러닝 결과값을 확인하는 4번 모달창에서 ‘글 작성하기 버튼’ 클릭 시 제목, 내용 작성 칸 출력

8. 작성된 제목, 내용을 back으로 전송한 뒤 머신러닝 결과 이미지와 함께 DB에 저장

9. DB에 저장 후 메인(게시글 목록 페이지)로 이동

부가기능

• 메인(게시글 목록 페이지)에서 ‘필터 목록 보기’ 텍스트 클릭 시 필터 이미지 목록을 출력
• 메인(게시글 목록 페이지)에서 이미지 클릭 시 해당 게시글 상세보기
• 메인(게시글 목록 페이지)에서 최신순, 좋아요 순으로 게시글 정렬 가능
  

시연영상

https://vimeo.com/775485950

🧲 잡설

🔍 월요일날 발표일인데 내가 예비군을 가서...
최종 프로젝트 전에 마지막 프로젝트였다.
백엔드 모든 부분들 만지고 수정하며 로직을 짜면서 알았는데 생각보다 django에서 지원해주는 부분도 많지만 실 사용을 목표로 보았을때 진짜 신경쓸 부분이 많았다.
서버 측면에서 더미 데이터가 쌓이는 부분... 과연 사용자가 몰릴때 머신러닝을 수행해주는 전용 서버는 어떤 식으로 돌아갈까? 어떤 식으로 만들어질까? 같은 부분이 궁금했다.
최종 프로젝트에서는 aws의 머신러닝 전용 서버를 두고 여러가지를 해보아야겠다.