이제 원고에도 버전 관리가 생겼어요: 레이아웃 전면 개편과 편집기 수정 30가지까지

지난주에는 공개 공유, 표, 수식을 내놓았어요. 이번 주에는 처음부터 꼭 만들고 싶던 걸 만들었어요. 개발자가 아니라 작가를 위해 설계한 버전 관리예요. 여기에 레이아웃 전면 개편, 시작하기 안내, 그리고 소리 없이 사람들을 괴롭히던 편집기 문제 서른 가지쯤의 수정까지 더했어요.

마침내 초고에도 안전망이 생겼어요

작가라면 누구나 겁내는 상황이 있어요. 첫 챕터를 다시 썼는데, 이틀 뒤에 원래 버전이 더 나았다는 걸 깨닫는 거예요. 대부분의 글쓰기 도구에서는 너무 멀리 가지 않기를 빌며 실행 취소를 한 번씩 눌러 되돌아가는 수밖에 없어요. 아니면 1장 - v3 최종 (진짜 최종).docx 같은 이름으로 사본을 쌓아 왔을지도 모르고요. 다들 겪어 본 일이죠.

이제 Plotiar에 제대로 된 버전 관리가 있어요. 기능을 덜어 낸 자동 저장도, 서로 구분도 안 되는 시간 기록 목록도 아니에요. 이름 붙인 스냅샷, 대체 초안, 나란히 비교하기를 갖춘 진짜 버전 관리예요.

스냅샷은 원할 때마다 찍어 두는 프로젝트의 사본이에요. 챕터 하나를 끝냈다면 "7장 초고"라는 스냅샷을 찍어 두세요. 구조를 크게 뜯어고치기 직전이라면 스냅샷부터 찍으세요. 스냅샷은 프로젝트 전체의 상태를 담고 있고, 어느 스냅샷으로든 바로 되돌릴 수 있어요.

초안은 프로젝트 전체의 평행 버전이에요. 본 원고는 건드리지 않고 전혀 다른 결말을 시험해 보고 싶다면 초안을 만드세요. 초안은 본 버전 옆에 나란히 있는 완전한 사본이고, 언제든 둘 사이를 오갈 수 있어요. 이름을 바꾸고, 잘 안 된 초안은 지우고, 잘된 초안은 남겨 두세요.

비교에서는 아무 버전 두 개를 나란히 놓고 정확히 무엇이 바뀌었는지 볼 수 있어요. 스냅샷 두 개든, 초안 두 개든, 하나씩이든 고르면 모든 콘텐츠에서 추가, 삭제, 수정된 부분을 또렷하게 보여 줘요. 변경 사항을 다시 가져오고 싶을 땐 병합 도구가 대신 합쳐 줘요.

스냅샷 트리는 초안들이 어떻게 갈라져 나왔는지, 어느 스냅샷이 어디에 있는지, 프로젝트가 실제로 어떤 길을 걸어왔는지 한 장의 지도로 보여 줘요. 별로 한 게 없다 싶은 날에도 지금까지 얼마나 많은 걸 해 왔는지 깨닫게 해 주는 화면이에요.

무료 플랜에서는 초안을 두 개까지 만들 수 있어요. Pro 플랜은 무제한이에요.

글 쓸 공간을 더 넓게

상단 내비게이션 바를 아예 없앴어요. 사용자 메뉴, 알림, 지금 접속한 공동 작업자는 이제 사이드바 맨 아래에 방해되지 않게 깔끔히 들어가 있어요. 데스크톱에서는 화면 높이 전체를 글쓰기에 쓸 수 있어요. 세로 공간 한 픽셀 한 픽셀이 모두 내 것이에요.

모바일에서는 꼭 필요한 것만 담은 얇은 헤더가 그 자리를 대신해요.

어느 페이지에서나 밀어서 여는 오른쪽 패널도 생겼어요. 콘텐츠 세부 정보, 메타데이터, 스냅샷, 노트, 프로젝트 정보가 모두 여기 있어서, 하던 작업을 떠나지 않고 열어 볼 수 있어요. 예전에는 콘텐츠 세부 정보를 누르면 아래 화면을 모두 가리는 팝업 창이 떴어요. 이제는 옆 패널에서 열리니 문서를 보면서 세부 정보를 확인하고 고칠 수 있어요.

노트와 작업을 어디서나

예전에는 노트와 작업이 프로젝트 안에만 갇혀 있었어요. 특정 프로젝트에 속하지 않는 짧은 생각이나 여러 원고에 걸친 작업은 마땅히 둘 곳이 없었죠.

이제 둘 다 메인 대시보드에서 바로 쓸 수 있어요. 프로젝트를 열지 않고도 노트를 적고, 최상위에 작업을 만들 수 있어요. 브레인스토밍 채팅도 마찬가지예요. 예전엔 프로젝트 안으로 들어가야만 쓸 수 있던 것들이 이제 지금 있는 자리로 찾아와요.

제대로 된 환영 인사

예전에는 새로 가입한 사용자가 뭘 해야 할지 모른 채 텅 빈 프로젝트 페이지에 떨어졌어요. 이제는 처음 해 볼 만한 다섯 가지를 안내하는 시작하기 체크리스트가 있어요. 프로젝트 만들기, 문서에 글쓰기, 콘텐츠 정리하기, 브레인스토밍 채팅 써 보기, 기존 원고 가져오기예요.

