다음을 통해 공유

Word Web App에 도입된 고급 편집 기능

  • 아티클

최초 문서 게시일: 2012년 8월 3일 금요일

이것은 Office Web Apps 차기 릴리스에 한창 몰두하고 있는 Office Web Apps 엔지니어링 팀에서 매주 게재할 블로그 시리즈의 첫 번째 게시물입니다. Mike Morton이 2주 전에 그의 새 Office Web Apps(영문일 수 있음) 블로그 게시물에서 언급했듯이, 이번 릴리스에서 주안점을 둔 영역 중의 하나는 제작 기능을 개선하는 것입니다.

이 게시물에서는 Office Web Applications 프로그램 관리자인 Ken Yuhas가 이러한 개선 사항을 소개하고 브라우저에서 Word Web App의 이러한 기능을 구현한 방식을 이야기하려고 합니다. 

20년이 넘는 오랜 기간에 걸쳐 개발된 Office 응용 프로그램은 생산성을 높여 주는 다양한 기능을 갖추고 있습니다. 한편 Office Web Apps 릴리스는 매번 단기간 내에 촉박한 일정에 맞추어 개발하고 있기 때문에 이러한 기존 기능과 여러 새로운 시나리오 가운데 우선적으로 투자할 영역을 정해야 합니다. 이러한 결정을 위해 고객의 의견, 사용량 데이터 및 새로운 시나리오 투자를 고려하고 있습니다. Web Apps는 자주 릴리스하는 만큼 여러분에게 중요한 기능이 무엇인지를 수시로 알려 주시길 부탁 드립니다.

페이지 레이아웃

Word Web App 뷰어는 처음부터 데스크톱 환경의 Microsoft Word와 동일한 충실도로 문서를 렌더링했습니다. 그러나 Word Web App 편집기는 동일한 페이지 레이아웃 기능을 갖추지 않았습니다. 이제 이러한 기능이 추가되었으므로 변경 내용이 최종 레이아웃에 어떤 영향을 미치는지를 실시간으로 확인할 수 있습니다. 이와 같이 편집 환경이 대폭 향상되었으며 그림이 포함된 경우에 가장 두드러진 향상을 경험할 수 있습니다.

(Office 2010의 Word Web App 편집기)

(Word Web App 편집기 2013)

이제 문서의 정확한 페이지 너비, 방향, 여백, 단락 간격, 들여쓰기 등을 브라우저에서 바로 확인할 수 있습니다. 페이지 레이아웃 리본 탭을 추가했으므로 이러한 속성을 손쉽게 변경할 수 있습니다.  이러한 향상된 기능을 통해 문서의 충실도가 인쇄된 문서에 더욱 가깝게 개선됩니다.

문서를 열면 서버가 파일을 처리하여 페이지 레이아웃 속성을 문서 내용과 함께 브라우저로 전송합니다. 브라우저에서 실행되는 Microsoft의 JavaScript를 사용하여 문서 내용에 적절한 CSS 값이 적용되고 나머지 작업은 브라우저에서 자동으로 수행됩니다. 올바른 변환을 통해 Microsoft Word에서와 동일한 레이아웃을 브라우저에서 볼 수 있는 것입니다.

 

(Word Web App 편집기 2013에 포함된 페이지 레이아웃 탭)

Office Art

또한 이번 릴리스에서는 Word Editor에서 Office Art(효과가 포함된 그림, 차트, SmartArt, Word Art 등)를 볼 수 있는 기능을 추가하여 브라우저에서 바로 이미지에 새로운 그림 스타일을 적용할 수 있습니다. 어디에서 문서에 액세스하든지 일관된 환경을 제공하기 위해 Microsoft는 서버에서 동일한 그래픽 엔진을 사용하여 이미지를 렌더링한 후 Web App으로 전송합니다.

(Word Web App 편집기 2013에 포함된 그림 효과 옵션)

단어 개수

단어 개수 기능은 고객들이 가장 많이 요청하는 기능 중 하나였으며, 따라서 이번 릴리스에 반드시 추가하려고 했습니다. 이제 데스크톱 응용 프로그램과 마찬가지로 상태 표시줄에 단어 개수가 표시됩니다. 그런데 브라우저에서 단어 개수 기능을 구현하는 것은 의외로 어려웠습니다.

(Word Web App 편집기 2013에 포함된 단어 개수 기능)

단어 개수 계산에서는 단어 분리, 즉 어느 문자 그룹이 단어인지를 파악하는 것이 핵심 작업입니다. 그런데 표준 유니코드 문자의 경우 Microsoft의 단어 분리 코드가 단어당 1밀리초 소요되고 브라우저가 단어당 2밀리초 소요되는 것으로 나타났습니다. JavaScript는 단일 스레드이므로 응용 프로그램 시작 시 20페이지 문서에 있는 모든 단어의 개수를 계산할 경우 응용 프로그램이 12초 이상 중지될 수 있습니다!

이에 따라 응용 프로그램이 중지되지 않고 단어 개수 기능을 백그라운드에서 실행하여 표시하도록 단어 개수 계산을 청크로 구분했습니다. 단어 개수 계산을 시작할 때 JavaScript 콜백을 사용하여 약 100단어를 계산한 다음, 응용 프로그램의 나머지에서 입력이나 클릭과 같은 새 이벤트를 처리하도록 합니다. 그리고 모든 이벤트가 처리되면 다시 단어를 계산합니다.

 세부적인 기능

이 밖에도 이번 릴리스에서는 Word Web App의 전반적인 편집 환경에 영향을 주는 자잘한 기능에도 시간을 투자했습니다. 일례로 이제 주석을 사용하여 문서를 편집하거나 변경 내용을 추적할 수 있습니다. 또한 참고 문헌 및 목차와 같은 콘텐츠 컨트롤을 볼 수 있는 기능을 추가했습니다. 이제 삽입된 이미지가 새 단락이 아닌 텍스트 줄 안에 배치되며, 새로운 확대/축소 단추를 사용하여 글꼴 크기를 변경할 수도 있습니다.

(Word에서 생성된 참고 문헌과 텍스트 줄 안에 새로 삽입된 이미지가 있는 문서)

이 블로그 게시물을 통해 Word Web App의 새로운 고급 제작 기능에 대한 기대감이 높아지셨기를 바랍니다. 원할 경우이 특별 링크(영문일 수 있음)를 통해 로그인하여 SkyDrive에서 새 Office Web Apps를 사용해보실 수 있습니다. 또는 Office 365 Preview(영문일 수 있음)에 참여하실 수 있습니다. 

 Ken Yuhas

Office Web Applications 프로그램 관리자

이 문서는 번역된 블로그 게시물입니다. 원본 문서는 Building Advanced Editing in Word Web App을 참조하십시오.