드디어 2008년형 티스토리가 개막했습니다.
일단 미션 수행에 앞서, 베타테스터로서 앞으로 3주간 최선을 다하겠다는 약속을 드리겠습니다. :)

자, 그러면 본격적으로 미션수행에 들어가겠습니다.
첫번째 미션의 내용은 새롭게 바뀐 티스토리의 첫느낌을 적는 것입니다.
하지만 저는 이 포스트를 통해 미션이 요구하는 것보다 한발 더 나아가고자 합니다.

제가 베타테스터 신청시에도 강조했듯이, 저는 베타테스팅 기간동안 제가 테스트할 수 있는 모든 OS/브라우저 환경에서 2008년형 티스토리를 테스트해보고 버그를 찾아낼 것 입니다.

그리고 그 첫걸음이 바로 이 포스트가 되겠습니다.

이 포스트는 다음과 같이 구성되어있습니다:

1. 개편된 티스토리 소개
   
2. 개편된 티스토리에 대한 소감
   
3. 버그 리포팅
   

버그 리포팅에는 상당히 많은 양의 정보가 있기 때문에, 관심이 없으신 분들은 읽지 않으셔도 좋습니다.
어짜피 버그 리포팅 부분은 티스토리 운영자님들을 위해 작성한 부분이니까요.
스크롤의 압박을 조금 참으시고 댓글란으로 가주시면 되겠습니다. ㅋㅋ

그럼 시작해볼까요.

1. 개편된 티스토리
2008년형 티스토리가 공개되었다고는하나, 아직 공개된 부분은 빙산의 일각입니다.
일단 새로운 관리자 인터페이스가 공개되었고, 새로운 에디터(글쓰기 페이지)가 공개되었습니다.
그 이외의 기능들은 모두 준비중이더군요.
따라서 첫번째 미션이 진행 중인 현 시점에서 개편된 내용은 위에 언급한 두가지 뿐입니다.

A. 새로운 관리자 인터페이스
가장 먼저 소개해드릴 개편사항은, 이미 티스토리 운영자님들께서 홍보를 하셨던 "새 관리자 화면"입니다.
옛날 관리자 화면과 비교해보시면 얼마나 많이 변했는지 오감으로(?) 느끼실 수 있을겁니다.

구형 센터

신형 센터

센터를 설정할 때는 화면에 보이고 싶은 항목을 체크한 뒤, 각 항목을 드래그해서 위치를 지정하는 방식입니다.
쉽게 생각해서 스킨 설정 시 사이드바를 배치하는 것과 비슷하다고 보시면 됩니다.
다만, 툭하면 버벅대고 오류가 생기는 사이드바 배치에 비해 센터화면의 배치는 부드럽고 오류가 없습니다.
아마 차후 개편될 스킨 설정 기능에도 같은 알고리즘이 적용되지 않을까 기대해봅니다.

관리자 화면 상단에 있는 메뉴바는, 마치 워드프로세서의 메뉴바를 연상시킵니다.

클릭하면 하위 메뉴가 드롭다운되는 형식으로... 훨씬 스타일리쉬해졌습니다.
게다가 좌측 컬럼에는 드롭다운 메뉴와 같은 내용의 메뉴를 보여주기 때문에, 네비게이션이 훨씬 편리합니다.

여러모로 봤을 때, 이번 관리자 화면 개편은 매우 훌륭하다고 평가할 수 있습니다.
어떤 분들은 너무 식상하다고 하시지만... 그래도 심플한 쪽이 트렌드에도 맞고 질리지도 않는 것 같습니다.

개인적인 소망이 있다면, 메뉴바의 색상을 검정 이외의 다른 색으로 설정할 수 있도록 했으면 좋겠다는 점입니다. 이왕 개인화 기능을 추가한거, 확실하게 했으면 하는 바람입니다.

B. 새로운 에디터(글쓰기) 인터페이스
그 다음 개편된 사항은 바로 예전부터 말이 많았던 에디터 화면입니다.
관리자 화면이 바뀐 것만큼 에디터도 많이 바뀌었더군요.
티스토리 운영자님들의 말씀에 따르면 기존의 것을 재활용한게 아닌, 완전히 새롭게 만든 에디터라고 합니다.

클릭해서 보시면 햄볶아요~

보시다시피 정말 몰라볼 정도로 바뀌었죠?
일단 기존의 에디터에 비해 기능이 엄청 많아졌습니다.

에디터의 새로운 기능들

