리팩토링 HTML

1장 리팩토링
1.1 리팩토링을 하는 이유
문제점: 코드를 읽기가 어렵다
문제점: CEO가 자신의 여행경비서류를 작성하지 못한다
문제점: 페이지 로딩이 느리다
문제점: 브라우저마다 다르게 보인다
문제점: 위험하거나 표준이 아닌 기술을 사용한다
문제점: 회사 홈페이지에 '천재 해커님 왔다감'이라는 문구가 있다
문제점: 홈페이지 검색 결과는 구글에서 17번째 페이지에 처음 등장한다
문제점: 사용자에게서 웹사이트에 오류가 있다는 메일을 받았다
1.2 리팩토링을 하는 시점
1.3 리팩토링의 대상
왜 XHTML인가?
왜 CSS인가?
왜 REST인가?
1.4 리팩토링에 대한 반대 의견

2장 툴
2.1 백업, 스테이징 서버, 소스코드 컨트롤
2.2 밸리데이터
W3C 마크업 유효성 검사 서비스
로그 밸리데이터
xmllint
편집기
2.3 테스팅
JUnit
HtmlUnit
HttpUnit
JWebUnit
FitNesse
Selenium
테스트 시작하기
2.4 정규표현식
검색
검색 패턴
2.5 타이디
-asxhtml
-clean
인코딩
예쁘게 출력하기
생성된 코드
라이브러리로 사용하자
2.6 태그수프
태그수프와 타이디의 비교
2.7 XSLT

3장 잘 짜인 문서
3.1 잘 짜인 문서란 무엇인가?
3.2 이름은 소문자로 바꾼다
의도
발생 가능한 문제점
방법
3.3 속성 값은 따옴표로 표시한다
의도
발생 가능한 문제점
방법
3.4 빠진 속성 값은 채워넣는다
의도
발생 가능한 문제점
방법
3.5 빈 태그는 빈 엘리먼트 태그로 교체한다
의도
발생 가능한 문제점
방법
3.6 끝태그를 추가한다
의도
발생 가능한 문제점
방법
3.7 겹침을 제거한다
의도
발생 가능한 문제점
방법
3.8 텍스트를 UTF-8로 변환한다
의도
발생 가능한 문제점
방법
3.9 '<'를 이스케이프한다
의도
발생 가능한 문제점
방법
3.10 앰퍼샌드를 이스케이프한다
의도
발생 가능한 문제점
방법
3.11 속성 값의 따옴표를 이스케이프한다
의도
발생 가능한 문제점
방법
3.12 XHTML DOCTYPE 선언을 사용한다
의도
발생 가능한 문제점
방법
3.13 각 엔티티 참조를 끝낸다
의도
발생 가능한 문제점
방법
3.14 가상의 엔티티 참조를 교체한다
의도
발생 가능한 문제점
방법
3.15 루트 엘리먼트를 적용한다
의도
발생 가능한 문제점
방법
3.16 XHTML 네임스페이스를 삽입한다
의도
발생 가능한 문제점
방법

4장 유효성
4.1 transitional DOCTYPE 선언을 도입한다
의도
발생 가능한 문제점
방법
4.2 존재하지 않는 모든 태그를 제거한다
의도
발생 가능한 문제점
방법
4.3 alt 속성을 추가한다
의도
발생 가능한 문제점
방법
4.4 embed를 object로 바꿔준다
의도
발생 가능한 문제점
방법
4.5 strict DOCTYPE 선언을 도입한다
의도
발생 가능한 문제점
방법
4.6 center을 CSS로 교체한다
의도
발생 가능한 문제점
방법
4.7 font를 CSS로 교체한다
의도
발생 가능한 문제점
방법
4.8 i를 em 또는 CSS로 교체한다
의도
발생 가능한 문제점
방법
4.9 b를 strong 또는 CSS로 교체한다
의도
발생 가능한 문제점
방법
4.10 color 속성을 CSS로 교체한다
의도
발생 가능한 문제점
방법
4.11 img 속성을 CSS로 변경한다
의도
발생 가능한 문제점
방법
4.12 applet을 object로 교체한다
의도
발생 가능한 문제점
방법
4.13 프리젠테이션 엘리먼트를 CSS로 변경한다
의도
발생 가능한 문제점
방법
4.14 인라인 엘리먼트는 블록 엘리먼트 안에 배치한다
의도
발생 가능한 문제점
방법

