프론트 박상현
백 문서희
유저가 (1) 할일을 추가/삭제할 수 있고, (2) 유저의 맞춤형 태그를 통해 인스타그램에서 새로운 할일을 추천
-
할 일 추가 및 삭제 (1)
-
각 할 일 별로 메모 작성 가능
-
각 할 일의 카테고리, 날짜 지정
-
완료된 할 일을 삭제 또는 할 일로 복구
-
비밀 번호 변경
-
카테고리 이름 설정
-
카테고리 이름을 통한 인스타그램에서 새로운 할 일 추천 (2)
-
드로그 앤 드랍으로 할 일들의 위치를 자유롭게 변경
-
인스타그램을 이용한 할 일 추천
-
사용자가 지정해놓은 카테고리 명들을 기반으로 인스타그램에서 해시태그 검색
-
검색된 내용을 NER(https://github.com/eagle705/pytorch-bert-crf-ner) 이용하여 많이 나온 지명, 기관명을 뽑아낸다
-
이 중 한가지를 랜덤으로 뽑아서 할 일 추천
-
-
사용자가 지정해 둔 카테고리명만 이용하여 인스타그램에서 글을 검색 할지, 아니면 https://www.globing.co.kr/hash.html 를 이용하여 관련된 인기 해시태그들도 사용해 인스타그램에서 글을 검색할지
- 프론트는 리액트를 이용하며, axios를 이용하여 백엔드와 http 통신을 할 것입니다
- 백엔드는 django rest framework를 사용 할 것이며, 샐리니움을 이용한 편리한 크롤링과 쉽고 빠른 restful api 구현을 위해 선택하였습니다
- 데이터베이스는 보통 많이 이용되며, 익숙한 Mysql을 선택하였습니다
- 서버는 쉽고 빠르게 사용가능하며 안정적인 AWS EC2로 인스턴스를 분양받아 사용 할 예정입니다
- 회원가입 인풋박스만 두면 밋밋할 거 같아, 오른쪽에는 서비스에 대한 간단한 소개를 넣으면 좋을 것 같아 위와 같이 구상하였습니다
- 왼쪽은 카테고리, 가운데에는 투두리스트가 나오도록 구상하였습니다
- 투두리스트 밑의 색깔은 할 일을 분류하는 카테고리같은 역할로 쉽게 구분하여 볼 수 있도록 도와줍니다
- 일정 추가에 달력모양의 버튼을 클릭하면 일정의 날짜를, 삼색원을 클릭하면 일정의 카테고리를 설정 할 수 있습니다
- 일정을 클릭하면 아래에 메모지가 보여집니다
- 메모지에는 그 일정과 관련한 메모를 자유롭게 할 수 있습니다
- 할 일 추가에 달력 모양을 클릭하면 위와같이 달력이 나와서 해당 일정의 날짜를 선택 할 수 있습니다
- 할 일 추가의 삼색원을 클릭하면 카테고리 목록들이 표시되고, 선택한 카테고리의 색이 표시되게 됩니다
- 마이페이지에서는 비밀번호 변경 및 카테고리 설정이 가능합니다
- 카테고리 설정같은 경우는, 색 변경은 불가능하고 각 색상이 의미하는 카테고리 내용만 변경 할 수 있습니다
-
로그인을 한 뒤에 메인 페이지를 볼 수 있습니다
-
메인페이지는 크게 3개의 부분으로 나누어지며, 왼쪽은 카테고리를 가운데는 할 일 목록을 오른쪽에는 랜덤박스가 보여집니다
-
오른쪽의 랜덤박스를 클릭하면 사용자가 카테고리로 설정해놓은 해시태그를 이용하여 인스타그램 크롤링을 통해 할 일을 추천해주게 됩니다
❓ 유저의 맞춤형 태그를 통해 인스타그램에서 새로운 할일을 추천이 무슨 뜻인지를 잘 이해하지 못하여, 상의 끝에 위와 같이 설정을 하게 되었습니다
❓ 사용자가 설정해놓은 카테고리 명을 유저 맞춤형 태그라고 생각하여, 이를 기반으로 할 일을 추천하는 것이 맞는 기획인지 아직도 의문이 많이 있습니다
-
마이페이지에서는 비밀번호 변경와, 카테고리에서 색 별로 카테고리 명을 설정할 수 있도록 합니다
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent