책이 세상을 바꾼다

p 257 의 소스에서 ul.menu li 부분에 속성이 하나 빠져 있네요.
position:relative; 부분 추가해야 할 것 같습니다.

p 260 에 있는 소스중에서 밑에서 12번째, 5번째, 4번째줄에 있는
서브메뉴B => 서브메뉴C 로 수정해야 맞을것 같네요.

p 286 에서 첫번째 줄에 data() 부분에 관련된 설명 페이지를 좌측에 "250페이지"로 되어있는데요. "249페이지"가 맞을 것 같습니다.

p 264의 두번째 문단의 내용에서 "태그(ul menu li)를 감싸고 있는 태그(ul.menu)를 지정하고"라고 되어 있는데요.
ul menu li 부분은 ul.menu li 로 수정해야 바를듯 합니다.

p 295 의 소스중에서 위에서 7번째와 8번째줄에 보면
margin-left:-25px;
position:relative;
부분이 있는데요. 이 부분은 불필요하기 때문에 제거하는 것이 좋을 것 같습니다.
이미 바로 위의 소스에서 position:relative설정을 하고 있고, margin의 경우도 margin:0 5px 0 -25px 에서 이미 왼쪽 마진에 대해서 -25px로 설정하고 있으므로 동일한 내용이 두번 중복되어 설정되고 있습니다. 그러므로 7번째와 8번째줄에 있는 코딩 소스는 불필요할것 같네요.