그 중 일부를 소개하자면: 인덴트 기능, 줄간격조절 기능, 리스트 기능, 구분선 기능, 각주 기능, 표삽입 기능, 이모티콘삽입 기능, 특수문자삽입 기능, 사전찾기 등이 있습니다.
각주 기능의 경우, 기존 플러그인 방식에서 아예 에디터 자체 기능으로 넣어버렸네요.
앞으로 자주 애용해야겠습니다.
사족을 붙이자면, 이제는 More/less(줄임글) 내부에 박스스타일을 쉽게 넣을 수 있습니다.

이런 점을 봤을 때, 외관 뿐만 아니라 내부적으로도 많은 변화가 있었던게 틀림없습니다.

물론 인터페이스 측면을 봐도 정말 많이 바뀌었습니다.
일단 티스토리에서 안내했던 것처럼 브라우저 화면 전체를 이용하는 워드프로세서같은 느낌의 에디터입니다.
태그와 첨부파일과 같은 보조기능은 모두 탭으로 처리했고, 우측 컬럼에는 블로깅을 도와주는 여러 도구들이 등장했습니다.

"작성 중인 글" 사이드바는 예전에 작성한 글들을 보여줘서, 손쉽게 예전 글을 수정할 수 있도록 도와줍니다.
"정보 첨부"는 책 뿐만 아니라 인물, 영화등에 관한 정보도 손쉽게 삽입할 수 있게 해줍니다.
게다가 "서식"이라는 기능이 생겼는데, 이는 일종의 템플릿 같은 것으로, 티스토리에서 기본으로 제공해주는 것 이외에도, 자신만의 서식을 작성해서 사용할 수 있는 좋은 기능입니다.

글을 입력하는 방법도 조금 바뀌었습니다.
기존에는 Enter키를 누르하면 <br>태그가 삽입되면서 줄이 변경되는 방식이었습니다.
하지만 이번 에디터에서는 줄간격, 들여/내어쓰기, 리스트 기능들을 지원하기 위해서인지,
Enter를 누르면 <p>태그가 삽입되면서 문단이 변경되는 방식입니다.
이는 솔직히말해 개인적으로 마음에 들지 않는 방식입니다,
비록 새로운 기능들을 위한 방법이라고는 하나, 블로그 특성상, 외관을 위해 줄바꿈을 하는 경우가 많습니다.
즉, 문단을 바꾸기위해 Enter키를 누르는 경우보다 긴 문장을 보기 좋게 만들기 위해 일부러 줄을 바꾸는
경우가 훨씬 많다는 거죠.
그때마다 Shift+Enter키로 줄을 바꾸는 것은 조금 번거롭습니다. (게다가 이 부분에는 버그도 있습니다)

그리고 첨부된 리스트에 있는 이미지를 본문에 삽입하는 버튼이 좀 애매하게 되어 있습니다.
어떤 의미에서는 직관적이겠지만, 많은 분들이 버튼의 위치를 찾아 헤매게 될 듯 합니다.

본문 삽입 버튼의 위치가...

차라리 Side-by-side 이미지 삽입 버튼 옆에 별도의 버튼을 넣었으면 어떨까 싶습니다.

여러가지를 종합해볼 때, 개편된 에디터에 대한 첫 인상은 매우 좋은 편입니다.
다만, 이번 에디터가 완전히 새롭게 만든 것이다보니 버그가 몇 가지 있습니다.
그에 대해서는 밑에서 다루도록 하겠습니다.

2. 소감
좋은 출발이라고 생각합니다. 생각했던 것 이상으로 훌륭한 개편이었습니다.
다만, 크로스브라우징 측면이 아직도 많이 약한 편이고(밑에서 더욱 자세히 다루겠습니다)
생각했던 것보다 공개된 부분이 너무 적었습니다...

언제까지 기다릴까요오~

어서 이 메시지 대신, 개편된 티스토리의 모습을 볼 수 있는 날이 왔으면 하네요.
그때까지 도령방과 아씨방에서 밤샘작업을 하시는 모든 티스토리 운영자분들께 응원의 메시지를 보냅니다!!

3. 버그 리포팅
아직 초기단계라서 그럴까요, 정말 많은 버그들이 눈에 띄었습니다.
특히, 티스토리가 그토록 강조하던 크로스브라우징 측면에서는 매우 실망스러운 결과가 나왔습니다.

먼저 Windows XP + Opera9.51에서 가장 많은 버그가 발생했습니다.
발견된 버그를 요약하면 다음과 같습니다:

1. 새 관리자 메뉴바의 CSS(혹은 스타일) 문제.
   
   

   메뉴바에 표시되는 파란 동그라미와 네모, 글자배경.

