Skip to content

Latest commit

 

History

History
243 lines (174 loc) · 7.72 KB

File metadata and controls

243 lines (174 loc) · 7.72 KB

MEMME-FE

MemoryMe - Memme

MEMME 서비스 개념 가이드

이 문서는 MEMME 서비스의 목적과 구조를 처음 접하는 사람도 이해할 수 있도록 작성되었습니다.
개발자, 디자이너, 기획자 모두를 대상으로 합니다.


MEMME는 어떤 서비스인가요?

MEMME는 "나 자신과 대화하듯 생각을 기록하고, 나중에 정리하는" 개인 메모 앱입니다.

일상에서 이런 경험이 있을 것입니다:

지하철에서 갑자기 아이디어가 떠오른다.
친구에게 카톡을 보내듯 빠르게 적어두고 싶다.
그런데 나중에 보니 관련된 메모들이 여기저기 흩어져 있다.
정리하려니 어디서부터 시작해야 할지 모르겠다.

MEMME는 이 문제를 해결합니다.

먼저 빠르게 던지고, 나중에 정리한다.


핵심 개념 3가지

MEMME의 모든 기능은 세 가지 개념으로 이루어져 있습니다.


1. 메모 (Memo)

"일단 던져두는 한 줄 기록"

메모는 생각이 떠오른 순간 바로 입력하는 짧은 텍스트입니다.
카카오톡에서 나 자신에게 메시지를 보내는 것과 같은 느낌입니다.

예시:
  "코딩 공부하기"
  "결혼식 2월 31일 오후 12시"
  "내일 팀 발표 준비 마저 하기"

메모의 특징:

  • 입력창에 텍스트를 쓰고 전송하면 타임라인에 바로 쌓입니다.
  • 아직 정리되지 않은, 날 것 그대로의 기록입니다.
  • 나중에 보드로 변환하여 체계적으로 정리할 수 있습니다.

2. 보드 (Board)

"관련된 노트들을 묶는 주제 공간"

보드는 여러 노트를 하나의 주제 아래 모아두는 컨테이너입니다.
물리적인 비유로는 바인더 또는 폴더에 가깝습니다.

예시:
  [수학교육 과동아리]    ← 보드 제목
    설명: 동아리 관련 공지와 자료 모음
    태그: #동아리 #학교

보드의 특징:

  • 제목, 설명, 태그만 가집니다. 이미지나 파일을 직접 갖지 않습니다.
  • 보드의 역할은 "이 공간이 무엇에 관한 것인지"를 정의하는 것입니다.
  • 실제 내용은 모두 안에 있는 노트가 담당합니다.
  • 태그를 통해 나중에 검색하거나 카테고리별로 필터링할 수 있습니다.

3. 노트 (Note)

"보드 안에 속하는 실제 내용 단위"

노트는 보드 안에 들어가는 개별 내용 카드입니다.
텍스트뿐 아니라 이미지, 영상, 파일, 링크를 모두 담을 수 있습니다.

예시: [수학교육 과동아리] 보드 안의 노트들
  ├── 여름 MT            ← 텍스트 + 사진
  ├── 수학 모임 공지      ← 텍스트
  └── 참고 링크          ← 링크 + OG 미리보기

노트의 특징:

  • 반드시 하나의 보드에 속해야 합니다. 단독으로 존재할 수 없습니다.
  • 이미지, 영상, 파일, 링크 등 모든 미디어는 노트에 귀속됩니다.
  • 노트를 다른 보드로 이동시킬 수 있습니다.

세 개념의 관계

타임라인 (시간순 피드)
  │
  ├── 메모  ─────────────────────────────── 단독 존재
  │         "코딩 공부하기"                  보드로 변환 가능
  │
  └── 보드  ─────────────────────────────── 단독 존재
            제목 + 설명 + 태그              노트를 담는 컨테이너
              │
              ├── 노트 1 (텍스트 + 이미지)  보드 없이 존재 불가
              ├── 노트 2 (링크)
              └── 노트 3 (파일)

한 눈에 보는 비교표:

