Big Cat Rescue.
고양잇과 맹수를 구조, 사육하는 빅 캣 레스큐의 웹사이트입니다. 블로그, 인기투표, 챗봇 Q&A, 북마크, 크롤링, 관리자 페이지 등의 기능을 제공합니다.
개발언어: Python, HTML/CSS/JS
개발도구: Eclipse, Sqlite3, BeautifulSoup4, Disqus, Dialogflow
소스코드: https://github.com/hangy3olchoi/BigCatRescue
화면구현.
Layout.
웹사이트의 전체적인 Layout입니다. 세부 메뉴창들도 아래의 스크린숏과 같은 Layout을 적용하여 개발하였습니다.
기능구현.
로그인(아웃)/회원가입.
회원가입.
회원가입 기능입니다.
회원가입 시 비밀번호는 8자리 이상이어야 합니다.
비밀번호는 암호화되어 DB에 저장됩니다.
로그인.
로그인 기능입니다. 로그인에 성공하면, navbar 우측 상단 드롭다운 메뉴창에 아이디가 표시되며 세부 메뉴가 변경됩니다.
로그인 이전.
로그인 후.
로그아웃.
로그아웃 기능입니다.
비밀번호 변경.
비밀번호를 변경하는 기능입니다.
비밀번호는 8자리 이상인 것으로만 변경이 가능합니다.
블로그.
게시글 등록 및 상세조회.
블로그에 새로운 글을 등록하는 기능입니다.
1 페이지당 10개의 게시글이 표시되게 설정해 두었습니다.
상단부에 이전/다음 게시글의 제목을 클릭하면 해당 페이지로 이동합니다.
댓글.
조회한 게시글에 댓글을 작성하는 기능입니다. Disqus를 활용하였기 때문에 댓글의 수정, 삭제는 물론 제공되는 다양한 부가기능을 사용할 수 있습니다.
게시글 수정.
게시글을 수정하는 기능입니다. 본인이 작성한 글만 수정이 가능합니다.
게시글 삭제.
게시글을 삭제하는 기능입니다. 본인이 작성한 글만 삭제가 가능합니다.
사진앨범.
사진앨범 상세조회.
사진앨범과 개별 사진을 선택하여 조회할 수 있는 기능입니다.
사진앨범 및 사진 추가.
사진앨범과 해당 앨범에 속한 사진을 한 번에 추가하는 기능입니다.
기존에 생성한 앨범에 사진만 별도로 추가할 수 있습니다.
사진앨범/사진 수정.
사진앨범과 사진을 한 번에 수정하는 기능입니다.
개별 사진에 대해서도 수정 작업을 할 수 있습니다.
앨범은 수정하지 않고 사진 자체만 변경하는 case1입니다.
앨범과 사진을 모두 수정하는 case2입니다.
앨범만 수정하고 사진은 하지 않는 case3입니다.
사진앨범/사진 삭제.
앨범을 삭제하는 기능입니다. 앨범에 속한 사진도 함께 삭제됩니다.
개별 사진을 삭제하는 기능입니다.
인기투표.
빅 캣 레스큐에서 실제로 보호하고 있는 동물들로 구성된 인기투표하는 기능입니다. 투표 결과는 득표수를 기준으로 내림차순 정렬하였습니다.
Q&A.
Dialogflow를 활용해 머신러닝 한 챗봇이 답변해 주는 기능입니다.
즐겨찾기.
즐겨찾기 기능을 제공합니다.
(등록, 수정, 삭제는 Blog와 Phot 탭과 동일한 방식으로 처리됩니다. 분량 관계상 제외한 점 양해 부탁드립니다.)
크롤링(구글 이미지 검색).
사용자가 입력한 키워드를 구글 이미지에서 검색한 결과 중 상위 20개를 가져와 표시해 주는 기능입니다. 사진을 클릭하면 해당 페이지로 이동합니다. BeautifulsSoup4를 활용하였습니다.
구글 이미지 검색 결과와 비교한 영상입니다.
관리자 페이지.
앞서 소개 드린 기능들을 관리할 수 있는 관리자 페이지입니다. 사용자부터 게시글에 작성한 태그까지 모든 내용을 조회, 수정, 삭제할 수 있습니다.(중복되는 부분이 많아 간략한 영상만 준비하였습니다.)
기타.
아카이브.
작성된 모든 블로그 글을 기간별로 정리해서 확인할 수 있으며, 클릭 시 해당 게시글로 이동합니다.(현시점까지의 모든 글, 연도별, 월별)
검색.
블로그에 작성된 게시글 중 사용자가 입력한 키워드를 포함하는 글을 검색해 주는 기능입니다.
