SidequestLab
목록으로

노트 코드 하나로 시작하는 실시간 협업, LiveNote

6자리 코드만 있으면 누구나 참여할 수 있는 실시간 협업 노트 앱 LiveNote를 소개합니다. 복잡한 회원가입 없이 바로 시작하는 새로운 협업 경험을 만나보세요.

협업, 더 쉽게 시작할 수 없을까?

팀 프로젝트나 모임에서 문서를 함께 작성하려면 회원가입부터 시작해야 합니다. 계정을 만들고, 이메일 인증을 하고, 멤버를 초대하고... 막상 문서 하나 작성하려는데 준비 단계만 10분이 넘게 걸립니다.

"그냥 코드 하나 공유하면 바로 시작할 수 있으면 안 될까?"

이런 고민에서 LiveNote가 탄생했습니다.

LiveNote란?

LiveNote는 6자리 코드만으로 시작하는 실시간 협업 노트 앱입니다. 복잡한 회원가입 없이, 노트 코드를 공유하면 누구나 즉시 참여할 수 있습니다.

간단한 회의록, 아이디어 브레인스토밍, 프로젝트 기획서 작성 등 빠른 협업이 필요한 순간, LiveNote와 함께하세요.

주요 기능

📝 리치 텍스트 에디터 (TipTap)

LiveNote는 TipTap 기반의 WYSIWYG 에디터를 탑재했습니다. 텍스트 편집기처럼 직관적으로 사용할 수 있습니다.

  • 텍스트 포맷팅: Bold, Italic, Strikethrough
  • 제목 스타일: H1, H2, H3 헤딩
  • 목록: 글머리 기호 목록, 번호 매기기 목록

복잡한 문서 편집 툴이 아닌, 필요한 기능만 담은 심플한 에디터입니다.

👥 호스트/게스트 역할 시스템

LiveNote는 호스트게스트로 역할이 나뉩니다.

  • 호스트: 노트 생성자, 제목 및 내용 편집, 게스트 권한 관리, 노트 삭제 권한
  • 게스트: 노트 참여자, 호스트가 허용하면 내용 편집 가능

호스트가 게스트의 편집 권한을 실시간으로 부여하거나 해제할 수 있어, 상황에 맞게 협업 범위를 조절할 수 있습니다.

🔐 비밀번호 보호

노트 생성 시 호스트 비밀번호게스트 비밀번호를 각각 설정합니다. 노트 코드를 알고 있어도 비밀번호를 모르면 접근할 수 없어 안전합니다.

🔄 실시간 동기화 (Supabase Realtime)

누군가 내용을 수정하면 모든 참여자의 화면에 즉시 반영됩니다. Supabase Realtime 기술로 실시간 협업 경험을 제공합니다.

화면 상단의 연결 상태 표시기로 실시간 동기화 연결 상태를 확인할 수 있으며, 자동 저장 상태도 함께 표시됩니다.

👀 실시간 참여자 목록

사이드바에서 현재 노트에 참여 중인 사람들을 실시간으로 확인할 수 있습니다. 닉네임, 역할(호스트/게스트), 온라인/오프라인 상태가 표시됩니다.

호스트는 참여자 목록에서 각 게스트의 편집 권한을 바로 켜고 끌 수 있습니다.

🔎 최근 노트 목록 및 검색

홈 화면에서 최근 접속한 노트 목록을 확인할 수 있습니다. 노트 코드나 제목으로 검색도 가능해 이전에 작업했던 노트를 빠르게 찾을 수 있습니다.

이렇게 사용해보세요

1. 노트 생성하기

홈 화면에서 **"새 노트 만들기"**를 클릭합니다. 노트 제목, 호스트 비밀번호(4자리), 게스트 비밀번호(4자리)를 입력하면 6자리 노트 코드가 자동으로 생성됩니다.

2. 팀원 초대하기

생성된 노트 코드게스트 비밀번호를 팀원에게 공유하세요. 카카오톡, 메신저, 이메일 어떤 방법이든 괜찮습니다.

3. 실시간 협업 시작

팀원이 노트 코드와 비밀번호를 입력하면 바로 참여할 수 있습니다. 호스트는 필요에 따라 게스트에게 편집 권한을 부여하거나 해제할 수 있습니다.

게스트가 편집 권한을 요청하면 호스트에게 알림이 표시되며, 호스트는 승인 또는 거부할 수 있습니다.

4. 자동 저장 확인

내용을 입력하면 자동으로 저장됩니다. 화면 상단에서 저장 상태와 마지막 저장 시간을 확인할 수 있습니다.

기술 스택

LiveNote는 최신 웹 기술로 구축되었습니다.

  • 프론트엔드: Next.js 16, React 19, TypeScript
  • 스타일링: Tailwind CSS 4
  • 에디터: TipTap (WYSIWYG)
  • 백엔드: Supabase (Cloud)
  • 실시간 동기화: Supabase Realtime
  • 배포: Vercel

앞으로의 계획

LiveNote는 빠른 협업에 필요한 핵심 기능만 담은 MVP입니다. 여러분의 피드백을 바탕으로 더 나은 협업 경험을 만들어가겠습니다.

실시간 협업 노트가 필요한 순간, 복잡한 준비 없이 코드 하나로 시작하세요.


👉 LiveNote 시작하기: https://livenote.vercel.app 💻 GitHub 저장소: https://github.com/namseokyoo/livenote