메모 보드 노트
단독 존재 가능 ❌ (보드 필요)
제목
태그
이미지·파일·링크
수정 가능

주요 사용 시나리오

시나리오 1: 빠른 메모 → 나중에 정리

상황: 버스에서 갑자기 아이디어가 떠오름

1. 앱 열기 → 입력창에 "앱 아이디어: 운동 루틴 자동화" 입력 → 전송
   (메모로 타임라인에 저장)

나중에 집에서:

2. 해당 메모 롱프레스 → "보드로 변환"
3. "새 보드 만들기" 선택
4. 보드 제목 입력: "앱 사이드 프로젝트"
   태그: #개발 #아이디어
   첫 번째 노트 이름: "운동 루틴 자동화"  ← 자동 채워짐
5. 저장 → 보드와 첫 노트가 생성됨

이후 관련 내용이 생길 때마다 보드에 노트를 추가:
   → "기술 스택 정리" 노트
   → "레퍼런스 앱" 노트 (링크 첨부)
   → "UI 스케치" 노트 (이미지 첨부)

시나리오 2: 외부 링크를 노트로 저장

상황: 유튜브에서 좋은 강의를 발견

1. 유튜브 앱 → 공유 → MEMME 선택
2. 앱 진입 시 헤더에 배지 표시 (1개 새 링크)
3. 배지 탭 → 인박스에서 링크 미리보기 확인
4. "기존 보드에 추가" 선택 → "스터디 그룹" 보드 선택
5. 노트 이름 입력: "리액트 강의"
6. 저장 → 링크가 "스터디 그룹" 보드의 노트로 저장됨

시나리오 3: 노트를 다른 보드로 이동

상황: "스터디 그룹" 보드의 "알고리즘 풀이" 노트가
      사실 "개인 공부" 보드에 있어야 할 것 같음

1. "스터디 그룹" 보드 진입
2. "알고리즘 풀이" 노트의 ··· 메뉴 → "다른 보드로 이동"
3. 보드 목록에서 "개인 공부" 선택 (최근 수정순 + 검색 지원)
4. 이동 완료

시나리오 4: 태그로 필터링

상황: #업무 태그가 붙은 보드들만 보고 싶음

1. 검색/필터 버튼 탭
2. 태그 "업무" 선택
3. 타임라인이 #업무 태그가 있는 보드들만 표시

링크 인박스란?

외부 앱(브라우저, 유튜브, 뉴스 앱 등)에서 공유 버튼을 눌러 MEMME로 보낸 링크는
즉시 게시물로 만들어지지 않고, 인박스에 임시 보관됩니다.

이 방식을 선택한 이유:

  • 링크가 자동으로 만들어지면 의도치 않은 내용이 타임라인에 쌓입니다.
  • 사용자가 직접 어느 보드에 어떤 이름으로 넣을지 결정해야 의미 있는 정리가 됩니다.
  • 인박스에서 한꺼번에 처리할 수 있어 흐름이 끊기지 않습니다.
외부 공유 → 인박스 보관 → 사용자가 처리 시 노트로 변환

용어 정리

용어 설명
메모 (Memo) 빠르게 입력하는 한 줄 텍스트. 타임라인에 표시.
보드 (Board) 노트를 묶는 주제 단위. 제목·설명·태그로 구성.
노트 (Note) 보드 안의 실제 내용. 텍스트·이미지·링크·파일 포함 가능.
인박스 (Inbox) 외부 공유로 들어온 링크의 임시 보관함.
태그 보드에 붙이는 검색·분류용 키워드.
타임라인 메모와 보드가 시간순으로 쌓이는 메인 피드.
북마크 자주 보는 메모·보드를 즐겨찾기로 표시. 사이드메뉴에서 모아볼 수 있음.

데이터 구조 다이어그램

User
 └── Timeline (시간순 피드)
       ├── Memo
       │     id, text, bookMark, createdAt
       │
       └── Board
             id, title, description, tags[], bookMark, createdAt, updatedAt
              └── Note[]
                    id, title, content
                    imageUris[], videoUris[], files[]
                    url, ogData

     PendingLink (인박스, 별도 관리)
       id, url, ogData, receivedAt