[2025 상반기] 🪴식집사들 - 웹앱 반려식물 관리 서비스 제작

💻 백엔드 코드 구현 보러가기

현대 사회에서 반려식물은 실내 공기 질을 개선하고 심리적 안정감을 주는 등의 효과로 인기를 얻고 있다. 식물 관리 시스템은 초보자도 쉽게 반려식물을 돌볼 수 있도록 도움을 제공할 수 있다. 따라서 본 프로젝트는 반려식물 관리에 적용되는 기술을 체계적으로 분석하는 것을 목표로 한다. 이를 통해 식물 관리 시스템을 이용하여 식물 상태를 파악하고 관리할 수 있는 웹 사이트를 제작하는 것이 이 프로젝트의 목표이다.

---

프로젝트 개요

개발 기간 2025.01 ~ 2025.02 (2개월)

플랫폼 Web

개발 인원 3명 (백엔드2 / 프론트엔드1)

담당 역할 - 백엔드 • 로그인 및 회원 관리 (기여도 100%)
• 마이페이지 웹서버 구현 (기여도 100%)
• 서비스 기획 및 방향성 설정 (기여도 80%)

🔒개발 환경

언어 JavaScript (ES6+)

서버 Node.js (v16+)

프레임워크 Express.js

DB SQLite (각 파일 기반 DB)

IDE Visual Studio Code

라이브러리 cors, express-session, sqlite3, pug

---

API 명세서

📝 API 명세서

섹션	Method	URL	기능/설명
로그인	GET	/	기본 로그인 화면
로그인	POST	/signup	회원가입
로그인	POST	/login	아이디,비번 입력
로그인	POST	/IDfind	아이디 찾기
로그인	POST	/pwfind	비밀번호 찾기
마이페이지	GET	/mypage	기본 정보 조회/메인 화면
마이페이지	GET	/diary	내가 쓴 글 목록 조회
마이페이지	GET	/diary/:id	내가 쓴 특정 글 상세 조회
마이페이지	GET	/scraps	스크랩한 글 목록 조회
마이페이지	GET	/scraps/:id	스크랩한 글 상세 조회
마이페이지	GET	/comment	내가 쓴 댓글 목록 조회
마이페이지	GET	/comment/:id	내가 쓴 댓글 상세 조회
마이페이지	POST	/write	글 작성

🌐 커뮤니티 API 명세서

섹션	Method	URL	기능/설명
홈페이지	GET	/plantowner	메인 페이지
커뮤니티	GET	/plantowner/community/:boardId	자유게시판으로 이동
커뮤니티	GET	/plantowner/community/:boardId/board?page=:n	페이지 이동
커뮤니티	GET	/plantowner/community/:boardId/:postId	게시글 열람
커뮤니티	GET	/plantowner/community/serch?query=:keyword	게시글 검색
커뮤니티	GET	/plantowner/community/post/draft/:draftId	임시 저장글 불러오기
커뮤니티	POST	/plantowner/community/:boardId/write	새 글 작성
커뮤니티	POST	/plantowner/community/:boardId/:postId/scrap	스크랩 저장/삭제
커뮤니티	PUT	/plantowner/community/edit/:postId	게시글 수정
커뮤니티	PUT	/plantowner/community/post/draft/:draftId	임시 저장글 저장
커뮤니티	DELETE	/plantowner/community/post/:postId	게시글 삭제
커뮤니티	DELETE	/plantowner/community/:boardId/:postId/comment/:commentId	댓글 삭제

---

🌿 식집사들 페이지별 기능 분석

---

---

웹 페이지 디자인 기획

홈페이지

챗봇 단어를 클릭하면 식물 질병 진단 챗봇으로 이어지며, 현재 기분에 해당하는 단어를 클릭하면 식물과의 대화 페이지로 이동한다.

---

로그인 / 회원가입 / 비밀번호 & 아이디 찾기

---

커뮤니티

추천글: 글을 올린 시점부터 일주일 간 추천글 후보에 들어갈 수 있다.

공감 5개 이상이면 추천글에 등록

• 최대 3개 글만 추천 글
• 더 높은 공감 수가 추천글에 등록되면 갱신
• 동일하다면 더 최신 글로 갱신
• 추천글에 최장 3일간만 있을 수 있다.

---

글 보기

글쓴이일 경우 수정과 삭제 버튼이 추가로 보이며, 댓글 작성자일 경우 자신이 쓴 댓글에만 삭제 버튼이 보인다.
공감 버튼을 클릭하면 하트가 붉게 칠해지고 공감 수가 1 올라간다.
다시 한 번 누르면 최소가 가능하다.
공유 버튼을 누르면 해당 글의 링크가 복사된다.
댓글을 쓰고 “댓글 쓰기” 버튼을 누르면 쓴 댓글이 추가된다.
이전과 다음 버튼을 누르면 해당 글 번호 -1, 번호 +1의 글로 이동한다.
신고를 누르면 브라우저 내 경고창(alert)이 뜨고, 취소 버튼을 누르면 취소된다.
-> 직접 운영하게 될 때에는 사유를 받아야 하며, 운영진이 직접 확인할 수 있도록 추가 구현이 더 필요하다!

---

마이페이지

마이페이지 기본 화면이다. 왼쪽 섹션에는 사용자 정보와 커뮤니티, 출석을 확인할 수 있다.
보관함에는 과거에 키웠던 식물 목록이 뜬다.
식물 사진 아래에는 글을 등록했던 날짜도 같이 표기된다.
왼쪽 커뮤니티 섹션의 내가 쓴 글 메뉴를 클릭하면 다음과 같이 현재 선택한 메뉴에 음영이 생긴다.
오른쪽 섹션에는 내가 쓴 글, 내가 쓴 댓글, 스크랩한 글 탭이 위에 뜨며, 마찬가지로 현재 선택한 탭 메뉴 글씨 색이 바뀐다.
탭 메뉴로 쉽게 이동 가능하다.
체크 박스를 선택해서 글을 삭제할 수 있고 글쓰기 버튼을 누르면 커뮤니티 글 작성 페이지로 바로 넘어가도록 설정했다.

---

챗봇

---