IT 포스팅 2011. 11. 15. 02:39
ⓒ 손은영 & 로드북(www.roadbook.co.kr)
(2011년 12월 출간 예정인 <빅데이터 시대를 준비하는 NoSQL 핵심 가이드(가제)>의 실행 환경 구축을 실었습니다)

먼저 CentOS 5.4 설치방법입니다. 
 
1. CentOS 5.4 파일을 다운로드 받습니다.
 
5.7 버전 이후의 CentOS를 다운받으려면 아래 사이트에 가서 자신에게 가까운 지역을 고르면 됩니다.
 

하지만 CentOS 5.4는 아래 사이트를 통해 다운받으셔야 합니다.

위 주소에서 본인의 컴퓨터에 따라 i386과 x86_64 중 하나를 선택하여 ‘CentOS-5.4-i386-bin-1of6.iso’와 같은 .iso 파일을 클릭하여 받으시면 됩니다. 6개로 나뉘어져 있는데 기본적인 설치에는 1번 ~ 3번 파일만 받으셔도 됩니다. iso 파일을 다 받으면 CentOS를 설치합니다.

2. CentOS 설치
가상컴퓨터에 CentOS를 설치해 보도록 하겠습니다. VMware Player 4.0 버전을 사용하였습니다. VMware 홈페이지에서 30일 무료버전을 받으실 수 있습니다. 아니면 다음이나 네이버에서도 쉐어웨어를 받으실 수 있습니다. 편한 곳에서 받아서 설치하시면 됩니다.
 

설치한 VMware Player를 열고 CentOS를 설치하겠습니다. 먼저 VMware Player를 실행합니다. 


오른쪽 제일 위의 ‘Create a New Virtual Machine’옆의 그림을 클릭합니다.
 

 
여기서 ‘Installer disc image file(iso)’를 선택하고 Browser를 클릭하여 위에서 받은 CentOS 5.4 1번 파일을 찾아서 클릭한 후 Next 버튼을 누릅니다.
Linux 정보를 넣는 화면입니다. 사용하실 Full name과 User name 및 Password를 입력해주시면 됩니다. 여기서 입력한 패스워드가 사용자의 password 및 시스템 root 아이디의 패스워드가 됩니다.
 


posted by 로드북
:
자료실 2011. 11. 14. 19:44

jquery_sample.zip
6.27MB

<웹 디자이너를 위한 jQuery> 본문 예제소스입니다.

 
----------------------------------
chapter02/04/sample8.html은 아래 소스를 활용하세요~~. 댓글 참고.
sample8.html
다운로드

 

posted by 로드북
:
오탈자 정보 2011. 11. 14. 19:41
(오탈자 신고: chief@roadbook.co.kr 또는 댓글로 남겨주세요)

2012년 1월 1일 현재

-------- p.36(아래에서 4째줄, color 속성)_1쇄--------
(데벨님 제공) 

오류: read
수정: red
--------------------------------------  

-------- p.40(sample5.html 4째줄)_1쇄--------

오류: <sapn>
수정: <span>
-------------------------------------- 

-------- p.35(2번째 소스 박스)_1쇄--------
오류: funcition
수정: function
-------------------------------------- 

posted by 로드북
:
출간예정도서 2011. 11. 8. 22:41
안녕하세요. 로드북의 신간 예정 소식입니다.
jQuery에 관한 책으로 "간결하고 정교한 입문서"로 표현하고 싶습니다.

사실, jQuery는 웹 디자이너를 위해 나온 느낌입니다. HTML과 CSS를 조작해서 어떤 동적인 움직임을 주려면 과거엔 자바스크립트를 이용해서 상당히 난이도 있는 작업을 하였는데, 지금은 기본적인 명령(jQuery 함수)의 원리와 사용 방법을 알면 웬만한 건 개발자의 손을 빌리지 않고도 디자이너가 처리할 수 있게 된 것 같습니다.

이 책은 전반부는 아주 기본기를 탄탄히 해줄 수 있는 내용을 다루고 후반부에는 책의 절반 이상을 할해하여 13가지 레시피를 구체적으로 다루고 있습니다. 이중 몇가지를 소개합니다.

 1. 아코디언 패널 클릭해보세요! 


2. 툴팁 클릭해보세요!


3. 동적인 서브 메뉴 만들기 클릭해보세요!


4. 플로우팅 윈도우 표시하기 클릭해보세요!


5. 모달 윈도우 만들기 클릭해보세요!


6. 모달 윈도우에 종료표시를 달아보세요. 클릭해보세요!


7. 온라인 아마존 서점 따라해보기 클릭해보세요.
(5초 간격으로 자동으로 움직입니다)


