인터넷서점 인터파크도서

@ 2017년 차세대 웹표준, ActiveX 퇴출이란 말을 보니,
이 책에 대해 더욱 기대가 된다.
@ 질의 응답 게시판이 cafe.naver.com/doithtml5 에 있다.
동영상에다가 응답 게시판까지 진짜 선생님과도 같은 책이다.

=== 첫째 마당 ===

@ 왜 HTML 과 CSS 를 배워야 할까? 에서 6가지의 이유는
HTML5 를 꼭 배워야겠다는 생각이 들게 하고 책을 더 궁금하게 만들었다.
@ 웹표준이 필요한 이유를 옷치수를 예로 들어 설명해주니 머리에 잘 들어왔다.
@ 실제 표가 중첩된 모습과 우리가 보는 화면을 비교해 놓으니 HTML5 가
더 와닿았다.
@ 닫고 열고, 공백 등 기초부터 설명이 너무 상세해서 좋은것 같다.
@ Web Developer 설치부터 초보에게 쉽도록 설명이 좋았다.

@ CSS -> Dsable All Styles 선택했을때 나오는 화면을 보며,
와~ 이렇게도 되는구나. 좋다~ 라고 느꼈다.
@ 도전 Quiz 가 갑자기 나타났다. 정답은 밑에 거꾸로 표시되는
배려도 좋구나.
@ 생활 속에서 만나는 HTML+CSS 도 있었다. 정말 친절했다.
이런건 일반 사람들에게도 팁을 주는 저자의 배려가 돋보인다.
@ html4 를 div 와 id 를 들어 말해주고, html5 문서 구조를 보여주니 좋았다.
@ 사이트의 header 태그의 예를 그림으로 보여주면서,
header 태그 부분만 돋보기로 확대 시켜 보여주니 더 좋았다.
@ 초보를 위해 head 와 header 에 대한 설명도 잊지 않았다.
@ nav 는 독립적이란 말이 머리에 쏙 들어왔고, 태그안에 포함되었을때의
예도 잘 보였다.
@ section 과 article 을 헷갈리지 않게 설명해준다.
@ 이 책 너무 자세하고 친절하다.각 태그를 무리지어 설명해주고,
결과까지 알아볼 수 있게 설명해준다. 그림 설명이 너무 좋다.
책에 나온걸 정리해 보았다. 책에는 훨씬 보기 좋게 나와있다^^

@ 101페이지 부터 107페이지 까지 직접 해보세요! 코너는 정말 좋은것 같다.
아무것도 없는것에서 하나씩 입혀 나가면 머리에 입력하고 손에 익히는데
상당히 많은 도움이 될듯 하다.
@ 이전 버전의 브라우저도 고려해주는 것이 좋았다.
자바스크립트에 대해 언급해 주는것도 좋았다.
@ 도전 mission! 이 있고, 힌트가 있고해서 너무 많은 도움이 될듯 하다.
@ 이 장에서 꼭 외워야 할 태그들을 정리한 부분은 다시 봐도 또 좋다.
@ <pre> 태그에 웹접근성을 말해주어 좋았다.
@ <strong> 과 <em> 의 HTML4 때와 HTML5 의 달라진 사용 권장을 얘기해 준다.
@ 표준에서 제외된 태그도 말해준다.
@ <ol type="a" start="2"> 를 보고 구현된 결과를 보니, 이해가 잘 되었다.
@ <ul> 때와 <dl> 을 결과 화면에서 확실히 보여주어서 비교해 보기 좋았다.
@ special 에 이미지맵은 단계적 설명이 너무 좋아서 모두가 따라할 수 있을것 같다.

@ <object> 태그가 아직도 사용은 되고 있다고 설명을 해주고,
<video> 태그로 넘어가주니, 지금의 웹환경을 이해하는데 도움이 되었다.
코덱 설명도 해주고, 브라우저별로 설명도 해주니 참 좋았다.
인코딩 하는것도 설명해주고 여러 도움을 주는듯 하다.
controls 뜨고, autoplay 되고 이쁜 강아지의 영상이 나온다.

@ <label> 태그속에 <input> 태그를 <label> 태그의 for 속성을 이용해
바꾸는 것이 인상적이었다.
@ 228페이지에 <label> 태그를 사용하는 이유 중 하나가 머리에 들어왔다.
@ 코드속에서 <input> 태그와 그 타입을 딱 찾아서 표시해주는 것이,
초보들에게는 상당히 많은 도움이 될것 같았다.

