마우스 없이도 읽고 쓰는 BeeBS: 키보드 단축키 설계

BeeBS는 오래된 BBS의 빠른 조작감을 요즘 웹에서도 살려보고 싶었습니다. 마우스와 터치를 기본으로 지원하면서, 익숙해진 뒤에는 키보드만으로도 글을 찾고 읽고 쓰는 흐름이 끊기지 않도록 단축키를 넣었습니다.

단축키는 화면 아래의 ? 버튼이나 키보드의 ? 키를 누르면 언제든 전체 목록을 볼 수 있습니다.

읽기

• j / k: 글 목록이나 글 아래 빠른 이어보기에서 아래·위 항목으로 이동합니다.
• ↓ / ↑: 글 목록에서 아래·위 항목으로 이동합니다.
• l, → 또는 Enter: 선택한 글을 엽니다.
• n / p: 글을 읽는 중에 목록의 다음·이전 글을 바로 엽니다.
• h 또는 ←: 읽던 글이나 Archive에서 목록으로 돌아갑니다.

참여

• c: 새 댓글 입력칸으로 이동합니다.
• u / i: 댓글 사이를 아래·위로 이동합니다.
• r: 선택한 댓글에 답글을 씁니다.
• m: 현재 글이나 선택한 댓글을 수정합니다.

탐색

• s: 글 검색을 엽니다.
• 1 / 2 / 3 / 4: 활발·새글·인기·댓글 보기로 바로 전환합니다.
• a: Archive를 지원하는 게시판에서 Archive로 이동합니다.
• Cmd/Ctrl + K: 이동, 정렬, 테마 변경을 한곳에서 찾는 명령 팔레트를 엽니다.

작성

• w: 새 글 쓰기를 엽니다.
• //: Hex 입력 모드를 엽니다.
• Cmd/Ctrl + S: 작성하거나 수정 중인 내용을 저장합니다.
• Esc: 작성 중인 입력이나 열린 작성 도구를 취소합니다.

기타

• ?: 단축키 도움말을 열거나 닫습니다.

고민한 부분들

한국어 자판 상태에서도 j·k 같은 위치 기반 단축키를 쓸 수 있도록 물리 키 기준으로 처리했습니다.

키를 길게 눌렀을 때 화면 전환이 여러 번 일어나지 않도록 반복 입력과 연속 실행도 제한합니다. 단축키를 전혀 모르는 사용자의 화면과 흐름은 달라지지 않고, 필요한 사람만 조금 더 빠르게 사용할 수 있게 하는 것이 원칙입니다.

아직 손에 잘 붙지 않는 조합이나 추가했으면 하는 동작이 있다면 댓글로 알려주세요.