8. 플로그인을 찾아서 활용해보세요. 클릭해보세요.



 Coming Soon!!

 
posted by 로드북
:
신간소개 2011. 10. 11. 12:10



제목: 프로그래밍 콘테스트 챌린징
지은이:Takuya Akiba, Yoichi  Iwata, Masatoshi Kitagawa
옮긴이: 박건태, 김승엽
페이지: 448
판형: 4x6배변형(188x235)
도수: 1도
정가: 25,000원
발행일: 2011년 10월 24일
ISBN: 978-89-966598-4-6



[절판된 도서입니다!!]


[강컴] [교보] [리브로] [반디] [11번가] [알라딘] [예스24] [인터파크]

Sample.pdf


_
도서 내용

국제/국내 프로그래밍 콘테스트를 준비하기 위한 책입니다. 하지만 프로그래머가 되고자 하는 학생이나 프로그래머도 "프로그래밍 뇌"를 강화하기 위해 학습할 수 있는 내용입니다.

문제들은 그렇게 어렵지는 않습니다. 주어지는 입력이 단순하기 때문에 손으로 그림을 그려가면서 풀어보면 대부분 풀리는 문제들입니다. 하지만, 이것을 (주어진 제한조건하에) 일반화하기 위해서는 상당히 많은 알고리즘 지식이 필요합니다. 바로 이러한 알고리즘을 제한 시간과 제한 조건에 맞게 프로그래밍할 수 있도록 도와주는 책입니다.

_대상 독자

프로그래머가 되고자 하는 학생

각종 프로그래밍 경시대회를 준비하는 학생

프로그래밍 뇌가 조금씩 작아지고 있다고 생각하는 프로그래머

알고리즘 면접을 보는 국제/국내 유수의 IT 기업 취업을 준비하고 있는 예비 프로그래머 

_목차

CHAPTER 1 프로그래밍 콘테스트 (초급편)

   1-1 프로그래밍 콘테스트란 무엇인가요?

   1-2 어떤 콘테스트가 있나요?

      세계적인 규모의 콘테스트 - Google Code Jam(GCJ)

      상위 랭크를 목표로! - TopCoder

      역사 깊은 콘테스트 - ACM/ICPC

      중학생, 고등학생을 위한 정보 올림피아드 - KOI/IOI

      웹에서 자동 채점 - online judge

   1-3 이 책은?

      다루는 내용

      사용하는 언어

      문제를 다루는 방법

      프로그램은

      이 책을 다 읽은 후

   1-4 어떻게 해답을 제출하나요?

      POJ에 제출하는 방법

      GCJ에 제출하는 방법

   1-5 효율적인 알고리즘을 목표로!

      계산량이란?

      실행시간이란?

   1-6 가볍게 워밍업

      먼저 간단한 문제부터

      POJ 문제 [Ants]

      허들이 높아진 [제비 뽑기]

_주요 내용

최고의 알고리즘을 찾을 때까지 당신의 뇌를 뛰게 하라!

극한의 알고리즘 트레이닝, 최고의 프로그래머를 꿈꾼다!


문제 해결 능력을 겨룬다!

성능, 문제 해결, 아이디어 등을 겨루는 다양한 프로그래밍 콘테스트(경시대회)가 있습니다. 이 책은 그 중에서 문제 해결을 겨루는 콘테스트를 다룹니다.

프로그래머로서 기초체력을 튼튼히!

프로그래밍 콘테스트에서는 효율적인 알고리즘을 생각하고 정확하게 구현해야 합니다. 다양한 문제에 대해 유연한 발상이 필요하고 기초적인 알고리즘 지식을 갖추어야 합니다. 말 그대로 콘테스트 준비를 함으로써 프로그래머로서 기초체력을 튼튼히 할 수 있습니다.

‘프로그래밍 뇌의 증강을 위해!

프로그래머가 되고자 하는 학생뿐만 아니라 현업 프로그래머도프로그래밍 뇌의 증강을 위해 한 번쯤 도전해볼 만합니다. 자신의 알고리즘 능력을 점검해볼 수 있고 응시자와 선의의 경쟁을 통해 실력을 가늠하고 학습 모티브를 얻을 수 있습니다.

다양한 콘테스트에 대비한다!

세계적인 규모의 콘테스트: Google Code Jam(GCJ)

상위 랭크를 목표로: TopCoder

역사 깊은 콘테스트: ACM/ICPC

중학생, 고등학생을 위한 정보 올림피아드:  KOI/IOI

유수 IT 기업의 면접에 대비한다!

구글, MS, 국내 유수의 IT 기업 등의 알고리즘 능력 점검을 위한 면접 시험에 대비할 수 있습니다.

 _편집자 코멘트

