웹 워드프로세서 기초 만들어 보기(2)

이 글은 웹 브라우저 환경에서 동작하는 워드프로세서(웹 워드)의 구현 방법에 대한 두 번째 이야기입니다. 이전 글에서 다룬 웹 워드의 분류 기준, 쪽 표현의 필요성, contentEditable 속성과 HTML을 이용한 레이아웃 원리에 이어, 이번 글에서는 실제 코드를 통해 간단한 쪽 표현 및 편집 기능을 구현하는 구체적인 방법을 다룹니다.

주요 구현 요구사항으로는 문단이 여러 쪽에 걸쳐질 경우 이를 분할하여 표현하고, 사용자의 글자 입력 및 삭제에 따라 실시간으로 쪽 표현이 업데이트되도록 하는 것입니다. 텍스트 기반의 레이아웃 처리를 중심으로 설명하며, CSS의 `display: inline` 속성과 유사한 엘리먼트들의 레이아웃 과정을 살펴봅니다.

이를 통해 웹 환경에서 문서 편집기의 핵심 기능을 구현하는 과정을 이해할 수 있습니다.