p 297 의 소스중에서 잘못된 곳이 하나 있습니다.
여기 나오는Chapter03/11/sample1.html 파일을 실행해서 테스트를 해보면 한가지 문제점이 있는데요. "사이트 정보를 얻은 곳은 어디입니까?"부분의 체크 박스에서 "기타"부분에 체크를 하고 그 옆에 있는 etc_text라는 빈 항목에 아무 내용도 입력하지 않았을때 원칙적으로는 "그 외의 필수 항목을 입력해 주십시오."라는 문구가 해당 dd태그에 나타나야 하지만 테스트해보면 나타나지 않습니다. 물론 책을 보고 코딩을 하던, 제공되는 소스를 가지고 테스트해도 마찬가지 입니다.
여기서 수정해야 할 부분은 p 297 의 소스 중간 정도 부분에
if($(this).attr("checked")==true && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
와 같은 코드가 있는데요. 여기서 true 부분은 "checked"라고 수정해 줘야 합니다.
즉,
if($(this).attr("checked")=="checked" && $("input[name="+$(this).attr("name").replace(/^(.+)$/, "$1_text")+"]").val()==""){
와 같이 수정해 줘야 정상 동작합니다.
또한 p 304 에도 중간에 동일한 코드가 있으므로 true => "checked" 로 수정해야 될것 같습니다.

p 312 ~ p 313 의 설명중에서 조금 잘못된것이 있는것 같습니다.

p 312 의 밑에서 두번째줄에 "패널을 왼쪽 방향으로 슬라이딩 시키는 처리" => "패널을 오른쪽 방향으로 슬라이딩 시키는 처리" 혹은 "패널을 왼쪽에서 오른쪽 방향으로 슬라이딩 시키는 처리"로 수정해야 바를 듯 합니다.

p 313 의 두번째 설명 구문에서 보면 "그러면 슬라이딩 전체가 왼쪽으로 슬라이딩되고" =>"그러면 슬라이딩 전체가 오른쪽으로 슬라이딩되고"로 수정해야 바를 듯 합니다.

p 315 의 두 개의 소스코드에서 setInter val(function(){ 과 clearInter val(timerID) 부분에서
setInter val => setInterval , clearInter val => clearInterval 로 한칸씩 띄워져 있는 부분들을 붙여줘야 할것 같네요.

P 318~P 319에 나오는 소스에 대해서 P 318 의 좌측 상단에 "chapter03/13/sample1.html"이라고 나오는데요. 이 부분은 "Chapter03/13/data1.html" 로 수정해야 바를 듯 합니다.

p 317 의 밑에서 두번째줄의 설명을 보면 "여기에서는 게시물1건에 class 속성 "column"을 설정한 div 태그로 감싸고 있습니다."로 설명이 되어있는데요.
p 318 ~p 322에 나와있는 html과 css소스에서 보면 모든 column이라는 부분이 colmun 으로 오타가 나 있습니다. 단어에 맞게 소스에서도 column으로 수정하는것이 좋을 것 같구요.
p 321 의 소스중에서 밑에서 3째와 4째줄에 속성과 값 다음에 세미콜론(;)이 두개씩 있네요. 하나는 불필요할 듯 합니다.

p 323 의 밑에서 3번째줄의 내용에 보면 "click 이벤트에서는 먼저 html()을 이용하여 #content()의 내용을 로딩"이라고 되어 있는데 여기에서 #content() => #content 와 같이 수정해서 괄호() 부분은 제거하는 것이 바를 것 같습니다.
p 335 의 설명 두번째줄에 Example => example 로 수정하는 것이 바르겠네요.

p 349 의 스트라이프 테이블 구현에 대한 관련 페이지가 164페이지로 되어 있는데요. 172페이지로 정정해야 바를 듯 합니다.

p 349 의 "Interface elements"에 관련된 페이지 주소가 우측에 http://Interface.eyecon.ro로 나와 있는데요. 일단 주소는 소문자로 통일(현재는 I부분만 대문자로 되어있어서 L을 소문자로 적은것 같이 헷갈리게 하네요)해서 http://interface.eyecon.ro 로 해야 하겠고요. 아쉽게도 현재는 운영이 되지 않는 사이트인지 사이트 방문하면 PHP소소의 에러만 있고 해당 페이지 확인이 곤란한 상태네요.

p 28 에서 구글 서비스인 Google AJAX Libraries API주소로
http://code.google.com/intl/ko-KR/apis/libraries/
사이트를 방문해보면 해당 내용이 아닌것 같은데요. 주소가 변경된 것인지 지원이 안되고 있는것인지 확인 부탁드립니다.

P 353 에서 오래된 버전의 jQuery를 Google Code로 다운로드할 수 있는 주소가 우측에 나와 있는데
http://code.google.com/p/jqueryjs/codynloads/list
=>
http://code.google.com/p/jqueryjs/downloads/list
로 수정하는 것이 바를 듯 합니다.

p 352 의 스타일시트 소스 중에서
.fisheyeItem span부분에서
positon:absolute; 라고 되어 있는데요. 일단 positon부분에서는 i가 빠져서 오타네요. position으로 해야 할것 같구요. 하지만 이렇게 해서 확인하면 span사이의 텍스트가 중앙정렬이 되지 않고 좌측정렬이 되어 버립니다.
postion:relative; 로 수정하거나 아예 이 속성을 지정하지 않아야 정상적으로 span사이의 텍스트가 중앙정렬이 되어 나옵니다.
제공되는 소스에서도 마찬가지 오타가 있고요. 오타가 있어서 속성이 적용이 안되다 보니 span사이의 텍스트가 정상적으로 중앙정렬 되어서 나온겁니다.

p 350 의 하단부분의 설명에 보면
"fisheye"를 설정한 div 태그의 안쪽에 class 속성 "fisheyeContainer"를 설정한~~
와 같이 class속성을 fisheyeContainer로 지정한다고 되어 있지만 p 351~p 353 에 있는 html, css, jquery 소스 모두에서 fisheyeContainter로 지정하고 있습니다.(t가 더 들어가 있습니다.)
한가지로 통일해야 할것 같구요. 가급적이면 fisheyeContainer로 지정하는게 좋을것 같네요.

p86 첫번째 분홍 박스 안에 preppend -> prepend 가 아닌지요???

p182 2번째 문단 중간에
8/5 가 아니라 3/5입니다.