이 책에서 주어진 문제는 눈으로 풀어도 출력값은 구할 수 있습니다. 하지만 이것을 일반화하기 위해서는 특수한 알고리즘 기법이 필요합니다. 수많은 알고리즘을 책으로 무진장 많이 학습했다고 해서 쉽게 그러한 알고리즘 기법을 떠올리지는 못하겠죠? 이 책은 바로 이론으로만 알고 있는 알고리즘 지식을 어떤 상황에서도 생각해내서 응용할 수 있게 해주는 책입니다. 물론, 간단하게 이론을 정리해서 설명해주기도 합니다.

이 책이 여러 유용한 점이 있기는 하지만, 시험만을 준비하기 위해 문제 유형과 해법을 달달 외우기만 한다면, 프로그래밍 능력에서 중요한 요소인 창의력과 끈질기게 해법에 도전하는 지구력은 결코 얻을 수 없을 것입니다.

이 책을 학습할 때 생각의 깊이를 좀더 깊게 파고 창의적 사고의 너비를 좀더 넓게 두었으면 좋겠습니다. 누구에게는 힘든 정신적 노동일 수 있고 누구에게는 뇌에서 우러나는 소리 없는 땀이 주는 맛을 크게 맛볼 수 있는 계기가 될 것으로 생각합니다. 한번 도전해보세요!

, 알고리즘 면접을 치르는 IT 기업의 취업 준비에도 도움이 될 수 있습니다.

"최고의 알고리즘을 찾을 때까지 당신의 뇌를 뛰게 하라!"

_저자 소개

[지은이]

Takuya Akiba

1988년 출생. 2007년 동경대학 입학. 프로그래밍 콘테스트에서는 아이디 iwi로 활약 중. 주요 전적은 Topcoder Open 2009에서 9.

Yoichi Iwata

1988년 출생. 2007년 동경대학 입학. 프로그래밍 콘테스트에서는 아이디 wata로 활약 중. 주요 전적은 Google Code Jam 2009에서 3.

Masatoshi Kitagawa

1988년 출생. 2007년 동경대학 입학. 프로그래밍 콘테스트서는 아이디 kita_masa로 활약 중. 주요 전적은 ICPC World Finals 2010에서 16.

[옮긴이]

박건태

시스템 프로그래머이다. 현재 클라우드 컴퓨팅(Cloud Computing)과 콘텐츠 딜리버리 네트워크(CDN) 전문기업 ㈜솔루션 박스에서 Iass 기반 Cloud를 개발 중이다. 일본에서 임베디드 리눅스 기반의 다양한 어플리케이션을 개발했고 SI 업체에서 다수의 시스템을 개발했다. MVC를 확장한 경량 프레임워크를 개발해 오픈 소스로 제공한 뒤 귀국했다.

저서 <Jlet으로 배우는 위피 프로그래밍>(한빛미디어, 2005), 역서 <Java 언어로 배우는 리팩토링 입문>(한빛미디어, 2007)이 있다.

김승엽

일본에서 시스템 프로그래머로 시작하여, 일본 기업의 임베디드 시스템 개발센터 소장직을 역임했고 한국으로 돌아와서 현재 ㈜디지털크래프트 코리아의 대표이사를 맡고 있다. 일본에서 RTOS 분야와 임베디드 컴포넌트 시스템 분야에서 활동했고 일본의 비영리 법인단체인 TOPPERS 프로젝트에서 많은 성과물을 오픈 소스로 제공하고 있다. 현재는 TOPPERS 프로젝트의 한국보급WG에서 활동하고 있다.

posted by 로드북
:
오탈자 정보 2011. 10. 11. 12:09
(오탈자 신고: chief@roadbook.co.kr 또는 댓글로 남겨주세요)


2011년 11월 7일 현재

-------- p.30(1째줄)_1쇄--------
오류: Lcm
수정: L cm
--------------------------------------

-------- p.31(표에서)_1쇄--------
(ChanMin Kim님 제보)
오류: 1048567
수정: 1048576
--------------------------------------

-------- p.52(15째줄)_1쇄--------
오류: d[iㄴ][j]
수정: d[i][j]
--------------------------------------

-------- p.57(아래에서 3째줄)_1쇄 --------
오류: 6(500원짜리 1개, 50원짜리 2개, 5원짜리 2개 합계 6개)
수정: 6(500원짜리 1개, 50원짜리 2개, 10원짜리 1개, 5원짜리 2개 합계 6개)
---------------------------------------------------------------------

-------- p.64(그림 정정)_1쇄 --------
오류 : 맨 오른쪽 좌표값 50 누락


수정:


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