@ HTML5 에서 추가된 search 가 인상적이었고, 아직은 다 지원이 안되기 때문에
텍스트 필드를 이용해 검색 상자를 넣는다는 설명도 좋았다.
@ 날짜와 시간을 보여주고, 이 예제는 오페라와 크롬 브라우저에서만 제대로 표시
된다고 말해주는 친절함이 있다.
@ 직접 해보세요! 상품 주문서 만들기2 가 인상깊었다.
css 도 만들고, 버튼도 정렬해주고 차근차근 익히게 해주는게 좋았다.

=== 둘째마당 ===

@ 상속에 대해, 어떤건 상속이 되고, 안되는건 왜 안되는지 잘 설명하고 있다.
http://www.w3.org/TR/2011/REC-CSS2-20110607/propidx.html 를 가보았다.

@ !important 라는 우선순위도 알게 되고, 새로운걸 많이 보는듯 하다.
@ <span> 태그를 같이 사용해 원하는 일부만 css 를 적용하는 설명도 보기 좋았다.
@ 많은 속성들이 들어가 있어서 예제 id.html 을 캡쳐해보았다.

@ 하위 선택자에 대한 그림 설명도 좋았다.
@ 자식과 하위의 차이점을 말해 주는것도 좋았다.
@ 메뉴 항목에 스타일이 적용된걸 보면서, first-child 선택자, last-child 선택자등
좀 더 복잡해진듯 하지만, 더욱 편리해지고 더욱 편리해질 HTML5 를 느낄 수 있었다.

@ :not 선택자 라는것도 보게되고, 정말 참 많은데, 많은것을 또 다 설명해주고
예를 보여주는구나 하고 느꼈다.
@ 각 단위별 글꼴 크기를 비교해놓은 표를 보여주어서 좋았다.
@ text-shadow 로 여러 색을 써서, 점차 거리를 늘려서 표현하니 불타는 효과가
나왔다. css 로 포토샵 같은 효과도 나는구나 하는 생각이 들었다.

@ 직접 해보세요 에서 글자색을 바꾸고 확인하고, 그 다음 순서대로 바꿔보고 하는게
공부하는 사람에겐 많은 도움이 될듯 했다.
@ 배경 이미지를 중앙에 놓는것도 재미있었고, 스크롤에 의해 배경이미지가 이동하기도
또는 고정되기도 하는게 재미있었다.
@ background-size 에 cover 와 contain 속성값이 인상적이었다.
@ background-origin 이라것으로 배치를 하기도 하고, HTML5 속에는 정말 많은 것들이
있다고 느꼈다.
@ 그라데이션의 각도까지 조절할 수 있다니 새삼 놀랐다.
@ 그라데이션이 모두 HTML5 로 표현된것이라니, 이야~ 감탄사가 나온다.

@ 티스토리 블로그 수정하는것까지 순서대로 다 보여준다.
제목만 생활 속에서 만나는 HTML+CSS 가 아니라, 정말로 독자들이 원하느걸 보여준단
느낌이 든다.
@ margin 에서 top, right, bottom, left 를 주석을 다 달아주고,
그림으로 삥~ 돌아가며 다 설명해주니 헷갈리지 않고 이해가 되었다.
@ 전문가의 조언에서 실제 콘텐츠 계산하기 에서 그림으로 보여주니,
잠깐씩 헷갈릴수 있는 사이즈를 바로 잡아 다시 한번 생각하는데 도움이 되었다.
@ 그림의 변형도 자유자재로 되고, 거기에 대한 설명도 쉡게 해주는듯 했다.
@ transition-duration 속성을 이용한 마우스 포인터 변형은 신기했다.
HTML5 는 정말 여러가지를 하는구나. 왜 앞으로 HTML5 로 대체된다는지 이유을 알겠다.

=== 셋째 마당 ===

@ 가로방향 세로방향 화면이 변하는걸 보니, 이것에 반응형 웹이구나 하고 느낌이 왔다.

@ 너비 값 부터, 16:9 일때, 색상당 비트 수 등등 반응형 웹에서 고려해야할 것들을
알게 되었다.
@ 그리드 레이아웃에서 스마트폰, 태블릿, PC 화면을 같이 보여주는것은 인상적이었다.

=== ===

Do it 시리즈는 너무 자세해서 좋은것 같다.

하나하나 따라하다 보면, 초보도 따라하게 만들어 준다.

독자들을 이해시키겠다는 생각이 들어나는 책인것 같다.

동영상 강의도 무료로 볼 수 있고, 일석이조다.

변화화는 세상에 웹 표준을 알고 싶은 사람은 이 책을 읽으면 도움이 될것이다.

Doit, 이지퍼블리싱, 고경희, html5, 웹표준

모던 웹 시리즈는 워낙 유명해서, Html5 와 Javax-script 하면 윤인성씨 유명한건