2. 에디터에서 한글 입력후 공백이나 특수기호를 입력하면 마지막으로 입력한 한글이 중복되는 현상.
   

   빨간 밑줄 부분이 자동으로 중복되어 입력된 부분임

3. 들여쓰기를 한번 한 뒤, 원상복구를 위해 내어쓰기를 해도 아무 변화가 없는 현상.
   
4. 각주기능이 작동하지 않음. (초기값이 null, 기능 사용후 오른쪽 패널이 먹통이 됨)
   
5. 글자배경 기능 사용시 선택된 문자열이 아닌, 커서가 위치한 문단(<p>태그) 전체에 색이 적용됨.
   
   

   파란부분이 선택한 부분이지만, 글자배경은 문단 전체에 적용됨.

6. 표 입력 기능 사용시, 표 사이즈를 조절할 수 없음.
   
   
7. 미리보기 기능 사용시 레이아웃이 깨진 상태로 보여짐. (안 그럴때도 있는 듯)
   
8. 우측 하단의 "글목록"을 클릭하면 작성 중인 포스트의 임시저장 상태에 대한 경고 프롬트 없이 페이지가 이동 됨.
   
   

   요 버튼.

9. 파워에디터로 이미지를 선택한 후 "등록" 버튼을 누르면, 이미지가 등록되기는하지만 파워에디터 팝업창이 닫히지 않음.
   
10. 삽입된 객체(사진, 슬라이드쇼...)를 클릭하면 우측 패널에 그 객체에 관한 옵션(자막 설정, 사이즈 설정...)이 떠야하지만 뜨지 않음.
    
11. 삽입된 객체(사진, 슬라이드쇼...)를 드래그해서 재배치할 수 없음.
    

이외에도 몇가지 더 있지만, reproducing이 확실하게 가능한 버그들만 일단 모아서 올립니다.
티스토리 측에서 수정을 해주었으면 좋겠지만,
제가 잠정적으로 내린 결론은, "티스토리는 오페라를 지원하지 않는다"입니다.
그래서 이번 미션을 계기로, 앞으로는 오페라 브라우저를 이용한 베타테스팅을 전면 포기하겠습니다.
티스토리 측에서 오페라를 지원하겠다고 메시지를 보내오지 않는 이상, 오페라로 테스트 해보는 것 자체가
무의미 하다고 판단했습니다. (Mac, Linux(Ubuntu) 환경에서도 오페라는 지원되지 않았습니다.)

그 다음으로 테스트한 환경은 Windows XP + Safari3.1.2입니다.
티스토리에는 맥유저가 많은 관계로 전보다 많이 개선된 에디터를 기대했습니다.
일단은 지원조차 하지 않는 오페라보다는 나은 편입니다만, 아직도 많이 부족합니다.
발견된 버그는 다음과 같습니다:

1. Shift+Enter키가 작동하지 않음. 따라서, 줄바꿈이 불가능함.
   
2. 삽입된 객체(사진, 슬라이드쇼...)등을 드래그해서 재배치하면 객체가 사라지거나 객체에 입력된 정보(자막, 사이즈...)가 초기화 됨.
   
3. 오페라와 마찬가지로 객체 선택시 오른쪽 컬럼에 등장하는 패널이 정상적으로 작동하지 않음.
   
4. 오페라의 (8)항목과 마찬가지로 우측 하단의 "글목록"을 클릭하면 작성 중인 포스트의 임시저장 상태에 대한 경고 프롬트 없이 페이지가 이동 됨.
   
5. 오페라의 (6)항목과 마찬가지로 표 입력 기능 사용시, 표 사이즈를 조절할 수 없음.
   

오페라에 비해서는 비교적 버그가 적지만, 버그들이 모두 에디터의 핵심 기능에 몰려있습니다.
이번 에디터 개편에서 사파리 유저들의 사파리 지원 요청이 많았던만큼, 티스토리의 세심한 지원 기대합니다.

다음 테스트 환경은 Windows XP + IE7입니다.
(참고로 IE6는 어짜피 문제가 많은 브라우저이기 때문에 베타 테스트 환경에서 제외했습니다.)
아무래도 우리나라가 IE공화국이다보니 IE7에 대한 지원은 괜찮은 편입니다.
하지만 그럼에도 불구하고 버그가 발견되었습니다.

1. 슬라이드쇼를 삽입한 후 자막을 설정하려고 클릭해도 이미지 리스트가 뜨지 않음.
   
   
2. 객체(사진, 슬라이드쇼...)를 삽입한 후 우측 패널에 가로/세로 사이즈를 입력해도 적용되지 않음.
   
3. 오디오를 삽입한 후 선택해보면 (1)항목과 마찬가지로 오디오 리스트가 뜨지 않음.
   
   