5장 레이아웃
5.1 테이블 레이아웃을 교체한다
의도
발생 가능한 문제점
방법
5.2 프레임을 CSS 포지션으로 교체한다
의도
발생 가능한 문제점
방법
5.3 컨텐츠를 앞으로 이동시킨다
의도
발생 가능한 문제점
방법
5.4 리스트는 리스트로 마크업한다
의도
발생 가능한 문제점
방법
5.5 blockquote/ul 들여쓰기를 CSS로 교체한다
의도
발생 가능한 문제점
방법
5.6 스페이서 GIF를 교체한다
의도
발생 가능한 문제점
방법
5.7 ID 속성을 추가한다
의도
발생 가능한 문제점
방법
5.8 이미지에 너비와 높이를 추가한다
의도
발생 가능한 문제점
방법

6장 접근성
6.1 이미지를 텍스트로 변환한다
의도
발생 가능한 문제점
방법
6.2 폼 입력 필드에 레이블을 추가한다
의도
발생 가능한 문제점
방법
6.3 표준 필드 이름을 사용한다
의도
발생 가능한 문제점
방법
6.4 자동완성을 사용한다
의도
발생 가능한 문제점
방법
6.5 스킵 내비게이션을 적용한다
의도
발생 가능한 문제점
방법
6.6 폼에 탭 인덱스를 추가한다
의도
발생 가능한 문제점
방법
6.7 내부 헤딩을 적용한다
의도
발생 가능한 문제점
방법
6.8 중요 컨텐츠는 링크와 헤드라인 앞쪽으로 이동시킨다
의도
발생 가능한 문제점
방법
6.9 입력 필드를 더 크게 만든다
의도
발생 가능한 문제점
방법
6.10 ???
의도
발생 가능한 문제점
방법
6.11 Acronym 엘리먼트를 사용한다
의도
발생 가능한 문제점
방법
6.12 lang 속성을 사용한다
의도
발생 가능한 문제점
방법

7장 웹 애플리케이션
7.1 안전하지 않은 GET을 POST로 교체한다
의도
발생 가능한 문제점
방법
7.2 안전한 POST를 GET으로 교체한다
의도
발생 가능한 문제점
방법
7.3 POST를 GET으로 리다이렉트한다
의도
발생 가능한 문제점
방법
7.4 캐싱을 사용 가능하게 한다
의도
발생 가능한 문제점
방법
7.5 캐싱을 방지한다
의도
발생 가능한 문제점
방법
7.6 ETag를 사용한다
의도
발생 가능한 문제점
방법
7.7 플래시를 HTML로 교체한다
의도
발생 가능한 문제점
방법
7.8 웹폼 2.0 타입을 추가한다
의도
발생 가능한 문제점
방법
7.9 컨택트 폼을 mailto 링크로 교체한다
의도
발생 가능한 문제점
방법
7.10 로봇을 막는다
의도
발생 가능한 문제점
방법
7.11 사용자 입력을 이스케이프한다
의도
발생 가능한 문제점
방법

8장 컨텐츠
8.1 맞춤법 오류를 수정한다
의도
발생 가능한 문제점
방법
8.2 깨진 링크를 수정한다
의도
발생 가능한 문제점
방법
8.3 페이지를 이동한다
의도
발생 가능한 문제점
방법
8.4 인트로 페이지를 제거한다
의도
발생 가능한 문제점
방법
8.5 이메일 주소를 인코딩한다
의도
발생 가능한 문제점
방법

부록 A 정규표현식
A.1 자신과 정확히 일치하는 문자
A.2 메타문자
A.3 와일드카드
A.4 정량자
0 또는 1: ?
0 또는 그 이상: *
1 또는 그 이상: +
특정한 수만큼의 반복: {}
A.5 클래스 줄임명령어
A.6 문자 클래스
A.7 그룹과 백 레퍼런스
A.8 공백
A.9 alternation: |
A.10 그리디와 비그리디 매칭
A.11 포지션