오탈자 정보 2012. 4. 11. 16:19

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

(2012년 8월 8일 현재)

-----p.29(중간 부분)-------------------------------------------

(bokhanb님 제공)

오류: http://goo.gl/kAn11 

수정: http://css3pie.com/

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

-----p.46(소스 마지막 주석)----

(박상도님 제공)

오자: 폰트 사이트

수정: 폰트 사이즈

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

-----p.56(3째줄)-------------------------------------------

( bokhanb님 제공)

오류: "</nav>과 <article> 사이에 있는 <div class="clear"></div>는 제거해 주기 바랍니다."

수정: "</nav>과 <article> 사이에 있는 <div class="clear"></div>과 </article>과 <footer> 사이에 있는 <div class="clear"></div> 부분을 제거해주시기 바랍니다.

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

-----p.56(그림1.3-20 오른쪽 float:left 두 개)----

(zooo님 제공)

오자: float:left

수정: float:right

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

-----p.62-------------------------------------------

(bokhanb님 제공)

오류: Ctrl+Alt+s

수정: Crtl+Alt+Shift+s

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

 -----p.71(아래에서 3째줄)----

(zooo님 제공)

오자: 주는 ㅌ것이

수정: 주는 것이

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

-----p.69, 73, 85, 79------------------------------

(zooo님 제공)

오자: WISIWYG, WYSYWIG

수정: WYSIWYG

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

-----p.104(그림 2.3-5)-------------------------------------------

(bokhanb님 제공)

둥근 넘버링 10번이 가르키는 곳은 "웹 URL" 부분으로 수정되어야 합니다.

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

-----p.110-------------------------------------------

(bokhanb님 제공)

body부분의 background-color:#FFF; 부분의 그림도 추가되어야 합니다.

아래 그림 참고하세요.


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

-----p.137(아래에서 2번째)-------------------------------

오류: article #front_box.box1 { border-right:none; }

수정: article #front_box .box1 { border-right:none; }

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

-----p.144(박스 안 코드 마지막 li 태그 부분)-------------------------------

(bokhanb님 제공)

오류: <li><img src="images/slide2.jpg" width"900" height="496"></li>

수정: <li><img src="images/slide3.jpg" width"900" height="496"></li>

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

-----p.197(소스 중복)---------------------------------------------------

오류: nav ul.menu li a 중복

수정: 처음 나오는 nav ul.menu li a { } 제거

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


-----p.212(소스 2~3번째줄)----

(대막리지님 제공)

오자: 소스 2째줄 (padding:0 5px;)

수정: 제거해야 함

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

posted by 로드북