앱을 쓰다 보면 단계가 알아서 완료돼요. 진행 막대가 차오르고, 다 마치면 체크리스트를 닫을 수 있고 다시는 나타나지 않아요. 작은 부분이지만, "여기서 뭘 해야 하지?"와 "다음엔 이걸 해 보면 되겠다" 사이의 차이는 첫인상에서 엄청나게 커요.

처음 쓰는 사용자에게는 환영 배너와 새로 디자인한 빠른 실행 버튼도 보여서, 첫 프로젝트를 만들거나 템플릿을 둘러보도록 안내해요.

알아보기 쉬운 카드

콘텐츠 카드와 프로젝트 카드를 완전히 새로 디자인했어요. 이제 모든 카드가 같은 형태예요. 높이가 일정한 레이아웃에 아이콘, 제목, 그리고 실제로 쓰는 동작만 모은 마우스 오버 메뉴가 있어요. 오른쪽 클릭 메뉴는 어디서나 작동하고, 이름 바꾸기, 세부 정보 보기, 삭제는 늘 예상한 자리에 있어요.

콘텐츠 영역에는 상태, 색상, 유형 필터가 생겨서, 한 프로젝트에 문서가 쉰 개 있어도 "진행 중"으로 표시한 것만 추리거나 콘텐츠 유형별로 걸러 볼 수 있어요. 프로젝트 영역에는 고정 헤더와 모두 펼치기/접기 버튼이 생겼는데, 프로젝트가 몇 개만 넘어가도 이게 정말 요긴해요.

체감되는 수정 서른 가지

이번 주에는 편집기 버그를 많이 잡았어요. 하나씩 보면 대단한 건 없지만, 모두 합치면 글 쓰는 느낌이 눈에 띄게 매끄러워져요.

변경 내용 추적에서는 편집이 예상과 다르게 움직이는 문제가 여럿 있었어요. 백스페이스를 누르면 이상한 결과가 나오기도 했고, 추적된 변경 한가운데서 Enter를 누르면 문단이 깨지기도 했고, 추적된 변경을 실행 취소해도 늘 사라지지는 않았어요. 모두 고쳤어요. 변경 내용 추적의 보기 모드와 켜짐/꺼짐 상태도 이제 제대로 기억돼서, 문서를 다시 열어도 설정이 초기화되지 않아요.

맞춤법 검사가 페이지를 새로 고침하면 돌아가지 않았고, 찾아 바꾸기 같은 일괄 작업 뒤에는 맞춤법 표시가 갱신되지 않았어요. 둘 다 고쳤어요. 이제 연속 스크롤 모드에서도 맞춤법 검사가 잘 돌아가요.

오른쪽에서 왼쪽으로 쓰는 텍스트(RTL)도 꼼꼼히 손봤어요. 커서가 글자를 따라가지 않고 한자리에 머물러 있었고, RTL과 LTR을 바꿔도 문서 표시가 갱신되지 않았고, 내보내기에서 RTL 내용이 빠졌어요. 세 가지 모두 해결했고, 이제 내보내기에 인용문, 콜아웃, 수식도 제대로 들어가요.

스크롤: 특히 타자기 스크롤 모드에서 커서가 화면 밖에서 입력되는 일이 가끔 있었어요. 여러 예외 상황에서 고쳤어요.

커서 자체에도 버그가 두 가지 있었어요. 띄어쓰기를 하고 잠깐 멈추면 커서가 사라졌고, 글자 크기나 글꼴을 바꾸면 줄 맨 앞으로 튀어 갔어요. 둘 다 사라졌어요.

문서 변경 기록은 사소한 수정에도 항목을 쏟아 내서 너무 어수선했어요. 문서 상태를 비교하는 방식으로 바꿔서, 키 입력 하나하나가 아니라 의미 있는 단위로 변경을 묶어 기록해요.

그리고 댓글, 북마크, 링크의 툴바 버튼은 이제 선택한 텍스트가 없으면 제대로 비활성화돼요. 예전엔 눌러도 아무 반응이 없었어요.

하나 더

이제 플로차트 연결선을 끌어서 다른 노드에 다시 이을 수 있어요. 처리 코드 하나가 빠져 있어서 안 되던 기능인데, 플로차트를 많이 쓰신다면 바로 차이를 느끼실 거예요.

다음 계획

버전 관리는 이제 막 나왔지만, 벌써 다음 단계를 구상하고 있어요. 스냅샷 라벨, 별표 스냅샷, 그리고 공동 작업 중에 특정 스냅샷을 더 쉽게 가리키는 방법이요. 이번 레이아웃 변경은 더 유연한 작업 공간을 위한 토대이고, 패널 배치를 직접 바꾸는 기능에 대한 아이디어도 있지만 아직은 말씀드릴 단계가 아니에요.

이 글에서 소개한 기능은 모두 지금 쓸 수 있어요. 뭔가 어색하다면 알려 주세요. 보내 주신 의견은 하나도 빠짐없이 읽고, 다음에 무엇을 만들지는 그 의견으로 정해요.