1. 프로젝트 명
짤방못잃어(Cantlosememe)
2. 소개
개발자들은 대화를 할 때 유독 짤방을 많이 이용하는 것 같습니다. 다만 때때로 복사 붙여넣기 할 짤방을 찾고 검색하는데 필요 이상의 시간이 들 때가 있는데요. '짤방못잃어'는 태그 기능을 제공하여 보다 쉽고 편리하게 짤방을 저장하고 공유할 수 있게끔 도와주는 플랫폼입니다.
3. 와이어 프레임
3-1. 로그인 페이지
- 아이디, 패스워드 입력 (로그인 페이지에서 회원가입 페이지와 비밀번호 찾기 화면으로 이동가능)
- 카카오 API를 통한 로그인
- header 적용
로그인 기본틀 (스타일 추후 적용)
login.html
| 구분 | 기능 | Method | url | request | response | 담당자 |
|---|---|---|---|---|---|---|
| 로그인 | 로그인 성공 시 메인 페이지 이동 | POST | /sign-in | {’id’ : id, | ||
| ’pw’ : pw} | 쿠키 생성 | 이동재 | ||||
| 카카오 로그인 | 카카오 정보를 이용 로그인 | |||||
| (카카오 API 스터디 필요) | 김민수 |
3-2. 회원가입 페이지
- 닉네임, 아이디, 패스워드, 이메일 정보 수집
- 카카오 API 이용 회원가입
- header 적용
회원가입 기본틀 (스타일 추후 적용)
join.html
| 구분 | 기능 | Method | url | request | response | 담당자 |
|---|---|---|---|---|---|---|
| 가입하기 | 중복 확인 후 성공시 메인 페이지로 이동 | |||||
| (자동 login or not?) | POST | /sign-up | {’nick’ : nick, |
‘id’ : id,
’pw’ : pw} | users DB에 저장 | 이동재 |
| 카카오로 회원가입 | 카카오 정보를 이용 회원가입
(카카오 API 스터디 필요) | | | | | 김민수 |
3-3. 목록 페이지(메인 페이지)
기본 페이지는 https://jjalbang.today/ 과 동일하게 구성추가적으로 필요한 기능으로 chrome extension 과 같이, 검색어(태그)를 바로 검색해 결과를 나와주게 할 수 있게 만들거나 그에 상응하는 기능 필요.
index.html
| 구분 | 기능 | Method | url | request | response | 담당자 |
|---|---|---|---|---|---|---|
| 로그인 | 로그인 페이지 이동 | /login | ||||
| 로그아웃 | 로그인 정보 삭제 | / | 쿠키 삭제 | |||
| 회원가입 | 회원가입 페이지 이동 | /join | ||||
| 회원수정 | *회원정보 수정 | |||||
| my짤 | *협의 필요 |
즐겨찾기 페이지 이동
or
리스트 새로고침 | GET | /posts/mine | | users DB에 저장된 짤 넘버 조회하여 리스트로 전달 | |
| 업로드 | 모달을 사용해 팝업 창 띄움. 실질적인 이미지가 아닌 주소만 올리는 것으로. | POST | /upload | | | |
| 사이트
이름 | 메인페이지 이동 | | / | | | |
| #태그 | 태그와 일치하는 짤 요청 | GET | /posts/tag | {’tag’ : tag} | posts DB에서 tag가 일치하는 짤 리스트 전달 | |
| 검색창 | 검색어와 태그가
일치하는 짤 요청 | GET | /posts/search | {’keyword’ : keyword} | posts DB에서 tag가 일치하는 짤 리스트 전달 | |
| 이미지 리스트 | 페이지 불러올때 posts DB읠 짤 리스트 출력
(최신순) | | | | | |
| 이미지 클릭 | 1. 조회수 up
2. 상세페이지(모달)참조 | POST | /posts/hit-up | {’num’ : num} | posts DB에서 일치하는 짤 찾아 hit up | |
3-4. 상세 페이지
index.html(modal)
| 구분 | 기능 | Method | url | request | response | 담당자 |
|---|---|---|---|---|---|---|
| 조회수 | 해당 짤의 hit 포인트 출력 | |||||
| 좋아요 | 좋아요 or 취소 | POST | /posts/like | {’num’ : num} | posts DB의 like에 user 정보 추가 or 삭제 | |
| 짤줍 | 즐겨찾기 저장 기능 | POST | /posts/save | {’num’ : num} | users DB 의 현재 접속 id를 찾아 num 저장 | |
| 다운로드 | *스터디 필요 | |||||
| 태그표시 | 관련 태그 출력 | |||||
| 공유기능 | *스터디 필요 |
4. Database 구성
4-1. users
| key | Data Type | 내용 / 비고 |
|---|---|---|
| id | String | 아이디 정보 / 4~12자리 영문, 숫자만 사용 가능 |
| pw | String | 비밀번호 정보 / 8~16자리 영문, 숫자 조합 필수 |
| nick | String | 회원 이름 / 20 byte 제한 |
| String | 이메일 주소 / 40byte 제한 | |
| post_num | Set(HashSet) | 줍줍한 짤 저장 |
4-2. posts
| key | Data Type | 내용 / 비고 | |
|---|---|---|---|
| post_num (index key) | Integer | 게시글 고유 번호 | |
| id | String | 작성자 ID 정보 | |
| nick | String | 작성자 이름 | |
| tag | Set(HashSet) | 게시글 파일의 태그 / 20 byte 제한 | |
| file | String | 이미지 저장 파일 | |
| url | String | 이미지 링크 | |
| date | String | 작성 날짜 | |
| hit | Integer | 조회수 | |
| like | Set(HashSet) | user id 저장 |
5. 필요한 라이브러리
- PyJWT (설치)
- certifi (설치)
- pymongo (설치)
- flask (설치)
- dnspython (설치)
- requests (설치)
- datetime (설치)
Elastic Search?- jinja2
- ajax
