https://memoleaf.vercel.app/

https://github.com/HORONGSTAR/MEMOLEAF

2025년 6월 1일부터 Vercel을 통해 배포 중입니다.

프로젝트 주제

사용자가 부담없이 사용할 수 있는 SNS형 메모 플랫폼입니다. SNS의 사회적 기능과 개인 메모 플랫폼의 기능을 자연스럽게 결합한 서비스 구조를 설계했습니다. 공개/비공개 글 관리, 개인적인 메모와 소셜 상호작용의 균형을 맞춘 UX를 구현했습니다.

시연 영상

https://youtu.be/ZBteXQnmNUg?si=RCZmiC9Kf-_vcOie

기능 정의서

Depth 기능명 주기능 상세기능 사용자 필수 입력값
홈 화면 로그인 소셜 로그인 + 최초 로그인시 회원가입 처리 구글 · 카카오 · 네이버 중 선택
메모 등록 신규 메모 작성 + 기존 메모 수정 본문 내용
이미지 업로드 + ATL 작성 필드 제공 이미지 파일 (4개 까지)
확장 기능 추가 덧붙임 (부연설명 입력필드 제공) 부연설명 내용
접힌글 (본문을 접어서 게시) 접힌글 열기 버튼 라벨 명
감추기 (비밀번호를 통한 비공개) 비밀번호 (초기값 제공)
댓글 등록 신규 댓글 작성 + 기존 댓글 수정 본문 내용
북마크 북마크 추가 + 북마크 해제
메모 상세 스레드 스레드 작성 기존 메모에 이어지는 메모 작성 본문 내용
마이페이지 프로필 수정 프로필 수정 프로필 사진 이미지 파일
업로드 사용자 이름 변경 변경할 이름
자기 소개 변경 자기 소개 내용
팔로우 유저 팔로우 + 유저 언팔로우
검색 검색 게시글 검색 + 유저 검색 검색 키워드
설정 계정 관리 계정 삭제 + 메모 일괄 삭제

작업 기간

연도 · 월 시작일 종료일 작업 기능 · 화면 전체 작업 내역
2025년 4월 28일 30일 소셜 로그인 재사용할 컴포넌트 (메모 컨텐츠 카드) 구현
2025년 5월 01일 08일 메모 등록 이미지 업로드 · 확장기능 구현 · UI뼈대 구축
09일 10일 상세페이지 스레드 기능 구현
11일 12일 마이페이지 프로필 수정 구현 및 내 메모 · 북마크 · 팔로워 보기 탭 구현
13일 14일 댓글, 북마크 메모 컨텐츠 카드에 댓글 및 북마크 버튼 추가
15일 15일 검색 화면, 팔로우 커서 기반 페이지네이션 · 무한 스크롤로 변경
16일 18일 빌드 임시 배포 · 디버깅
19일 20일 계정 삭제 스크린 리더 테스트 · 이미지 클라우드 연결
23일 23일 불필요한 라이브러리 정리 · 번들 최소화
24일 - 새로운 기능 추가 유저페이지에 고정글을 작성할 수 있는 노트 기능 추가
- 31일 커넥션풀 최적화 CRUD 명령 최소화를 위한 낙관적 업데이트 도입
2025년 6월 1일 2일 배포 완료 DB공급자 Supabase → Prisma postgres로 변경

화면 설계

https://www.figma.com/design/GDTykGZiEwqElJP6HfBVIo/MEMOLEAF?node-id=0-1&t=mq0ni9yI0epnZz57-1

Section 1.png

ERD

https://www.erdcloud.com/d/5WrwnTEr7xiD7rAPY

image.png

아키텍쳐 다이어그램

Desktop - 1.png