4일차 회의록 (10월 31일)

회의 기록

오늘 아젠다

• 기획 공유 관련 목차 & 내용 설정

서비스의 주요 목표 및 핵심 기능과 선정 이유를 Feature List 및 프로덕트 backlog를 중심으로 발표합니다.

기능 별 완성도 기준이 있다면 포함하여 소개합니다.

팀 빌딩 및 그라운드 룰에 대해 소개해도 좋습니다.

• 발표 순서
  • 현준→성민→예원→동준→서진
  • 최종은 나중에 고려해봅시다!

그라운드 룰

• 위키에 있는 내용 중 특색있는 일부 내용 가져오면 될 듯
• ↻ 코드 리뷰 & 머지
  • 같은 분야의 캠퍼가 모두 승인한 후 머지합니다 (일단 시도해보고, 필요에 따라 나중에 변경합니다.)
  • Pn 룰을 적극 활용합니다: [코드 리뷰 in 뱅크샐러드 개발 문화 | 뱅크샐러드](https://blog.banksalad.com/tech/banksalad-code-review-culture/)
• 📝 문서화
  • Github Wiki
  • Github Issue

서비스의 목표

• 페이지(노트) 간 관계에 대한 시각화
• → 사용자가 지식 관리 측면에서 상당한 편의성을 느낄 수 있도록 함
• → 회의, 스크럼, 스터디, 팀프로젝트 등 문서가 필요한 다양한 협업 활동 강화

주제 선정 이유

• 기존 문서 관리 서비스의 부족한 기능에 대한 불만
  • 노션 → 페이지의 관계에 대한 시각화의 부재
  • 옵시디언 → 협업 툴로 활용하기 힘듦 & 페이지 연관관계 만들기가 불편, 직관적이지 않음
• 스프린트 마다 발전시킬 수 있는 여지가 많은 주제
• 프로젝트 기간 종료 후에도 무궁무진한 확장성
• 팀원 모두의 관심과 재미를 고취시킬 수 있는 주제
  • 여러 분야에 대한 다양한 도전

프로덕트 백로그

에픽 당 사진 1개, 핵심 스토리 2개 설명

페이지 편집

[사진]

• 사용자가 메인 페이지에 접속할 수 있다.
• 접속한 사용자는 왼쪽 사이드바에서 페이지 목록을 볼 수 있다.
• 사용자가 왼쪽 사이드바에서 페이지를 클릭 시 포커스 해준다.
• 사용자가 노드를 클릭하면 오른쪽에 수정 가능한 페이지를 띄워준다.
• 사용자가 페이지를 수정할 수 있다.
• 사용자가 페이지를 추가할 수 있다.
• 사용자가 페이지에 마크다운 문법에 맞는 텍스트를 추가할 수 있다.
• 사용자가 페이지를 삭제할 수 있다.
• 사용자가 페이지를 작성 시 자동으로 저장된다.

---

노드 관계

• 사용자가 캔버스에 있는 노드들을 자유롭게 서로 연결할 수 있다.
• 사용자가 캔버스를 확대, 축소하며 노드들을 볼 수 있다.
• 사용자가 드래그앤드롭으로 캔버스를 움직여 노드들을 볼 수 있다.
• 사용자가 노드를 연결하면 노트에 백링크가 추가된다.

---

실시간 동시 편집

• 접속한 사용자는 해당 캔버스를 동시에 사용할 수 있다.
• 접속한 사용자는 노트 편집기를 동시에 사용할 수 있다.
• 어떠한 사용자가 노트를 편집 중이면 편집 중인 표시를 노트와 노드에 띄워준다.
• 노드에서 다른 사용자의 커서와 닉네임을 볼 수 있다.
• 노트에서 다른 사용자의 키보드 커서와 닉네임을 볼 수 있다.

---

노드 응용 기능

• 사용자는 노드의 색상과 크기를 커스텀할 수 있다.
• 사용자는 엣지의 색상과 형태를 선택할 수 있다.
• 사용자가 생성한 노드간의 엣지가 노드를 지날 경우 노드를 가리지 않는다.
• 사용자는 노드마다 태그를 붙일 수 있고 태그로 검색할 수 있다.
• 사용자는 노드의 미리보기에 들어갈 내용을 편집할 수 있다.
• 사용자는 페이지 안에서 노드의 미리보기에 보일 내용 / 이미지를 추가할 수 있다.
• 사용자는 노드의 제목 혹은 내용으로 검색할 수 있다.

스프린트 백로그

기술적 챌린지

기술적 근거

• 그래프, 텍스트 편집 기능을 위해 사용할 라이브러리의 소켓 사용 여부 확인
• 소켓을 통한 커서, 실시간 텍스트 편집 프로토타입 제작

liveshare-demo.mov

질문