Keyboard design
색과 손가락으로
읽는 자판
표시되는 글자가 바뀌어도 키의 물리적인 자리는 그대로입니다. 색과 손 모양은 다음 키를 어느 손과 손가락으로 누를지 알려주는 길잡이입니다.
Hand position
키의 색은 글자 종류가 아니라 손의 자리입니다
자음과 모음을 색으로 구분한 것처럼 보일 수 있지만 기준은 언어학이 아닙니다. 언어별 화면 자판에서도 같은 물리 키를 어느 손으로 누르는지 일관되게 보여줍니다.
A
연한 녹색왼손 자리
J
연한 주황오른손 자리
↵
회색기호·특수키
Physical position
보이는 문자보다 물리 키 코드
데스크톱 입력은 KeyboardEvent.code를 기준으로 비교합니다. 화면 글자가 바뀌어도 실제 키보드의 어느 자리를 눌렀는지가 정답입니다.
Finger guide
다음 키와 손가락을 함께 표시
목표 키를 밝히고 왼손 또는 오른손 실루엣을 겹칩니다. 사용할 손가락 끝에는 잔잔한 파동이 나타나며 F와 J는 기본 자리로 돌아갈 기준입니다.
Desktop Shift
누르는 동안 전체 라벨 전환
물리 Shift의 keydown·keyup 상태를 따라 기호와 고유 문자가 바뀝니다. 별도 Shift 라벨이 없는 알파벳 키는 대문자로 표시합니다.
Mobile input
화면 키도 같은 연습 경로
모바일은 OS 가상키보드 대신 화면 자판을 직접 누릅니다. Shift는 한 번·고정·해제 순서로 바뀌며 같은 물리 코드와 상태를 연습 로직에 전달합니다.
Shift labels
언어마다 Shift 자판도 다릅니다
숫자행만 바꾸는 배열도 있고, 고유 문자나 자판 전체를 명시해야 하는 배열도 있습니다.
| 언어·입력 | Shift 표시 원칙 |
|---|---|
| 영어 | 숫자행의 기호와 기호키를 바꾸고 알파벳은 대문자로 표시 |
| 한글 두벌식 | 숫자행·기호와 쌍자음 ㅃ·ㅉ·ㄸ·ㄲ·ㅆ 표시 |
| 포르투갈어·스페인어 | 숫자행과 Ç·Ñ·¿·악센트 등 현지 기호 표시 |
| 프랑스어·독일어 | AZERTY·QWERTZ의 차이를 포함해 전체 키를 명시 |
| 일본어 JIS 가나 | っ·ぁ·ゃ·ゅ·ょ·を·ー 같은 소형 가나와 기호 표시 |
| 힌디어 InScript | 독립모음과 유기음 자음을 표시 |
| 로마자·병음 | 영어 QWERTY와 같은 Shift 라벨 사용 |
| 주음 | 성조를 별도 키로 입력하므로 Shift 자판을 사용하지 않음 |