빠른 수정이 필요한 내용입니다.

다음은 Windows XP + Firefox3에서 테스트했습니다.
Windows환경에서의 마지막 테스트입니다.
파폭에서의 테스트 결과는 놀라울 정도로 훌륭했습니다.
마치 처음부터 FF에 맞춰서 개발했다는 느낌이 들 정도였습니다.
위에 언급된 IE,Safari, Opera에서 발생하는 버그는 일체 발견되지 않았습니다.
그 외의 버그도 아직까지는 발견하지 못했습니다.
(이 포스트 맨 마지막의 "모든 환경에서의 공통적인 버그" 제외)

ㅋㅋㅋ

자, 드디어 Ubuntu 8.04 Hardy Heron(이하 Ubuntu) + Firefox3 테스팅입니다.
Windows에서와 마찬가지로 버그는 발견되지 않았습니다.
같은 Firefox라서 그런지 Windows와 거의 동일한 성능을 보여주었습니다.
확실히 Firefox를 쓰면 운영체제가 바뀐다고해도 큰 걱정할 필요는 없을 듯 합니다.

Ubuntu에서의 두번째 테스트 환경은 Ubuntu + Konqueror입니다.
안타깝게도, Konqueror와 Tistory는 궁합이 맞지 않습니다.
아예 새 관리자 화면 진입조차 불가능합니다. 진입을 시도하면 에러가 나서 Konqueror가 닫혀버립니다.
이는 저에게만 한정된 증상일 수 있으니 혹시 테스트 가능한 다른 베타 테스터분께서 확인 부탁드립니다. ㅠㅠ

Opera는 앞서 말씀드렸듯, 베타테스팅을 포기했습니다.

마지막으로 Mac OS X Leopard 환경에서 테스트했습니다.
첫번째 주자는, 지금까지 버그가 발견되지 않은 Firefox3에서의 테스트입니다.
Mac에서도 FF3는 버그가 발견되지 않았습니다.
아무리 생각해도 티스토리 측이 FF에서만 엄청나게 테스트를 했다는 생각을 지울 수 없네요;;

두번째 주자는 Mac의 대표 브라우저, Safari입니다.
여기서 재미있는 점은, Windows용 Safari에서 나타난 버그와 Mac용 Safari에서 나타난 버그의 내용이 좀 다르다는 것입니다. 아마 내부 렌더링 알고리즘이 다른게 아닐까 생각이 듭니다.
그럼 버그 리포팅 들어갑니다:

1. Shift+Enter키가 작동하지 않음. 따라서, 줄바꿈이 불가능함.
   
2. 에디터 화면보다 큰 객체(슬라이드쇼...)를 삽입하면 스크롤바가 마구 깜박거림.
   
   
3. 객체(슬라이드쇼, 오디오...)를 드래그로 재배치하면 입력해놓은 (한글)자막이 깨짐.
   
   
4. 사진을 드래그로 재배치하면 입력해놓은 자막이 사라지고 undefined라는 자막으로 대체 됨.
   
   
5. Windows환경과 마찬가지로 우측 하단의 "글목록"을 클릭하면 작성 중인 포스트의 임시저장 상태에 대한 경고 프롬트 없이 페이지가 이동 됨.

그리고 Opera는 앞서 말씀드린 듯, 포기했습니다.

지금까지 OS/브라우저 별로 발생하는 버그를 알아봤습니다.
하지만 위의 버그 이외에도, 모든 환경에서 공통적으로 발생하는 버그가 있습니다:

• 오디오 삽입시, 팝업 창에서 "자동재생"을 설정해도, 본문에 삽입된 오디오를 선택해보면 자동재생 옵션이 해제되어있음.
  
• 에디터에서 글 작성 도중 다른 페이지로 이동하면 경고 프롬트가 뜨는데,
  그 프롬트에 "취소"를 선택하고 다시 다른 페이지로 이동을 시도하면 경고 메시지가 뜨지 않고 이동 됨.
  
• 그림 삽입시 자동으로 사이즈가 조절되지 않음.
  
  

이상 베타 테스팅 결과였습니다.
후우, 이거 하는데 시간 정말 많이 들어가네요.
거의 밤을 꼬박 새서 테스트하고 오늘에서야 글을 완성하는군요.
제 노력이 2008년형 티스토리의 발전에 많은 도움이 되었으면 하는 바입니다.

자잘한 노력의 흔적(?)

 졸면서 하다보니 글씨체가 마치 한 폭의 그림 같군요-_-;;

이올린에 북마크하기(0) 이올린에 추천하기(0)