워낙 다 알고 있을터, 개정판 책이 기대가 되었다.

이렇게 내용이 많은 책을 볼 수 있게 되어 기분이 좋았다.

일단은 Javax-script 와 jQeury 만이라도 책을 쭉 보기로 하였다.

뒤에 나오는 Ajax 와 jQuery 플러그인 또한 좋은 내용임이 분명할 것이다.

@ HTML5 발전 속도가 너무 빨라서 개정판이 후딱 나오게 되었단다.
IT 도 빠르고, 이 책의 대응도 빠르고만~^^
@ jQery 1.X 버전과 2.0 버전을 잘 나누어 설명한댄다~
@ 역시 질문을 할 수 있게 블로그가 있어서 그런지,
그 질문들을 조금 더 자세히 기입하고 문제를 정리했단다. 좋다.
@ 영어 공부와 비교, 대조해서 공부법을 알려주니 좋았다.
@ 프로그래밍 언어 기본서, 프레임워크 기본서, 프로그래밍 언어와 프레임워크 활용
이렇게 세 가지 부류를 모두 다룬단다. 한권에 다 있네~

= ch1.
@ HTLM5 와 자바스크립트로 만든 3D 테트리스 게임이란다.
와... 이런 시대가 오다니...

@ 처음의 예제 기초 Hello World 를 띄워 보았다.

@ 익스플로러 보단 크롬으로 오류 찾으라고 이유를 말해 준다.

= ch2.
@ 역시 모던 웹 책은 친절하다. 초보도 배려해가면서 하는 모습.
식별자 사용예시까지 잊지 않고 다뤄주는 모습이다.
@ 코드 2-5 에서 저런 문자열 사용까지 언급해주다니, 꼼꼼하다.
@ 불끼리 비교도 한다니, x-x-x-x-alert(true > false); 가 재미있었다.
@ 간단한 논리 부정 연산자를 해보았다.

@ x-x-x-x-alert(30 > 20 >10); 의 결과는 의외로 그냥 지나칠 수 있다는
생각이 들었다. 무심코 썼던 && 의 설명이 되는구나.
@ 변수 초기화 부터 자료형에 까지 설명이 자세하고 친절했다.
@ 복합 대입 연산자에 <ul>,<li> 를 사용해 설명하는 부분이 좋았다.

@ 증감 연산자를 number++ 를 number += 1 로도 풀어서 설명해줘서 좋았다.
@ 증감 연산자를 설명하는데 있어 코드 2-31 이 상당히 많은 도움이 되었다.

@ 코드 2-20 에서 variable 은 선언했지만 초기화하지 않았으므로 undefined
자료형을 가진다는 말이 머리에 잘 들어왔다.
@ 83페이지에서 이 절에서 가장 중요한 것은 undefined 자료형이 false 라는
것입니다 하고 신경쓸것과 안쓸것을 한마디로 정리해주니 좋았다.

= ch3.
@ 잘 사용하지 않는 특이한 switch 문 조차도, 이상하게 내 머리에
도움이 되었다.
@ 짧은 조건문도 많이 쓰지는 않는다지만 조건문 원리 이해에 도움이 되었다.
(불 표현식) || (불 표현식이 거짓일 때 실행될 문장)... 좌변 참은 우변 무시.
(불 표현식) && (불 표현식이 참일 때 실행할 문장)... 양변 모두 참일때만.

= ch4.
@ NOTE 에서 length 속성과 push() 메서드를 같이 보여주니,
이해하는데 더 도움이 되는듯 했다.
코드 4-6 은 익스플로러에선 defined 로 떴다. 크롬은 똑바로 되었다.
@ while 문에서 외부에서 조건을 변경하는 코드를 보니, 오~ 하면서 보게
되었다.

@ while 은 조건이 비중을, for 는 조건보단 횟수에 비중을~
머리에 들어온다.
@ for in 문 같은것도 있었구나. 간편한걸 처음 알았다.
@ 탭 두번 누르는 코드조각 알려주어 정말 좋았다.
@ 필자 역시 프로그래밍 처음 공부할 당시 며칠 꼬박 고민하고도 완성
못했다는 말이 힘이 되었다^^
@ 코드 4-17 에서 나의 돌머리로 한참을 해매다가 공백 말고 다른 기호를
넣어 보고 감을 잡기도 했다. 녹슨 내 머리 태옆에 기름칠 하는 기분이다.

