왕미친놈의 왕미친세상

MozBackup은 모질라/게코 계열 웹브라우저 및 응용프로그램에서 환경설정 데이터 및 사용자 데이터인 프로필(profile)^[각주:1]을 쉽게 백업하고 복원할 수 있게 도와주는 유틸리티입니다.

프로그램 정보

• 프로그램 이름 : MozBackup (모즈백업)
• 저작권자/개발자 : Pavel Cvrc(ek (일명 JasnaPaka^[각주:2])
• 프로그램 아이콘 :
• 안정 버전 : v1.4.10 (2009년 12월 13일)
• 개발/테스트 버전 : v1.4.10 베타1 (2009년 11월 15일)
• 분류 : 프로그램 보조/헬퍼 유틸리티^[각주:3], 백업 유틸리티
• 지원 운영체제 : 윈도 98/ME/NT/2000/XP/2003/Vista/7
• 홈페이지 : http://MozBackup.JasnaPaka.com/
• 블로그 : http://JasnaPaka.bloguje.cz/
• 저작권 : 오픈소스 & 프리웨어
• 평가 : @@@@@@@@@@ ( 8 / 10 )
• 스크린 샷 : 홈페이지에는 다음과 같은 스크린샷이 공개되어 있습니다.

  • 실행 화면 : 처음

    

  • 실행 화면 : 2

    

  • 실행 화면 : 3

    

  • 실행 화면 : 4

    

• 설명 :
  • MozBackup 프로그램은 다음 프로그램과 호환성을 가집니다. 다음 프로그램은 웹브라우저가 아니더라도 웹브라우징이 가능한 프로그램이라는 점과 프로필 폴더에 사용자 데이터를 보관하고 있다는 점에서 공통점을 갖고 있습니다.
    • 웹브라우저 : Mozilla Suite 1.7 ~ 1.7.x, Netscape 7.x 및 9.x, Firefox 1.0 ~ 3.6, SeaMonkey 1.0a ~ 2.0, Flock 1.0 - 2.0, Wyzo
    • 메일 클라이언트 : Thunderbird 1.0 ~ 3.0, Sunbird 0.3 ~ 0.9. Postbox 1.0 ~ 1.1, Spicebird 0.4 ~ 0.8
    • 기타 : Songbird 1.0
  • 프로필 폴더를 복사 압축하는 방식으로 백업합니다.
  • 백업 파일의 확장자는 *.pcv입니다. 이것은 ZIP 파일의 이름만 바꾼 것입니다. 따라서 확장자만 zip으로 바꾼 뒤 압축 관리 프로그램으로 압축을 풀어 복사해도 복원이 가능합니다.
• 기타 :
  • MozBackup 프로그램을 포터블로 사용하려면 pad.xml (Portable Application Description)파일이 필요합니다.
  • 포터블 버전의 백업 및 복원도 지원합니다.
  • 지원 페이지 및 블로그에서 새로운 정보나 활용 팁을 얻을 수 있습니다.

다운로드

다운로드 페이지에서 받을 수 있습니다.

• 설치 파일 (JasnaPaka.com / 789.7 K)
• .ZIP 압축 파일 (JasnaPaka.com / 602.4 K)

관련 문서

내부 문서

• [프로그램/소개] - Universal Extractor
• [프로그램/소개] - 7-Zip

외부 문서

• 홈페이지 : http://MozBackup.JasnaPaka.com/
• 블로그 : http://JasnaPaka.bloguje.cz/
• 위키백과 (체코어) :: Pavel Cvrc(ek

이 글은 스프링노트에서 작성되었습니다.

최근 옛한글 관련 글을 자주 쓰게 되면서 뻔질나게 위키백과의 옛한글 문서를 참조하게 되었습니다. 그런데 파이어폭스에서 소스 보기를 한 뒤 그 소스를 복사하여 스프링노트에 붙여넣기를 하면 엉뚱하게 보였습니다. 물론 확인 결과 어느 쪽도 오류가 없었습니다. 가끔 이런 기가 막힌 경우가 발생하기는 합니다.

잘못도 벌레도 없으나…

스프링노트도 잘못이 없고, 파이어폭스도 잘못이 없습니다. 논리적으로 붙여넣기 기능은 클립보드의 데이터를 붙여넣는 기능일 뿐이니까요. 그 과정에서 기본 편집 모드에서는 위지위그 편집 방식을 사용하고, HTML 편집 모드에서는 텍스트 편집 방식을 사용합니다. 이 말은 곧 위지위그 편집 모드에서는 어떤 개체가 가지는 속성까지 함께 복사하며, HTML 편집 모드에서는 겉으로 드러난 텍스트 데이터만 복사한다는 뜻입니다.

한편 모질라 파이어폭스에서 보여주는 창은 (X)HTML 자료입니다. 심지어 이번에 문제가 된 소스보기 창도 (X)HTML 문서입니다.

확인을 위해 위키백과 :: 옛한글 문서에서 문자열을 선택하여 소스보기를 하였습니다.

이때 위의 소스 보기 화면은 텍스트 데이터에 색상을 입힌 것이 아니라, (X)HTML 데이터에 색상을 입힌 것입니다. 따라서 위 소스 보기 화면에서 전체 선택하여 복사한 뒤 스프링노트 편집모드(기본모드)에 붙여 넣기를 하면 아래와 같이 됩니다.

물론 아래와 같이 그 내용은 제대로 복사되어 있습니다. 다만 모양이 좋지 않을 뿐이죠.

겉으로 드러나지는 않았지만, 저 안에는 (X)HTML 코드가 숨겨져 있습니다. 이는 각자 위키백과에서 소스코드를 붙여넣기 한 다음에 HTML 편집 모드로 바꾸면 알 수 있습니다.
스프링노트를 쓰지 않더라도 티스토리 편집 창에서 HTML로 보기를 하면 역시 알 수 있습니다.

[code html] <pre id="line1">&lt;<span class="start-tag">span</span><span class="attribute-name"> class</span>=<span class="attribute-value">"jamocomposed_block" </span><span class="attribute-name">style</span>=<span class="attribute-value">"font-family: '돋움 옛한글','Dotum Old Hangul','바탕 옛한글','Batang Old Hangul','궁서 옛한글','Gungsuh Old Hangul','굴림 옛한글','NewGulim Old Hangul','은 자모 바탕 확장','Un Jamo Batang Ex','UnJamoBatangEx','은 자모 바탕','Un Jamo Batang','UnJamoBatang','은 바탕','Un Batang','UnBatang',Code2002,Code2001,Code2000,serif; font-size: 105%;"</span>&gt;나랏말ᄊᆞ미 듀ᇰ귁에 달아 문ᄍᆞᆼ와로 서르 ᄉᆞᄆᆞᆺ디 아니ᄒᆞᆯᄊᆡ&lt;/<span class="end-tag">span</span>&gt;</pre> [/code]

그렇습니다. 위의 코드를 보면 <pre id="line1"> 태그로 열고 </pre> 태그로 닫았습니다.

뭐, 정확한 기술적인 내용은 저도 모르니, 그냥 저렇게 (X)HTML 코드로 나타내고 있다고만 말하겠습니다. 어쨌든 스프링노트의 편집모드에서는 파이어폭스의 소스 보기 화면이 위와 같은 (X)HTML 코드로 이루어져 있으므로, 그것을 존중하여 아주 잘 나타낸 셈입니다.

물론 사용자가 보기에는 엉뚱해 보이고, 더구나 버그가 아닌가 의심스럽지만, 절대 버그는 아닙니다.

응급 처치

일단 이 현상에 대해 파이어폭스에서 해결책을 내놓지는 않으리라 생각합니다. 넷스케이프 내비게이터가 만들어졌을 때부터 고수한 방식을 지금에 와서 바꾸라고 한다면 그들은 거부할 것이 뻔하기 때문입니다. 그것도 다 바꾸는 게 아니라 특정한 상황만 고려해서 바꾸라고 한다면 "일관성이 없으므로" 무시하게 될 터입니다. 결국 편법을 쓰는 수밖에 없습니다.

아무튼 해결책은 아주 간단합니다. 다른 편집기로 복사하여 붙여넣기를 한 뒤 다시 복사하여 스프링노트로 붙여넣기를 하면 됩니다.

앞의 소스 보기 화면에서 전체를 복사하여 메모장에 붙여넣습니다.

위와 같은 소스 코드는 겉보기에는, 색상을 제외하면, 소스 보기 화면과 다른 점이 없습니다. 그러나 붙여넣기를 하면 다음 그림과 같이 됩니다.

위 그림을 (X)HTML 코드로 나타내면 다음과 같습니다.

[code html] 나랏말ᄊᆞ미 듀ᇰ귁에 달아 문ᄍᆞᆼ와로 서르 ᄉᆞᄆᆞᆺ디 아니ᄒᆞᆯᄊᆡ [/code]

앞서 보았던 코드와는 상당히 다른 모습을 보여주고 있습니다. 또한 소스 보기 화면에서 본 그 코드로서, 사용자가 복사하기를 바랐던 그 코드이기도 합니다.

원리

앞서 설명한 바와 같이 파이어폭스의 소스 보기 창의 내용은 (X)HTML 코드로 이루어져 있습니다. 이것을 그대로 스프링노트에 붙여넣기를 하면 그 이면에 감추어진 (X)HTML 코드까지 붙여넣게 되므로, 중간 단계를 두어 감추어진 (X)HTML 코드를 없애 버렸을 뿐입니다.

참고로 이렇게 (X)HTML 코드를 없애어 텍스트만 뽑아내는 것을 스트립 또는 (X)HTML 코드 스트립이라고 합니다.^[각주:1]

덧붙이며

파이어폭스 소스 보기 창이 (X)HTML 문서인지 아닌지를 알려면, 가장 간단한 방법으로 찾기를 실행해 보면 됩니다. 단축키는 Ctrl+F입니다. 만약 파이어폭스이 일반 화면과 같이 (X)HTML 자료로 구성되어 있다면 찾기 기능을 위한 납작한 창이 맨 아래에 생길 테니까요.

관련 문서

내부 문서

(없음)

외부 문서

• 위키백과 :: 옛한글

이 글은 스프링노트에서 작성되었습니다.

앞서 기본 사용법에 대해 설명했습니다. 이번에는 좀 더 고급스러운 사용법에 대해 알아보기로 합니다.

환경 설정

리사이즈 브라우저는 그 사용법이 무척 간단합니다. 하지만 설정에서 몇 가지 난감한 점이 있어서 이렇게 글을 작성하게 되었습니다.

위 화면에서 옵션 설정은 옵션과 브라우저 설정으로 나뉩니다. 옵션 설정을 마친 뒤에는 오른쪽 위의 Save를 클릭하여 옵션을 저장해야만 적용됩니다.

옵션 (Options)

옵션은 위와 같이 4 항목으로 이루어져 있습니다.

• Center browser on screen after resize : 브라우저 창의 크기를 변경한 뒤 화면 가운데로 배치
  • 기본 값으로는 왼쪽 상단, 곧 좌표값으로는 (0, 0) 위치로 창을 옮깁니다. 이 옵션을 체크하면, 화면 왼쪽 상단이 아닌 화면 중앙으로 배치합니다.
• Include Start Menu height in resize : 리사이즈에 시작 메뉴의 높이도 포함
• 이 옵션을 체크하면, 말 그대로 시작 메뉴의 높이도 이 프로그램에서 조절할 수 있다는 뜻입니다.
• Automatically refresh for new browsers : 새로운 웹브라우저를 위해 자동으로 다시 읽기
  • Refresh 아이콘을 클릭하지 않아도 자동으로 웹브라우저 목록을 다시 읽는다는 뜻입니다.
• Stay on top of all other windows : 모든 윈도우보다 위에 보입니다.
  • 이 옵션을 설정하면, 이 프로그램의 윈도를 다른 윈도가 가릴 수 없습니다. 어차피 트레이 아이콘을 사용하면 별로 쓸모는 없지만, 가끔은 필요한 사람이 있으리라 생각합니다.

브라우저 설정

브라우저 설정에서는 리사이즈 브라우저 프로그램의 작동 원리를 설명하고 있습니다.
작동 원리에 따르면, 리사이즈 브라우저 프로그램은 특별히 웹브라우저를 지정하여 창 크기를 변경하는 프로그램이 아닙니다. 그저 기본 값으로 지정된 프로그램이 가장 널리 알려지고 보급된 두 프로그램, 곧 인터넷 익스플로러와 넷스케이프일 뿐입니다. 리사이즈 브라우저는 단지 제목 표시줄의 캡션 텍스트를 읽어와서 작동합니다.

위 여러 가지 웹브라우저 화면을 보면 제목 표시줄의 캡션 텍스트가 무엇인지 아시겠습니까?

위 그림에 나타난 연두색 테두리 부분과 파란색 테두리 부분이 제목 표시줄의 캡션 텍스트입니다. 그리고 자주색 네모가 브라우저 이름입니다. 다만 맨 아래에 보이는 Google 부분은 정확하지 않기 때문에 ? (물음표)를 해 두었습니다.

설정하기 전까지 찾은 브라우저 창은 다음과 같이 두 개입니다.

위 여러 가지 웹브라우저의 제목 표시줄 캡션 화면을 바탕으로 브라우저 설정을 해 봅시다.

현재 설정된 값은 위와 같이 세 개입니다. Microsoft Internet Explorer, Netscape, Mozilla는 유명한 웹브라우저이기는 하지요. 왜 파이어폭스는 없냐는 의문이 생길 수 있습니다. 파이어폭스의 정확한 이름은 Mozilla Firefox 입니다. 다시 말해 위의 Mozilla라는 이름을 찾으면 당연히 파이어폭스도 찾게 됩니다.

위 그림에서 찾아낸 브라우저 이름을 열거하면 다음과 같습니다. 편의상 이름 앞의 줄표(하이픈)은 생략합니다. 다만 나중에 설정에서는 하이픈을 넣는 쪽이 낫습니다.

• Mozilla Firefox
• Microsoft Internet Explorer
• 더 월드 브라^[각주:1]
• Google^[각주:2]

일단 파이어폭스와 익스플로러는 이미 찾았으니 추가할 필요가 없지요. 그럼 더 월드 브라우저와 구글 크롬을 추가하겠습니다.

옵션에서 위의 브라우저 설정을 실제로 구성하는 곳을 클릭한 뒤에 인서트 키(Insert)를 누르면 항목 추가 모드로 바뀝니다. 추가할 내용은 더 월드와 Google입니다. Mozilla Firefox의 경우처럼 문자열 일부만 입력해도 되므로 일단 그렇게 합니다. 다만 입력할 때 대문자와 소문자를 구별합니다.

Remember, they are case sensitive.

넣고자 하는 문자열(제목 표시줄의 브라우저 이름)을 입력한 뒤 엔터(Enter)를 입력하면 항목이 추가됩니다.

다시 한 번 입력을 반복하여 구글 크롬을 위한 문자열도 추가합니다.

작업을 마친 뒤에는 옵션 화면의 오른쪽 위의 Save를 클릭하여 저장합니다.

처음 화면에서 Refresh를 클릭하여 브라우저 목록을 다시 읽어 옵니다.

목록을 확인하면 올바르게 추가되었는지를 알 수 있습니다. 이때 방금 추가한 문자열을 더 정확하게 고칠 수도 있습니다.

주의 사항

창 크기를 바꾸려고 선택한 창이 리사이즈 브라우저가 아닌 다른 창에 가려지면 창의 크기가 바뀌지 않으므로 주의하기 바랍니다.

관련 문서

내부 문서

• [프로그램/소개] - Resize Browser
• [프로그램/사용법] - 리사이즈 브라우저 사용법 - 1. 기본 사용법

이 글은 스프링노트에서 작성되었습니다.