오탈자 정보 2013. 9. 2. 11:00

(오탈자 신고: chief@roadbook.co.kr 또는 댓글로 남겨주세요)


---------------------------------------------------

p.16 (여기서잠깐 박스 윗줄)

오류; 입력했거나 ㅇ 처음 방문하는

수정: 입력했거나  처음 방문하는

--------------------------------------------------

p.171(아래에서 2째줄)

(이현성님 제보)

오류: 선태자

수정: 선택자

---------------------------------------------------

p. 204(아래에서 2째줄)

(이현성님 제보)

오류: border-top이  마지막에

수정: border-bottom이 마지막에

--------------------------------------------------

p.215 (예제에서)

기존 back1.jpg 대신 아래 이미지를 활용해주세요.




posted by 로드북

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2.  Addr  Edit/Del  Reply anycall

    297페이지의 [그림 11-5]에서 보여지고 있는 rotate2.html파일이 있는데요.
    제공되는 소스에서는 관련되 스타일시트 내용이 전혀 적용이 되어 있지 않습니다.
    소스가 없다보니 transform-oragin속성도 prefix가 들어가야 하는지를 판단하기가 곤란한데 직접 적용을 해야 각 웹브라우저가 인식하는 것을 알수가 있네요.
    아래는 스타일시트에 추가될 소스내용입니다.

    #box2 {
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);

    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    }
    #box3 {
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);

    -moz-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    -o-transform-origin:0 0;
    transform-origin:0 0;
    }
    #box4 {
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);

    -moz-transform-origin:100% 100%;
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    -o-transform-origin:100% 100%;
    transform-origin:100% 100%;
    }

    2014.03.17 22:48
  3.  Addr  Edit/Del  Reply anycall

    오타가 아니라 책의 편집에서 문의가 있어서 글 올립니다.
    299페이지에 [표 11-2]에 보면 효과 항목에 여러군데 오렌지색으로 글자가 적혀있는데요.
    이 표뿐만 아니라 책에서 여러번 표에서 여러군데 오렌지색으로 되어 있는데요.
    처음에는 중요한 포인트가 있는것인가 라고 생각했는데 별다른 의미는 없어 보이는데요.
    의미가 있는것인지.. 아니면 편집이나 인쇄상의 오류인가요?
    개인적으로는 그냥 검은색으로 통일이 되었으면 알아보기 더 쉬울듯 한데요.

    2014.03.18 11:22
  4.  Addr  Edit/Del  Reply anycall

    302페이지에 [그림 11-10] 바로 아래 "body 속성에 perspective:200을 적용"이라고 되어있는데요. 제공되는 소스와는 일치하지 않네요. 소스에는 perspective:150을 지정하고 있습니다. 소스를 수정하는 것이 좋을 듯 하네요.

    2014.03.18 16:15
  5.  Addr  Edit/Del  Reply anycall

    305페이지 상단에 나오는 소스의 내용과는 제공되는 소스 내용이 잘못되어 있습니다.
    제공되는 소스 내용인
    #box1:hover {
    transform:rotate(180deg);
    }
    부분은 책의 내용처럼
    #box1:hover {
    width:400px;
    }
    으로 수정해야 바를 듯 합니다.
    그리고 305페이지의 글 내용중에서 [그림 11-12] =>[그림 11-13] 로 수정해야 바를 듯 합니다.

    2014.03.19 01:00
  6.  Addr  Edit/Del  Reply anycall

    334페이지 head태그에 스타일을 적용할 경우에 Noto Sans라는 웹폰트를 불러오기 위한 소스는 책에 설명이 되어 있지 않네요.
    제공된 소스를 확인해야 이해를 할수가 있네요.
    이 부분의 추가에 대한 설명이 있었으면 좋을 것 같네요.

    2014.03.25 16:22
  7.  Addr  Edit/Del  Reply anycall

    348페이지 회원가입폼 html소스를 이용해서 구체적으로 제작이 되고 있는 부분이 뒷 페이지들에 이어지고 있는데요.
    갑자기 스타일시트(CSS)를 적용하는 [그림 12-37]에서는 submit버튼과 reset버튼이 사라지고 button 태그로 바뀌어 버리네요.
    이런 부분들은 통일성을 지켜주시는 것이 좋을 듯 하고요. 변경시 책에 언급이 있어야 할것 같습니다.

    2014.03.26 16:48
  8.  Addr  Edit/Del  Reply anycall

    375페이지 글 내용 4번째줄에 보면
    "[그림 13-11]의 소스 파일은 다음과 같습니다." 라고 되어 있는데요.
    여기에서 [그림 13-11] 부분은 [그림 13-12] 혹은 [그림 13-13]로 수정해야 바를 듯 합니다.

    그리고 참고로 확정된 오타 내용들은 다른 독자들이 바로 확인하고 이해할 수 있도록 게시글에 정리해 주시면 좋지 않을까 싶네요.

    2014.03.29 11:03
  9.  Addr  Edit/Del  Reply anycall

    376페이지에서 [코드 13-5]에 ie8과 ie6과 7에 대한 속성을 추가하는 소스가 있는데요.
    이 부분에 대해서 제공되는 소스에 보면 잘못된 곳이 있네요.
    제공되는 소스 파일이 moderntest1_ie87.html 인데요.
    소스를 확인해 보면 기존의 moderntest1.html 파일에서와 다르게
    .box2 에 기존에 없던
    font-size: 10em;
    width: 10%;
    margin: 10px;
    이 추가되어 있고요.
    더 문제가 되는 것은 .box 스타일시트가 끝나는 부분에 중괄호(})로 닫아주어야 하는데
    닫혀 있지 않네요. 소스 수정해서 올려주시면 좋을 듯 하네요.

    2014.03.29 11:22
  10.  Addr  Edit/Del  Reply anycall

    383페이지에서 오타는 아니지만, [그림 14-2]에서 보면 다른 부분은 모두 오렌지색 테두리로 구분이 되어 있지만 header부분은 별다른 구분이 되어 있지 않아서 정확한 영역을 그림을 보고는 판단하기 곤란해 보입니다. header부분도 해당되는 영역을 오렌지색 테두리로 구분해 놓았으면 좋을 듯 합니다.

    2014.03.31 16:03
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      네 감사합니다. 댓글 다신 내용들은 정리해서 저자 확인 후에 공지를 하도록 하겠습니다.

      2014.03.31 16:47 신고
  11.  Addr  Edit/Del  Reply anycall

    395페이지에 #hlink li a 선택자와 nav li a 선택자에 스타일시트를 지정하고 있습니다.
    하지만 이전 index02.php에서 현재 스타일시트를 적용한 index03.php파일 사이에 #hlink li 부분과 nav li 부분에 a태그로 링크를 지정해줘야 한다는 내용이 책에 빠져 있습니다. 이 언급이 추가되어야 바를 듯 합니다.

    2014.04.01 16:21
  12.  Addr  Edit/Del  Reply anycall

    395페이지 하단 소스 내용중에서 밑에서 둘째줄에 보면
    nav li a {padding:0 20px} 부분에 대한 주석 내용으로 /* 각 메뉴 사이 간격 제거 */ 라고 되어 있는데요. 각 메뉴 사이 간격을 제거하는 것이 아니라 간격을 추가해주고 있는 부분이므로 이런 내용에 맞게 주석을 수정해야 맞을 듯 합니다.

    2014.04.02 01:21
  13.  Addr  Edit/Del  Reply anycall

    395페이지 하단의 소스에서398~399페이지로 소스 변경이 되는 부분에 있어서
    nav li a {padding:0 20px} 부분은 아무런 언급없이 nav li a {padding:0; display:block; width:118px; height:20px;}으로 변경되고 추가가 되었는데요.
    변경 되는 부분에 대한 언급이나 변경되는 부분에 대한 이유와 설명 정도는 있으면 이해에 도움이 될것 같습니다.

    2014.04.02 02:01
  14.  Addr  Edit/Del  Reply anycall

    406페이지 소스 내용에서 들여쓰기가 잘못되어 있어서 책에서 내용 파악이 곤란합니다.
    제공되는 소스 파일에서는 정상적으로 되어 있네요.
    <div class="tabl_container"> 부분부터 잘못되어 있네요.
    이 부분이 바로 윗줄의 </ul>와 동일선상이여야 하고요. <div class="tabl_container"> 내용 다음부분 부터는 한단계씩 들여써서 요소를 구성해야 하는데 두서없이 되어 있네요. 자세한 부분은 제공되는 소스 파일에서 확인해 보시면 알겁니다.

    2014.04.03 10:47
  15.  Addr  Edit/Del  Reply anycall

    404페이지 소스에서
    #justar 선택자의 margin값과 제공된 소스나 샘플 사이트의 값이 다릅니다.
    #justar선택자가 책에서는 margin:0 0 0 20px; 인데 제공된 소스나 샘플 사이트에서는
    margin:0 0 0 30px; 로 되어 있는데요. 레이아웃 구조에서 본다면 20px보다는 30px이 맞을 듯 합니다.
    또한 #justar h3 선택자에서도 책에서는 padding:0 0 8px 5px; 로 되어 있는데 제공된 소스나 샘플 사이트처럼 padding:0 0 5px 5px; 가 적절할 듯 보입니다.

    2014.04.03 11:42
  16.  Addr  Edit/Del  Reply anycall

    404페이지 하단에 Just Arrived 뒤에 <div class="clear"></div>를 넣는다고 설명이 되어 있지만 여기에서는 마치 그 다음에 나오는 Notice와 News 부분 이전에 <div class="clear"></div>를 넣는다는 뉘앙스가 느껴집니다.
    실제적으로는 411페이지 상단의 html코드 뒤에 넣어야 하므로 이런 부분에 대한 언급이 있었으면 혼돈이 되지 않을 듯 합니다.

    2014.04.03 23:49
  17.  Addr  Edit/Del  Reply anycall

    429페이지 하단의 소스 중에서
    color:rgba(0,0,0,0.2); 부분에 대한 주석내용에서
    "텍스트는 흰색이지만" =>"텍스트는 검은색이지만" 으로 수정하는 것이 바를 듯 합니다.
    rgb가 0,0,0 인 값은 흰색이 아니라 검은색이니까요.

    2014.04.05 10:24
  18.  Addr  Edit/Del  Reply anycall

    409페이지 소스에서
    .tab_container ul li 선택자에
    background:url(imgs/bullet.gif) no-repeat left 10px; 와 같이 속성값을 지정하고 있는데요.
    실제 테스트해보면 목록에 대한 블릿 위치가 리스트 항목들에 중앙이 아니고 약간 밑에 위치합니다.
    10px값을 8px 정도로 조정하는 것이 중앙으로 배치되어서 올바르게 나오네요. 샘플사이트에서도 마찬가지 현상이 나타납니다.

    439페이지 article article.phone ul li 선택자에도 background에 10px보다는 8px 정도가 적절해 보입니다.

    2014.04.05 10:38
  19.  Addr  Edit/Del  Reply anycall

    445페이지에 article article#gallery figcaption 선택자에 그림을 덮기 위해서 height속성에 대한 값을 112px, margin-top을 -98px로 지정하고 있는데요. 이 값을 지정하면 정확하게 그림을 덮지는 못하는 듯 합니다.
    height:115px; margin-top:-100px로 지정하면 완전하게 그림을 덮을 수 있네요.

    2014.04.07 12:15
  20.  Addr  Edit/Del  Reply anycall

    452페이지 밑에서 4번째 줄에 Drag & Dro => Drag & Drop 으로 수정해야 바를 듯 합니다.
    Drop에서 p가 빠져 있네요.

    2014.04.07 22:29
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      anycall님, 아직 정리를 하지 못했습니다.
      빠른 시간안에 정리해서 공지하도록 하겠습니다.

      2014.04.14 10:00 신고
  21.  Addr  Edit/Del  Reply nas

    241p-6째줄 폰트 때문에 이지미로
    272p- 5째줄 text-shdow

    2015.01.26 17:07