= ch5.
@ 선언적 함수에 대한 호출을 자세한 순서로 설명하는 부분이 좋았다.
@ 내부함수를 충돌과 내부함수 사용하는 예를 잘 보여주면서 순서대로
잘 설명해줘서 좋았다.
@ 실행순서 설명에서, 마치 택배가 집에 와도 일하는 동안에는 확인할 수 없는
것과 같다 는 말은 정말 이해를 돕기위한 훌륭한 말이라고 생각되었다.
@ 144~145 페이지에서 처음에 결과가 3,3,3 이 나오는걸 보여주고,
뒤에 클러저 얘기가 나오니, 어려운 것이 어느정도는 해소가 되는것 같았다.
@ 146 페이지에선 장난 이라는 농담도 섞어 주어서 딱딱함이 해소되었다.

= ch6.
@ this 키워드를 설명하면서, 윤인성 님이 밥을 먹습니다 라고 나왔다.
진짜 밥을 먹는지 블로그에 질문해봐도 될려나?^^
@ 익숙하지 않은 with 키워드를 보았는데 재미있었다.
with(student){이름,국어,수학} 간결한게 좋은것이여~
@ alt 를 누르고 마우스 드래그 하는것 너무 좋았다.
.push 가 일렬로 쭉 떠서 편했다.
@ 코드 6-24 부터 6-26 까지 순서대로 채우면서 나가니깐 도움이 되었다.

= ch7.
@ 프로토타입을 사용한 객체 구조에 대한 설명이 좋았다.
그림 두개로 보여주니, 다른점이 이해가 되었다.
@ 겨울철에 아이스크림을 즐긴다는 말로 재미있게 캡슐화에 다가가서 좋았다.
@ 캡슐화 설명에서 음수를 넣는 것을 예로 드니, 다른 책들에 비해서
캡슐화를 이해하는데 더 쉬웠다.

= ch8.
@ 기본 자료형에 일회용 옷 이라는 개념으로 설명해주니,
너무 복잡하게 생각하지 않고 명료하게 생각할 수 있었다.
@ 메서드 체이닝에 대해서 미리 설명해줘서 평소에 궁금증이 풀리는듯 했다.
@ 225,226페이지에 sort 메서드로 정렬하면서, slice 를 보여주고,
체이닝 예까지 보여주니, 공부가 순서대로 잘 되었다.
@ 인덱스가 당겨지는 설명이 좋았고, 역 for 문의 forr 를 설명해줘서 좋았다.
@ create() 메서드가 많이 헷갈렸는데, 속성,특성을 활용할 수 있고, 상속이라고
볼 수도 있다고 말해주니 이해에 도움이 되었다.

= ch9.
@ open() 메서드로 팝업창이 뜨는걸 보니 기분이 좋았다.

= ch10.
@ 노드와 텍스트노드, 문서 객체 만드는 방법 3가지 방법을 차례대로 잘 설명한듯 했다.
@ 1초마다 시간이 계속 변하는 모습을 보니 재미있었다.

= ch11.
@ 이벤트 버블링 설명이 좋았다.
@ 브라우저 마다 다를 수 있는 상황을 언급해주고 넘어가니 좋았다.

= ch12.
@ 자바스크립트는 다른 프로그래밍에 비해 예외 객체를 많이 활용하지는 않지만,
고급 예외 처리 방법은 많이 사용되니 꼭 기억하라는 조언이 좋았다.
@ 코드 12-12 의 적절한 강제적 예외 발생과 처리가 좋았다.

@ jquery 버전 설명, 다운로드, CDN 호스트, 지핑 등등 설명이 좋았다.
@ 전체 선택자를 사용해 jquery 의 시작을 해보았다. 모두 빨간색임을 확인할 수 있었다.

@ 꼭 외워야할 선택자를 말해주어서 좋았다.
@ 코드 13-25 를 해보니, 아~ 이게 jQuery 구나 하고 느낌이 왔다.

@ each() 에 addclass() 를 사용하는 설명이 좋았던것 같다.

@ 이 장이 어렵다면 일단 다음 장으로 넘어가고, 후에 돌아와도 된다는 등의
공부법 안내도 좋은것 같다.
@ filter() 메서드에서, '이럴 거면 왜 써요?' 하면서 의문을 주고,
그에 대해 차근히 설명해주니 좋았다.
@ css() 메서드 setter 1,2,3 으로 다 보여주는 친절함은 계속된다.
@ 간단한 이벤트 연결에 대해 얘기해주고, on() 메서드는 어떨 때 더 쓰인다고
말해주는게 좋았다.
@ 특정부분에 선택자를 적용하고 싶을 때 사용하는 매개변수 context.
역시, 자주 사용하니 꼭 기억하라고 중요도를 정해서 말해준다.
@ 그림 그리기 너무 재미있었다. 마우스로 선을 그으니 선이 쭉쭉 생겼다.