댓글을 달아 주세요

  1.  Addr  Edit/Del  Reply zooo

    책을 얼마전에 구입해서 읽어보고 있어요 우선 찾은거부터 말씀드리려구요 56페이지 이미지에서 footer부분이 float:right인데 left로 잘못되있는것 같아요 다른 부분은 또 찾으면 말씀드릴게요

    2012.04.29 20:31
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      zooo님, 중요한 부분에 실수가 있었네요. 꼼꼼하게 지적해주신 점 너무너무 감사합니다.

      2012.04.30 03:58 신고
  2.  Addr  Edit/Del  Reply zooo

    또 찾았어요^^: p71 뒤에서 세번째줄 ㅌ오타 /p73,79,85 wysiwyg이 오타난 부분이 있네요 / p150 컬러로 밑줄친 부분을 보라고 하셨는데 안보여요;;; 아직 170쪽까지 봤어요; ㅎ

    2012.04.30 21:35
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      감사합니다. 원고 교정, 초교, 재교, 삼교까지 보는데도 실수가 있네요. 제가 독자일 때도 오타가 나오면 인상이 찌푸려지는데, 죄송하고 감사드립니다.
      학습하시다가 궁금하신 점이 있으시면 언제든지 Q&A 게시판에 질문해주세요. 성심껏 답변해드리겠습니다.
      편안한 밤 되세요.

      2012.05.01 00:59 신고
  3.  Addr  Edit/Del  Reply 대막리지

    p212에 css설명에서 padding가 두번 들어가 있네요 2번째줄이 오타인거 같은데요

    2012.05.23 18:39
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      안녕하세요.
      지적하신 대로 padding 값는 하나만 들어가야 합니다.
      두 번째,
      padding: 0 2px;
      이 값만 들어가는 게 맞습니다.

      날카로운 지적 감사합니다.

      2012.05.24 11:11 신고
  4.  Addr  Edit/Del  Reply bokhanb

    277페이지 상단에 소스가 좀 잘못된 것 같네요.
    "Computers" 부분에 "digital 기기" 가 들어가야 할것 같고요
    "<li><a href="#">digital 기기</a></li>" 부분은 "<li><a href="#">dslr 및 lens</a></li>"으로 교체되어야 할것 같습니다.

    2012.08.18 22:37
  5.  Addr  Edit/Del  Reply bokhanb

    283페이지의 하단부에 나오는 배너를 적용하는 소스에서 보면 여러개의 배너 부분을
    div id="banner"와 같이 id값을 여러개를 사용하고 있는데요.
    제가 알기로는 id는 한 태그(엘리먼트)에 하나의 id만 지정할 때 사용하고, class는 여러개 선언해서 사용할수 있는 것으로 알고 있는데요.
    여기의 경우에 div id="banner"보다는 div class="banner"가 더 맞는게 아닌가요?

    2012.08.20 11:19
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      안녕하세요. 저자님의 답변입니다. 참고가 되었으면 합니다.

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

      id 선택자와 class 선택자인 경우 문의 하신 내용이 50%는 맞고, 50%는 아니라고 말씀드리고 싶습니다.

      사실 id 선택자는 구조상 하나의 페이지에서 하나의 엘리먼트를 지정하는 것이 맞고, class 선택자는 복수의 엘리먼트를 선언해서 사용하는 것이라고 말합니다.
      이건 제가 쓴 책에도 비슷한 내용이 나옵니다. 이게 가장 정석인 방법입니다.

      하지만 중복이 되는 엘리먼트라고 반드시 class 선택자를 사용하는 것은 아닙니다.

      예를들어 하나의 문서에서 요소(엘리먼트)가 들어가는 자리를 지정할 때 아이디 선택자를 흔하게 사용됩니다.
      원래 배너가 하나만 들어가는 것으로 개발을 하다, 추가적으로 배너가 들어가게 되면, 그 부분에 또 다른 아이디 선택자를 사용하더라도, 문서의 구조를 크게 해치는 요소는 아니라는 것이죠.

      이 책을 제작할때도 원래 배너를 하나만 넣은 것으로 페이지를 만들다, 전체적인 레이아웃이 배너가 여러개 들어가게 되다 보면, 아이디 선택자를 이용해서 요소를 배치할 수도 있다는 것입니다.

      하지만 너무 너무 정확한 지적을 해 주신 것에 대해서는 정말 감사합니다.

      더불어 HTML5 의 문서 구조에는 다음과 같은 구조도 있습니다.

      <header></header>
      <article>
      <header> </header>
      <article></article>
      <footer></footer>
      </article>
      <aside></aside>
      <footer></footer>

      즉 하나의 문서 내부에 header 및 article 및 footer 태그가 두번 들어 가는 경우도 있습니다.
      이게 표준 문서 포맷 중 하나입니다.

      참조 URL

      http://web-profile.com.ua/html/html5-document-structure/

      2012.08.20 21:59 신고
  6.  Addr  Edit/Del  Reply bokhanb

    298페이지 중앙 부분에 보면 그룹 선택자로 동일한 속성을 적용하는 부분이 나오는데요. 여기에서 #bestseller h3 선택자에 대해서도 #bestseller h3, #dslr_lens h3, #laptop h3 로 수정하는 부분이 설명이 되었으면 좋을것 같습니다.
    300페이지에 중앙 부분에 설명을 보면 main.css에서 해당 속성을 그룹 선택자로 이름을 변경하는 부분에 대한 설명이 있는데요.
    책에 그룹 선택자로 이름을 변경하는 부분에서
    #dslr_goods => #dslr_goods, #laptop .goods 선택자 부분도 추가되어야 할 것 같습니다.

    2012.08.20 20:03
  7.  Addr  Edit/Del  Reply bokhanb

    302페이지의 내용중에서 질문하나 드립니다.
    302페이지에 하단에 있는 소스에 보면 마지막 상품을 오른쪽으로 구성하고 마진값을 지정하고 있는데요. 제가 잘 이해가 안되는 부분은 오른쪽으로 배열한 다음에 마진값을 지정할때 일반적으로 생각하기에는 좌우로 마진값을 지정할것 같은데 소스에서는 위아래에 대해서 마진값을 5px을 지정해서 맞추고 있는데요. 이건 왜 이렇게 해야 하는것인지 잘 모르겠습니다.
    설명 좀 부탁드리겠습니다.^^

    2012.08.20 20:26
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      참고로 질문 관련해서는 아래 Q&A 게시판을 활용해주세요.

      http://roadbook.zerois.net/xe/

      위 질문은 저자님께 문의 부탁드렸습니다.
      감사합니다.

      2012.08.20 22:03 신고
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      저자님의 답변입니다.

      ------------------------------------
      이 부분은 해당 마지막 상품이 오른쪽으로 배치되었기 때문에 상하 부분에만 마진이 들어갑니다.
      나머지 상품들은 좌우에도 마진이 들어가 있는 것이구요. 마지막 상품에 대해서 페이지에 여유를 주고 싶다면 좌우에도 마진을 주셔도 됩니다. 하지만, 책에서는 마지막 상품이 제목 부분 선과 일치하기 위해서 마진을 안 준겁니다. 303 페이지 보시면 다른 상품들은 마진 값을 조정한 것 보이시죠?

      2012.08.20 22:52 신고
  8.  Addr  Edit/Del  Reply bokhanb

    307페이지 마지막줄 소스에 보면
    padding:0 0 20px 0; /* 왼쪽으로 패딩을 20픽셀 주어 간격 확대 */
    라고 되어 있는데요. 주석부분에서 왼쪽 => 아래쪽 으로 수정해야 맞을 것 같습니다.

    2012.08.21 00:07
  9.  Addr  Edit/Del  Reply bokhanb

    310페이지의 처음에 나오는 소스 부분에서
    <div id="banner">
    <img src="imgs/banners/nikon1.jpg" width="190" height="163">
    </div>
    이 부분을
    <div id="ad_main_banner">
    <img src="imgs/banners/main_banner1.jpg" width="775" height="145">
    </div>
    소스로 변경해야 바를것 같습니다.

    2012.08.21 09:45
  10.  Addr  Edit/Del  Reply bokhanb

    313페이지에 하단에 나오는 소스에서
    #outer_wrap 과 #wrap 부분의 width속성값 뒤에 세미콜론이 두번씩(;;) 들어가 있네요.
    별 문제는 없지만 하나는 제거하면 좋을 것 같습니다.

    그리고, 314페이지에 밑에서 3번째줄에 "[그림 4.5-8]에서 보는 바와 같이"부분에서 [그림 4.5-8] => [그림4.5-9] 로 수정하는 것이 바를듯 합니다.

    그리고, 315페이지에 설명하는 글의 첫번째 줄에서 [그림 4.5-9] => [그림4.5-10]으로 수정해야 바를 것 같습니다.

    그리고, 318페이지의 설명중에서 밑에서 두번째줄에 [그림 4.5-12] => [그림 4.5-13] 으로 수정해야 바를 듯 합니다.

    2012.08.21 15:28
  11.  Addr  Edit/Del  Reply bokhanb

    이 오타는 책의 오타는 아니고 제공된 소스의 오타가 있어서 알려드립니다.
    제공되는 소스에서 senop사이트의 최종 main.css 소스중에서
    309줄의 소스를 보면
    section#new_bookr #book.no_back {
    background-image:none;
    }
    와 같이 되어 있는데요. section#new_bookr에서 bookr => book 로 해야 바를 것 같습니다.

    2012.08.22 16:56
  12.  Addr  Edit/Del  Reply bokhanb

    343페이지 밑에서 두번째 단락에 보면 "태그에서 보듯이 hgroup은 h1부터 h7까지의 요소를 묶을 때 사용합니다." 라고 되어 있는데요. h7 =>h6 으로 수정해야 바를 듯 합니다. h태그는 h1부터 h6까지만 존재하는 것으로 알고 있습니다.

    2012.08.25 01:58
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      아네...확인해보니 6까지 있네요.
      정확한 지적 감사합니다. ^^

      http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.5

      2012.08.27 12:54 신고
  13.  Addr  Edit/Del  Reply kyeongwon

    71p 마지막 부분 "ㅌ것이" 오자가 있습니다.

    2012.12.29 20:17
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      안녕하세요. 마지막 교정 수정시에 오류가 있었던 것 같습니다. 불편을 드려 죄송합니다. 수정해서 공지해놓도록 하겠습니다. 행복한 연말 보내세요.

      2012.12.30 14:58 신고
  14.  Addr  Edit/Del  Reply 햇살남

    66페이지 [그림 1.4-10]의 이미지 아래의 내용 글중에서 "해당 예제는 jeju 폴더에 저장되어 있습니다."라고 되어 있는데요. 실제 예제 소스를 다운받아 확인해보면 별도의 jeju폴더가 존재하지는 않고요. 그냥 chapter1폴더안에 들어 있습니다.

    2013.07.25 12:21
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      예리한 지적 감사합니다. 소스 패키징 수정 작업 때 맞추지 못했던 것 같습니다.

      2013.07.25 20:37 신고
  15.  Addr  Edit/Del  Reply 햇살남

    80페이지 밑에서 5번째 줄에 보면 힌팅 기술을 사용하기 위해서" Ctrl(Command) + Shift 키를 누르거나"라고 되어 있는데요. Ctrl(Command) + Shift 키가 아니라 Ctrl(Command) + 스페이스바(Space bar)로 해야 맞을 것 같습니다.

    2013.07.26 12:07
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      햇살님, 저자님께 확인 요청하였습니다. 감사합니다.

      2013.07.29 14:20 신고
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      맞습니다. 기본 값이 Ctrl(Command) + Space key 가 기본인 것 맞습니다.

      필자가 착각한 부분이 한글 맥 시스템에서는 Command + Space Key 는 한영 변환이 되어 버려서,
      맥에서는 코드 힌팅 부분을 다른 키로 조합해서 사용하기 때문에 이렇게 책에 서술하게 되었습니다.

      다시 정리하자면,
      윈도우와 맥에서는 기본적으로 힌팅 키는 Ctrl(Command) + Space 키가 맞습니다.
      하지만 맥에서는 Command + Space 키가 한/영 변환 키이기 때문에 드림위버에서 키를 다시 맵핑하여 사용하면 됩니다.

      (저자 양용석 드림)

      2013.07.29 15:33 신고
  16.  Addr  Edit/Del  Reply 햇살남

    174페이지 마지막 줄에 있는 주소가
    http:/css3.zerois.net/pagpan/ 로 되어 있는데요. http:다음에 슬래쉬(/)가 하나 빠져있네요.
    http://css3.zerois.net/pagpan/ 로 수정해야 바를 듯 합니다.

    2013.07.30 17:55
  17.  Addr  Edit/Del  Reply 햇살남

    196페이지 글내용 2번째줄에 "main.js 파일을 scripts 폴더에 넣어주고"
    에서 main.js => menu.js 로 수정해야 바를 듯 합니다.

    2013.08.02 12:14
  18.  Addr  Edit/Del  Reply 햇살남

    198페이지 마지막 내용 다음에 <nav>~~~</nav>코드 다음에 있는 <div class="clear"></div>코드를 제거해야 한다는 내용이 추가되어야 할것 같습니다.
    그렇지 않으면 article 부분이 우측으로 이동하지 않습니다.

    2013.08.02 12:33
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      저자님께 확인 요청하였습니다. 감사합니다.

      2013.08.04 20:26 신고
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      아주 초보자가 아닌 경우 그런 내용이 추가 되지 않더라도, 그 정도의 내용은 간파되어야 하지 않을까 보입니다. 그래도 좋은 제안 감사합니다.

      2013.08.05 22:05 신고
  19.  Addr  Edit/Del  Reply 햇살남

    122페이지 하단에 나온 소스에서
    header 선택자에 height속성을 108px로 지정하고 있는데요. 107px로 지정해야 맞을 것 같습니다.
    배경이미지로 사용하고 있는 back_img1.jpg이미지의 크기도 107px이고요. 제공되는 메인시안인 psd 이미지에서도 높이가 107px 로 확인이 되네요.
    이 부분 수정할 경우 188과 189페이지의 108픽셀 부분도 107로 수정해야 할 듯 합니다.

    2013.08.02 13:52
    •  Addr  Edit/Del Favicon of https://roadbook.co.kr 로드북

      _이 부분은 108 픽셀로 하겠습니다. 이미지 크기가 107px이라고 해도 [그림 2.5-1]에서 108 px로 확인됩니다.
      _뭐 메인 시안의 높이가 107 이라고 해도 CSS에서 108px로 적용되면 108 픽셀로 되는 것입니다.
      _그리고 배경 이미지는 1픽셀로는 전체 사이트에 영향을 미치는 경우는 드뭅니다.

      2013.08.05 22:07 신고
  20.  Addr  Edit/Del  Reply 햇살남

    222페이지의 중간 정도 부분에 보면
    "이제 nav ul.menu li a의 속성을 변경하겠습니다"라고 되어 있는데요.
    "이제 nav ul.menu li a:hover의 속성을 변경하겠습니다"
    로 변경해야 바를 듯 합니다.

    2013.08.06 01:54