-------- p.71_1쇄--------
(정현환님 제보)
"동적 설계법(dynamic programming)"이라는 용어와 241페이지의 "동적 계획법"은 같은 용어입니다. "동적 계획법으로 통일합니다.
--------------------------------------

-------- p.74_1쇄----------------------------------------------------
(정현환님 제보)
memset을 이용하지 못하는 경우는 "int 배열과 같은 각 원소에 할당된 크기가 1byte보다 큰 배열일 경우다."로 좀더 구체적으로 표현하겠습니다.
----------------------------------------------------------------------

-------- p.74 & p.88_1쇄---------------------------------------------
(정현환님 제보)
74페이지의 LCS(최장 공통 부분열)은 <최장 공통 부분 서열(혹은 수열)>이라는 용어도 함께 쓰임을 알려드립니다.
88페이지의 LIS(최장 증가 부분열) 역시 <최장 증가 부분 서열>이라는 표현도 함께 쓰임을 알려드립니다.
------------------------------------------------------------
-------- p.74(마지막 줄 수식에서)_1쇄 ---------------------------------------------
오류: max(dp[i+1][j], dp[i+1][j-w[i]+v[i]) (그외) 
수정: max(dp[i+1][j], dp[i+1][j-w[i]]+v[i]) (그외) 
--------------------------------------

-------- p.79_1쇄(DP 테이블에서)--------------------------------------
(장원영님, 궁금님 제보)
오류: j/i
수정: i/j
---------------------------------------------------------------------- 

-------- p.86(마지막 소스 바로 위)_1쇄--------
(ChanMin Kim님 제보)
오류: dp[i+1][j] = (0 <= k <= m_i 그리고 k x a_i<=j에서 dp[i][j-k x a_i]가 참이 되는 k가 존재한다. 
수정:  dp[i+1][j] = (0 <= k <= m_i 그리고 k x a_i<=j에서) dp[i][j-k x a_i]가 참이 되는 k가 존재한다. 
--------------------------------------

-------- p.86(아래 수식 바로 윗단락 2째줄)_1쇄--------
(장원영님 제보)
오류: K(>0)
수정: k(>0)
-------------------------------------- 

-------- p.87(마지막 수식)_1쇄--------
(ChanMin Kim님 제보)
오류: -1(j<a) 또는 dp[i+1][j-a_i]<= 0
수정: -1 (j<a_i 또는 dp[i+1][j-a_i] ≦ 0)
--------------------------------------

-------- p.100(소스 9번째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: heap[i]=x;
수정: 인덴트 오류입니다. 들여쓰기가 한번 더 되어야 합니다.
--------------------------------------

-------- p.107_1쇄--------
(ChanMin Kim님 제보)
오류: p108의 bool타입의 find 함수명 부분  
수정: 인덴트 오류입니다. 들여쓰기가 한칸 빠져야 합니다.
오류: p109의 마지막 else 부분  
수정: 인덴트 오류입니다. 들여쓰기가 한칸 추가되어야 합니다.
--------------------------------------

-------- p.107_1쇄--------
(ChanMin Kim님 제보)
오류: 자식 노드 11과 17이 길을 잃습니다.  
수정: 자식 노드 10과 17이 길을 잃습니다.
--------------------------------------

-------- p.110(소스 아래에서 5째줄, 2째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: printf("%d\n", *ite);  과  return 0;
수정: 인덴트 오류입니다. 들여쓰기가 한칸 추가되어야 합니다.
--------------------------------------

-------- p.134(본문 3째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: d[i]=d[i]+(i부터 j의 변(edge)의 코스트)
수정: d[j]=d[i]+(i부터 j의 변(edge)의 코스트)
--------------------------------------
 
-------- p.137(소스 위 2째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: 음의 폐로가 있는지 없는지는 d[i][j]가 
수정: 음의 폐로가 있는지 없는지는 d[i][i]가
--------------------------------------

-------- p.137(8째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: d[O][i] 
수정: d[0][i]
--------------------------------------

-------- p.137(13째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: d[k][[i] 
수정: d[k][i]
--------------------------------------

-------- p.148(3째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: d[i+1]+O>=d[i] 
수정: d[i+1]+0>=d[i]
--------------------------------------

-------- p.150(small과 Large 제약조건_1쇄--------
(ChanMin Kim님 제보)
오류: x_1, y_1   x_1, y_1
수정: x_i, y_i     x_i, y_i
--------------------------------------

-------- p.151(아래에서 10째줄_1쇄--------
(ChanMin Kim님 제보)
오류: v_2가 내림차순으로 정렬되어 있지 않으면 y_1 < y_2 이 되는
수정: v_2가 내림차순으로 정렬되어 있지 않으면 y_i < y_j 이 되는
--------------------------------------
 
-------- p.154(4째줄_1쇄--------
(ChanMin Kim님 제보)
오류: 00...010...0
수정: 00...0, 10...0
--------------------------------------

-------- p.155(아래에서 5째줄_1쇄--------
(ChanMin Kim님 제보)
오류: a_1,a_2,a_Q
수정: a_1, a_2, ..., a_Q
--------------------------------------

-------- p.157(소스  중간의 for문 인덴트 오류)_1쇄--------
(ChanMin Kim님 제보)
오류: dp[q][q + 1] = 0;
수정: 들여쓰기 해야 함
--------------------------------------

-------- p.164(마지막줄)_1쇄--------
(ChanMin Kim님 제보)
오류: |y1-y2=0
수정: |y1-y2|=0
--------------------------------------

-------- p.173_1쇄--------
(정현환님 제보)
오류: 제곱승
수정: 거듭제곱
--------------------------------------

-------- p.173(아래에서 4째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: Biginteger
수정: BigInteger
--------------------------------------

-------- p.178(박스안 1째줄)_1쇄--------
(ChanMin Kim님 제보)
오류: a_1 >= k
수정: a_i >= k
--------------------------------------

-------- p.165(아래에서 3째줄)_1쇄 --------
오류 : O와 c의 최대공약수는
수정: 0와 c의 최대공약수는
-----------------------------------------  

-------- p.182(Column 4째줄)_1쇄 --------
오류 : 10-30배가 되어
수정: 10^-30배가 되어
-----------------------------------------  

-------- p.185(수식 설명 부분)_1쇄 --------
(ChanMin Kim님 제보) 
오류


수정

 
-----------------------------------------  
 
-------- p.242 외_1쇄 --------
(정현환님 제보)
오류 : 메모화
수정: 메모이제이션
-----------------------------------------   

-------- p.315_1쇄 --------
(정현환님 제보)
오류 : 지금까지 소개한 기법을 이용해서, GCJ에 의해 발전된 문제를 실제로 해결해봅시다.
수정:  GCJ 문제 중 지금까지 공부한 것을 이용해서 좀 더 어려운 문제를 해결해봅시다.
-----------------------------------------    

-------- p.327(박스 안 1째줄)_1쇄 -------------
(정현환님 제보)
오류 : 기하의 문제
수정:  기하 문제
-----------------------------------------  

-------- p.348_1쇄 --------
(정현환님 제보)
포제원리는 '포함-배제 원리' 라는 용어와 같습니다.
-----------------------------------------  

-------- p.428_1쇄 --------
(정현환님 제보)
'다배장 연산(bignum arithmetic)'은 '큰수 연산(big-number arithmetic)'이라는 표현과 같습니다.
-----------------------------------------  

--------계산량이라는 용어에 대해--------
(정현환님 제보)
"계산량은 O(X)다" 라는 표현이 많이 보이는데, 보통 big-Oh notation에 대해서는 "시간 복잡도(time complexity)"로 표기를 합니다만, 계산량이라는 용어를 일부러 계속 넣은 것은, 알고리즘 용어보다는 계산하는 양이라는 의미로 이해할 수 있도록 사용되었습니다. 시간 복잡도라고 했다면 책이 조금 무거워질 것 같아 계산량이라는 표현 그대로 사용했으니 참고 바랍니다.
-----------------------------------------------------

--------하프만이라는 용어에 대해--------
(ChanMin Kim님 제보)
"하프만"은 "허프만" 또는 Huffman이라는 용어가 많이 사용됩니다. 
(근거: http://word.tta.or.kr/index.jsp 에서 허프만 포함하는 결과 검색)
------------------------------------------------------ 



posted by 로드북
:
출간예정도서 2011. 10. 4. 13:04
부제는 아래와 같습니다.
 for GCJ, TopCoder, ACM/ICPC, KOI/IOI

부제 그대로 국제/국내 프로그래밍 콘테스트를 준비하기 위한 책입니다. 현업 프로그래머도 "생각의 뇌"를 강화하기 위해 학습해볼 만하다고 생각합니다.

문제들은 그렇게 어렵지는 않습니다. 주어지는 입력이 단순하기 때문에 손으로 그림을 그려가면서 풀어보면 대부분 풀리는 문제들입니다. 하지만, 이것을 일반화하기 위해서는 (즉, 주어진 제한조건하에) 상당히 많은 알고리즘 지식이 필요합니다.

이 책이 여러 유용한 점이 있기는 하지만, 시험만을 준비하기 위해 문제유형와 해법을 달달 외우기만 한다면, 프로그래밍 능력에서 중요한 요소인 창의력과 끈질기게 해법에 도전하는 지구력은 결코 얻을 수 없을 것입니다.

이 책을 학습할 때 생각의 깊이를 좀더 깊게 파고 창의적 사고의 너비를 좀더 넓게 두었으면 좋겠습니다. 누구에게는 힘든 정신적 노동일 수 있고 누구에게는 뇌속에서 우러나는 소리없는 땀이 주는 맛을 크게 맛볼 수 있는 계기가 될 것으로 생각합니다. 한 번 도전해보세요!

다음 그림은 이 책의 예제 중 하나입니다.

 
보면 아시겠지만, 눈으로 풀어도 출력값은 구할 수 있습니다. 하지만, 이것을 일반화하기 위해서는 '너비우선탐색'이라는 특수한 알고리즘 기법이 필요합니다. 너비우선탐색을 알고리즘 책으로 무진장 많이 학습했다고 해서 쉽게 그러한 알고리즘 기법을 떠올리지는 못하겠죠?

이 책은 바로 이론적으로만 알고있는 알고리즘 지식을 어떤 상황에서도 생각해내서 응용할 수 있게 해주는 책입니다. 물론, 간단하게 이론을 정리해서 설명해주기도 합니다.

표지를 첨부합니다. 한번 살펴보세요. 약간 강하게 헤드카피를 적어보았습니다." 참, 올 겨울 방학때 대학생이라면 한번 이 책에 도전해보는 것도 좋을 것 같습니다. 그리고 알고리즘 시험을 치르는 IT 기업의 취업 준비에도 도움이 될 수 있습니다.

"최고의 알고리즘을 찾을 때까지 당신의 뇌를 뛰게 하라!!"

 

posted by 로드북
:
신간소개 2011. 9. 22. 02:48




l  저자: 양용석

  l  페이지: 448

  l  판형: 4x6배변형(190x244)

  l  도수: 2

  l  정가: 25,000

  l 발행일: 2011104

  l  ISBN: 978-89-966598-3-9

강의자료 요청하기 
chief@roadbook.co.kr

[이 책은 개정판이 출간되었습니다]
개정판 바로가기

[강컴] [교보] [리브로] [반디] [11번가] [알라딘] [예스24] [인터파크]


sample.pdf


_
도서 내용

이 책은 HTML5 CSS3의 새로운 점에 포커스를 맞추고 있지는 않습니다. 웹 표준의 핵심 철학인 "구조와 디자인의 분리"라는 관점에 맞게 달라진 웹 개발 방식을 제대로 배울 수 있도록 하는 것이 이 책의 주목적입니다.

이 책으로 학습하는 독자가 HTML5로 구조를 제대로 설계할 수 있고 CSS3로 정밀하고 자유자재로 디자인을 컨트롤할 수 있는 정도의 수준까지 될 수 있도록 구성하였습니다.

특히, 3부에서는 최신의 브라우저를 기준으로 HTML5 CSS3를 이용하여 가상이지만 대표할 만한 기업의 웹 표준 사이트를 구축해봅니다. 이 실습 프로젝트를 통해 웹 표준 개발 방식에 충분히 익숙해질 수 있을 것으로 기대합니다.

실전 웹 표준 사이트 살펴보기 css3.zerois.net

_대상 독자

HTML 태그로 아직도 디자인을 하고 있는 현업 웹 디자이너

CSS를 쓰고 있어도 리뉴얼도, 유지보수도 힘든 결과를 내고 있는 웹 디자이너

웹 디자이너나 개발자가 되기 위해 공부하고 있는 학생

웹 디자이너와 협업을 해야 하는 웹 기획자나 개발자

 _목차

1부 웹 표준과 HTML & CSS의 기초

01장 웹 표준이란

   Section 1 웹 표준의 등장 배경

   Section 2 웹 접근성을 높여주는 웹 표준

   Section 3 환경을 보호하는 웹 표준

   Section 4 사이트 개발 기간의 단축과 유지 보수의 용이성

   Section 5 정밀하게 제어할 수 있는 사이트 디자인

02 HTML5 소개

   Section 1 DOCTYPE 정의하기

   Section 2 HTML 문서의 기본 구조

   Section 3 HTML5 XHTML1.0의 차이점

   Section 4 HTML5에서 추가된 태그

   Section 5 HTML5에서 사라진 태그

03장 웹사이트 구조 설계를 통해 살펴 본 HTML5의 장점

   Section 1 HTML 문서의 구조 설계

   Section 2 HTML5를 이용한 HTML 문서 구조 잡기

04 CSS 기본 지식 익히기

   Section 1 캐스케이딩 스타일 시트(CSS) 이해하기

   Section 2 CSS HTML의 상호작용 원리

   Section 3 CSS 일반 규칙과 CSS3에서 추가된 속성

05장 간단 예제로 배우는 HTML5의 멀티미디어 태그

   Section 1 video 태그 활용하기

   Section 2 audio 태그 활용하기

   Section 3 embed 태그 활용하기

   Section 4 canvas 태그 맛보기



_
주요 내용

웹 표준 시대의 NEW 웹 개발을 생각한다

과거의 웹 개발 방식은 깡그리 잊자!

아직도 테이블 태그로 디자인 레이아웃을 만들고 있습니까? 여전히 HTML 코드에 디자인 속성을 덕지덕지 붙이고 있습니까? 웹 디자이너가 이제나저제나 디자인만 해주기를 기다리고 있는 웹 개발자입니까? 유지보수 문제로 매일 밤을 지새우고 있지는 않나요? 웹 디자이너로 웹 개발자로 구인을 해야 하는데 무엇을 가장 먼저 준비해야 할지 모른다고요?

지금 당장 웹 표준 공부를 시작하십시오.

HTML5 CSS3는 새로운 것이 아닙니다. 과거의 버전에 새로운 철학(구조와 표현의 분리)이 만나 새로운 시대적 요구에 맞게 없앨 것은 없애고 필요한 것은 새로 추가한 것입니다. 그렇기 때문에 무엇보다 웹 표준의 개발 방식을 익히는 것이 중요합니다.

새로운 태그나 문법이 중요한 게 아닙니다. 구조와 표현을 분리하여 사이트를 설계하고 사용하는 능력이 중요합니다. 이 책이 지향하는 가장 중요한 목표입니다.

처음 시작하는 초보자도 볼 수 있습니다.

웹 표준에 익숙하지 않은 개발자나 디자이너도 볼 수 있습니다.

이 책으로?

HTML은 구조만 잡는 데 사용할 수 있도록 간단히!!!

CSS로 디자인을 정밀하게 제어할 수 있도록 자세히!!!

실전 웹사이트 제작으로 실전 능력까지 한방에!!!.


_
편집자 코멘트

이 책의 집필을 시작할 즈음에 저자는 두바이에서 어느 유명 호텔의 웹사이트 개발 프로젝트를 완료한 상태였습니다. 당시에는 XHTML1.0 기준으로 CSS로 사이트 디자인을 제어하는 웹 표준 개발 방식이었습니다. 그런데 집필이 완료된 즈음에 웹사이트 리뉴얼을 했다는 얘기를 듣고 사이트를 방문해보았는데, 편집자인 저는 놀라지 않을 수 없었습니다. 어떻게 이렇게 짧은 시간에 완전히 다른 사이트 같이 리뉴얼을 해놓았을까? 바로 새로운 웹 개발 방식의 힘이라는 것을 깨달았습니다. 웹 표준의 개발 방식? 이제는 대세입니다.

_저자 소개

양용석 ugpapa@gmail.com

두산정보통신 인터넷 사업팀에서 첫 직장생활을 시작으로, 두산 그룹, 국제 유도연맹, 두산 베어스 등의 웹사이트를 개발했다. 그 후 다양한 인터넷 회사에서 웹사이트를 개발하였고 지금은 프리랜서로 활동하고 있다. 최근 두바이 아시아나 호텔 사이트를 개발했다.

제주대학교에서 정보공학(현 컴퓨터공학)을 전공했으며, 현재 제주도에서 아내와 두 딸 그리고 아들과 함께 살고 있다.

                                                                                                _

posted by 로드북
:
오탈자 정보 2011. 9. 18. 23:20

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

2012년 2월 5일 현재

-----P.9(목차 마지막 부분)(1쇄)---
(여원아빠님 감사합니다)
오자: 부록A.....451

수정: 부록A.....421

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

-----P.34(박스 안 아래에서 5째줄)(1쇄)---
(스마일넷님 감사합니다) 
오자: strcit.dtd

수정: strict.dtd

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

-----P.35(첫 단락 6째줄)(1쇄)---
(스마일넷님 감사합니다)
오자: 또한 frameset 자체를 인정하기 않기 때문에

수정: 
또한 frameset 자체를 인정하지 않기 때문에 
----------------------------
 
----
P.43(9째줄)(1쇄)---
오자: <br/>

수정: 
<br />
-----------------------------------
 

----
P.49(아래 3째줄)(1쇄)---
오자: inuput type

수정: input type

-----------------------------------
 
 
-----P.59(예제 3-1 소스코드 마지막줄)(1쇄)---
(여원아빠님 감사합니다)

오자: <div id="footer"></footer>

수정: 
<div id="footer"></div>
-----------------------------------


-----P.79(예제 4-1 캡션)(1쇄)---
(이지연님 감사합니다)

오자: [예제 4-1] [그림 4-3]의 소스코드

수정: 
[예제 4-1] [그림 4-4]의 소스코드
-----------------------------------


-----P.91(5장 소개글 4째줄)(1쇄)---
(왕초보님 감사합니다)

오자: 그리면 canvas 태그는

수정: 그러면 canvas 태그는

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


-----P.98(그림 아래 2째줄)(2쇄)---
(김종호님 감사합니다)

오자: 올려놓고 왼쪽 버튼

수정: 올려놓고 오른쪽 버튼

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

-----P.128(스타일시트 지정 부분)(2쇄)---
오자: 
h1{size:24px; color:#06f; font-family;'돋움';}
수정: h1{font-size:24px; color:#06f; font-family;'돋움';}
-----------------------------------

-----P.133(9째줄)(1쇄)---
오자: 
<linkhref=”...
수정: 
<link href=”...
-----------------------------------


-----P.143(13째줄)(1쇄)---
오자: 
1부에서는 HTML 태그에서도 블록 태그와 인라인 태그로 구분된다고 설명하였습니다.
수정: 
HTML 태그에서도 블록 태그와 인라인 태그가 있습니다. 대표적으로 <p> …</p>는 블록 태그이고, <img > 태그는 인라인 태그입니다.
-----------------------------------
 

-----P.148(예제에서)(2쇄)---
(류소현님 제공)
오자: 
또한 사용자 편의를 위해서 이전 버전에 비해 많은 부분이 보강되었습니다. 
수정: 
<span class="txt1">또한 사용자 편의를 위해서 이전 버전에 비해 많은 부분이 보강되었습니다.</span>
-----------------------------------
  

-----P.158(소스 링크 부분)(1쇄)---
오자: source/ch06/ex6-13_1.html, 
source/ch06/ex6-13_2.html 
수정: 
source/ch06/pic6-13_1.html,  source/ch06/pic6-13_2.html 
-----------------------------------
  

-----P.183(여기서잠깐 마지막줄)(1쇄)---
오자: 
이것은 3부 사이트 제작 실습에서 음수 값을 이용해서 레이아웃을 잡을 때 설명하겠습니다.
수정: 제거

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

-----P.190(마지막줄)(1쇄)---
오자: 
(주의: IE는 IE9을 제외하고는 border-radius를 적용하는 방법이 없습니다.)
수정:
 (주의: IE는 IE9을 제외하고는 border-radius를 적용하는 방법이 없습니다. 단, 편법적인 방법은 존재합니다.) 
 ------------------------------------------- 

 -----P.194(예제 7-5 별색 볼드 부분)(1쇄)---
(전성희님 감사합니다)

오자: box-shadow 2px 2px 5px :
#999;
수정: box-shadow: 2px 2px 5px #999;
-----------------------------------

-----P.230(소스코드에서 10째줄)(1쇄)---
오자: 
src: local(‘?’)
수정: src: local(‘☺‘)
-----------------------------------

-----P.243(예제 코드 .shadow1 중에서)(1쇄)---
(이지연님 감사합니다)

오자: 
#999999c
수정: 
#999999
-----------------------------------


-----P.282(그림 10-7 캡션)(1쇄)---
(이지연님 감사합니다)

오자: [그림 10-7] PNG와 GIF 파일 비교

수정: 
[그림 10-7] GIF와 PNG 파일 비교
-----------------------------------

-----P.128(위에서 7째줄)(2쇄)---
(박민수님 감사합니다)

오자: <style type="test/ccs" ... 

수정: 
<style type="test/css" ...
-----------------------------------

-----P.128(위에서 7째줄)(2쇄)---
(박민수님 감사합니다)

오자: <style type="test/ccs" ... 

수정: 
<style type="test/css" ...
-----------------------------------

-----P.135(그림 6-5 바로 위)(2쇄)---
(박민수님 감사합니다)

오자: 불러오게 할도 있습니다.

수정: 불러오게 할 수도 있습니다.

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

-----P.342(첫째쭐)(2쇄)---
(양남원님 감사합니다)

오자: 3
0픽셀을 줄 예정인데
수정: 20픽셀을 줄 예정인데
-----------------------------------
 

-----P.369(박스 안 소스 4째줄)(1쇄)---
(신고님 감사합니다)

오자: a herf="3">

수정: 
a herf="#">
-----------------------------------

-----P.374(2째줄)(1쇄)---
(신고님 감사합니다)

오자: center란 폴더에

수정: 
member란 폴더에
-----------------------------------
 



posted by 로드북
:
자료실 2011. 9. 8. 04:23
본문 예제소스               다운로드 
3부 실전예제 전체소스   다운로드

10장 서브페이지 PSD     다운로드

10장 메인페이지 PSD    

실전예제 프론트.psd


posted by 로드북
: