개발새발자

내가 맡은 직책: 팀장 FE 개발 Jira 담당 (일정관리) 내가 개발한 부분: 완전반응형 UI 640px 이하일때는 모바일페이지로 설계하였다. SSE (server-sent events) 연결 새로운 친구 추가, 내가 속한 그룹의 새 글 생성 시 알람 수신. 스티커 기능 스티커 상점에서 다이어리꾸미기 (이하 '다꾸')용 스티커 구매 가능. 일기 작성 및 다꾸 기능 dragEvent를 통해 다이어리에 스티커 붙히는 기능 구현. 완료 버튼 누를 시, backend에 해당 스티커 정보와 X, Y 좌표 send. 카카오톡 Oauth 카카오톡 로그인, 회원가입 회원 기능 회원정보 수정 기능. 배운 것들 1. 타입스크립트 타입스크립트를 사용한 첫 프로젝트였는데, 사진, array, string, number, f..

일단 처음 접속했을때 나오는 메인 페이지 (약간 넷플 따라함) 회원가입 페이지 회원가입에 성공하면 성공했다고 축하해줘요 확인을 누르면 로그인페이지로 갑니당 처음 로그인을 했을 때 저희는 유저가 클릭을 해야 알고리즘이 시작이 되기 때문에 영화를 클릭해보세요~ 라고 안내가 뜹니당 특정 영화 위에 마우스를 올리면 관심 없음 버튼 누를 수 있음!!! 그리고 그걸 누르면 "이제 이 영화는 추천되지 않습니다"라고 뜬당 영화 상세 페이지로 들어가봅시다 쫘잔~~~ 이것도 약간 넷플 따라한 스멜이 폴폴 풍기쥬? ㅋㅋㅋㅋ 넷플은 영화라면,,, 우리는 트레일러가 뜬다 그리고 여기에서 스크롤을 내리면 평점을 달 수 있다 댓글은 최신순, 평점 순, 좋아요 순 정렬도 가능! 출연진 탭을 누르면 출연진 사진이 뙇 저기 돋보기 버튼..

https://gkim1011.tistory.com/75 프로젝트 회고 (2) 추천 알고리즘 - 거리 기반 추천 알고리즘 기본적으로 우리 조는 콘텐츠 기반 추천 시스템을 사용하여 유저에게 영화를 추천하려고 했다. 토이프로젝트 특성 상 많은 사용자가 이용할 수 없기 때문에 협업필터링은 별로,,, 안좋을 것 같 gkim1011.tistory.com 첫번째 알고리즘에 이은 두번째 알고리즘이다. 첫번째 알고리즘과 마찬가지로, 콘텐츠 기반 추천 알고리즘이다. 영화 디테일 페이지에 접속하면, clicked_movies 배열에 해당 사용자가 클릭한 영화가 담긴다. 이 clicked_movies에 있는 장르와 같은 장르를 가진 영화들에 가중치를 두어 전체 영화에서 추천해준다. 내가 클릭한 영화에는 해리포터, 해리포터,..

기본적으로 우리 조는 콘텐츠 기반 추천 시스템을 사용하여 유저에게 영화를 추천하려고 했다. 토이프로젝트 특성 상 많은 사용자가 이용할 수 없기 때문에 협업필터링은 별로,,, 안좋을 것 같았다. (개인적인 생각) 콘텐츠 기반 추천 알고리즘이라 하면 사용자가 과거에 선호한 상품과 유사한 상품을 추천하는 것이다. 우리 조는 영화 디테일 페이지에 방문했다면, 기본적으로 관심이 있는 영화일것이다- 라는 생각을 가지고 알고리즘을 설계했다. 처음에 회원가입을 하고 메인페이지로 가면, 제일 상단에 영화를 클릭해야지 추천을 받을 수 있다는 안내가 뜬다. 영화를 클릭한 후 (해당 영화의 디테일 페이지를 방문한 후) 다시 메인페이지로 나오면 1번 알고리즘인 유클리디안 거리 기반 알고리즘 추천 영화가 뜬다. 2차원 평면에서 ..

개발환경 백엔드 Django Json Web Token Authentication 프론트엔드 Vue Tailwind Css 사이트에 포함하고자 한 기능 1. 싫은 영화는 추천 알고리즘에서 제외하기 2. 참신한 영화 추천 알고리즘 설계 3. 영화 리뷰 (네이버 영화 한줄리뷰 참고) 4. 영화 상세 페이지에서 영화의 트레일러 시청할 수 있게 5. 영화 배우 정보도 불러오기 6. 좋아요 기능 사이트 레이아웃 쿠팡플레이, 왓챠, 네이버영화, 넷플릭스, 유튜브 참고 최종 프로젝트에서 구현된 페이지와 초기 구상 레이아웃은 다르지만, 먼저 틀을 잡아놨기 때문에 초기 방향 설정에서 문제가 없었다고 생각한다. 협업 툴 아사나 노션