발표 대본

피드백

병선
- 목차 하위까지 말하기
- 플로우차트 우리는 아는 내용이니까 들리고 다른 사람은 모를 수도 있다. 이거 관련해서 생각해봐야함
소영
- 기획배경 포인트를 주면 좋겠다. (저희가 프로젝트를 기획하게 된 배경은 다음과 같습니다.)
- 플로우차트 멘트 수정이 필요할 것 같다.
태린
- 프로젝트명 -> 프로젝트 로 바꾸기
- 기획배경: 설명보다는 상황에 이입할 수 있게
  - e.g.
연주
- 기획배경.. 흐름과 왜 필요한지 어필이 안 됨
- 플로우차트 - 주요 서비스에 대해 플로우 차트를 구성해봤습니다.
- 다음은 시장조사입니다 보다는 관련 시장에서 대표적인 서비스를 살펴보았습니다. 이런 말이면 좋을거같은데..
- 무엇인가 강조할 부분을 잡고 말하기 뭔가 강조점이 없어서 전달력이 떨어지는 것 같음.
- 개발 일정 좀 더 설명해도 좋을 것 같음
- 우선순위로 나눠 일정을 작성
  서비스를 분리해서 우선순위가 높은 서비스를 시작으로 개발을 시작한다. 서버 개발자가 3명은 각 기능을

안녕하세요 1조의 발표를 맡게 된 조성원입니다. 1조 프로젝트인 LiveMD 발표 시작하겠습니다.

기획 배경

LiveMD는 실시간으로 소통이 가능한 real time collaboration markdown editor입니다.

저희가 프로젝트를 기획하게 된 배경은 다음과 같습니다.

일반적으로 온라인 회의는 이렇게 진행되죠.

실시간 의사소통을 위해 줌을켜고, 회의록 작성을 위해 구글독스를 사용합니다.

이렇게 많은 도구들을 사용하는 것이 불편하지 않으셨나요?
LiveMD는 이러한 불편함을 해결하기위해 만들어졌습니다.

LiveMD를 소개드리겠습니다.

LiveMD는 실시간 협업 마크다운 에디터에 실시간 커뮤니케이션 기능을 제공하는 서비스입니다.
실시간 협업 에디터 서비스는 무엇일까요?
실시간 협업 에디터 서비스란 ~
그럼 실시간 커뮤니케이션 서비스는 무엇일까요?
실시간 커뮤니케이션 서비스란 ~

시장조사

다음은 시장조사입니다.
앞서 말했듯이 Live MD는 협업에 초점을 맞춘 서비스입니다. 우선 협업 도구 시장 동향을 살펴보겠습니다.
코로나 19의 장기화로 인해 재택근무가 본격화 되면서 업무 툴과 관련한 서비스의 수요가 증가하고 있습니다.

실시간 협업도구의 사용자 또한 가파르게 증가하고 있습니다.

이처럼 언택트 시대에 발맞춘 서비스의 수요가 나날히 증가하여 미래에 유망한 시장임을 알 수 있습니다.

14p?

타 서비스 비교 분석

LiveMD와 비슷한 기능을 제공하는 서비스를 비교 분석해보았습니다.

타이포라는 마크다운 에디터로 마크다운 작성만 가능하며 공동 편집, 실시간 의사소통이 불가능합니다.

구글 독스는 문서 공동 편집이 가능하지만 마크다운 편집 기능은 제공하지 않으며 실시간 의사소통 기능은 채팅만 제공하고 화상기능은 없습니다.

다음은 hackMD라는 실시간 협업 에디터인데요. 핵 앰디는 문서 공동 편집과 마크다운 기능을 제공하지만 실시간 커뮤니케이션 기능은 제공하지 않습니다.

줌 같은 경우 실시간 의사소통 기능만 제공하며 에디터 기능은 제공하지 않습니다.

LiveMD는 문서 공동 편집에 실시간 의사소통 기능을 추가하여 다른 유사 서비스들 보다 경쟁력을 갖추고자 합니다.보시다시피 livemd는 기존에 나와있는 서비스들의 장점만 모았습니다.

핵심 기능 및 적용 기술

다음은 핵심 기능 및 적용 기술입니다.

핵심기능 첫 번째는 마크다운 문법 지원입니다.

마크다운 에디터는 nhn에서 개발한 toast ui editor 오픈소스를 이용할 계획입니다. toast ui editor는 문서 편집을 위한 자바스크립트 라이브러리로 마크다운 에디터를 제공합니다.

핵심 기능 두 번째는 문서 공동 작성 기능입니다.
문서 공동 작성 기능은 yjs 라는 CRDT
프레임워크 오픈소스를 이용하여 구현할 계획입니다. 여기서 CRDT는 conflict free replicated data types 으로 실시간으로 분산되어있는 문서 데이터들의 정합성을 유지시킬 수 있는 자료구조입니다.

핵심 기능 세번째는 실시간 의사소통 기능입니다.

저희는 WebRTC를 이용하여 실시간 의사소통 기능을 구현할 계획입니다. WebRTC란 web real-time communication으로 하는 자바스크립트 api입니다. webrtc를 이용하면 유저들끼리 실시간으로 비디오 및 음성 데이터를 고받을 수 있습니다.

플로우차트

다음은 LiveMD의 주요 서비스에 대해서 플로우차트를 구성해보았습니다.
livemd는 로그인 및 회원가입, 팀관리 … 실시간 커뮤니케이션으로 크게 4 가지 파트로 구성되어 있습니다. 우선 첫 번째 파트인 로그인 및 회원가입에 대해 알아보겠습니다. LiveMD 회원가입 및 로그인을 하고 개인 워크스페이스나 또는 팀을 생성한 뒤 팀 워크스페이스에서 문서를 생성할 수 있습니다. 문서를 동시적으로 작성한 뒤 저장 버튼을 눌러 문서를 저장할 수 있고 문서의 히스토리를 열람하여 과거에 작성햇던 문서로 다시 돌아갈 수 있습니다. 실시간으로 문서를 작성하면서 화상 회의나 채팅 기능을 사용할 수 있습니다.

서비스 개발 계획

다음은 서비스 개발 계획입니다.

9월 3주차부터 Livemd 기획을 시작했으며 개발 부분은 서비스를 분리하여 우선 순위가 높은 서비스부터 차례대로 일정을 잡았습니다.

저희의 목표는 우선 10월 안으로 msa 아키텍쳐 적용 없이 핵심 서비스들을 우선 구현해본 다음 11월 부터 msa 아키텍쳐를 적용해보려 합니다.

다음은 저희 팀의 협업 방식입니다. 우선 애자일 스크럼을 이용하여 프로젝트를 진행할 것이며 현재 회의록 및 프로젝트에 필요한 자료 조사들은 깃헙 이슈에 남겨 저희가 어떻게 프로젝트를 진행해왔는지 기록하고자 합니다.

마무리

네 여기까지 저희 Livemd의 기획안이었습니다. 혹시 질문 있으신가요?

네 그럼 livemd 발표 마치겟습니다 감사합니다

발표 대본

피드백

목차

기획 배경

시장조사

타 서비스 비교 분석

핵심 기능 및 적용 기술

플로우차트

서비스 개발 계획

마무리

Read more

LiveMD 면접준비 (2021.04.01)

CS Note

LiveMD 면접준비 (2021.04.01)

webrtc 관련 자료