Rev. 2.73

짧은기간 안에 만족할 정도로 목표가 달성되어서 1차 업데이트의 막을 내립니다. 종전과 달라진 부분은 방문객의 사용빈도가 낮은 사이드 컨텐츠와 전광판을 제거하였습니다. 이번 업데이트는 대부분 기반 작업으로, HTML과 CSS 그리고 자바스크립트를 최대한 분리하하는 작업과, XHTML 1.1 웹 표준규격을 통과 시켜 접근성을 높이는데 있었습니다.

PrototypeScriptAculoUs 프레임웍을 사용하여 이곳 저곳에서 퍼다 쓰던 스크립트(라이트 박스, 전광판 등)를 정리하였으며, 팝업으로 뜨는 모든 창들(키워드 조회, 댓글에 댓글달기, 편집하기, 삭제하기 등)이 Ajax(비동기식)로 돌아가게 하였습니다. 댓글 달기에도 Ajax가 적용되어 있습니다. 덕분에 Prototype의 Ajax.Request 와 Ajax.Updater의 사용법을 마스터 할 수 있었습니다.

2차 업데이트 부터는 비공개로 진행됩니다. 음훼훼훼훼....

Comments

태그에 블로그 메타 사이트의 태그링크 달기 기능 중 테크노라티에 문제가 발생하여 원인을 조사합니다. 포스트의 싱크에는 문제가 없으나 태그정보 전달과정에서 오류가 발생하는 것으로 파악되었습니다. 태터툴즈 클래식, 테크노라티 오토-핑 기능이 무용지물이군요.

1차 싱크 테스트
조치 : 웹접근성을 고려한 코드 사용.
작성시각 : 2006/06/02-02:11:56
생성시각 : 2006/06/02-02:14:01
테크노라티 싱크 확인 시각 : 2006/06/02-02:14:57
결과 : 실패

제발 태그정보를 가지고 가시오 테크노라티!

2차 싱크 테스트
조치 : 태그의 herf에 http로시작하는 절대주소 사용
작성시각 : 2006/06/02-02:31:27
생성시각 : 2006/06/02-02:31:38
테크노라이 업데이트핑 : 2006/06/02-02:40:17
테크노라티 싱크 확인시각 : 2006/06/02-02:43:54
결과 : 성공

원인 : 태그의 href 에 상대주소 입력으로 태그정보 전달 오류 발생
개선 : skin.html에 hr 태그삽입으로 포스트의 끝을 구분

Comments

계속 미루어 오던 블로그 리뉴얼 작업에 착수합니다. 우선, 웹 접근성을 높이기위한 기초작업을 실시합니다. 이것은 앞으로 있을 여러가지 Features의 걸림돌을 제거하는 작업입니다. 진행되는 동안 페이지가 비정상으로 보이거나 일부 기능이 마비될 수 있습니다.

목표 :
- XHTML 1.1 웹 표준규격 준수
- Prototype기반 자바스크립트
- 자원 정유율이 높은 전광판 제거
- 접근성을 높이는 자바스크립트 코딩
- 거추장스러운 사이드 메뉴 완전제거
- 라이트박스 라이브러리 대체
- DHTML 윈도우 라이브러리 대체
- HTML과 CSS완벽분리
- HTML과 자바스크립트 완벽분리

결과 :
- W3C, XHTML 1.1 웹 표준규격 통과 (일부 제외)
http://validator.w3.org/check?uri=referer
- 모든 자바스크립트를 prototype 형으로 변경
- 키워드 조회가 비동기식(Ajax)으로 돌아감

문제점 :
- XHTML 1.1에서는 iFrame을 지원하지 않게 됨에 따라 iFrame이 사용되는 부분을 HTTPRequest 방식으로 변경(댓글, 트랙백 관련)
- 기존 포스트 작성에 사용된 비표준 태그 마이그레이션
- 모든 팝업을 비동기식으로 전환
- 썸네일이미지 네비게이션이 먹통

Comments