첫째, NoSQL의 대표적인 key-value형, 컬럼형, 문서형 NoSQL의 큰 범주의 개념을 확실하게 정리해줍니다.
둘째, 분야의 대표적인 NoSQL만 다룹니다
(memcached, MongoDB, Cassandra, Hbase, Redis 등)
셋째, 기본적인 설치와 특성 파악을 할 수 있는 실습, 그리고 간단한 예제를 다뤄봄으로써 NoSQL의 큰 그림을 그릴 수 있습니다.
마지막으로, 국내 독자가 이해하기 쉽도록 편역되었으며 DB 관련 전문가 그룹의 감수를 거쳤습니다.
_대상 독자
적어도 1년 이상 현장 경험이 있는 DB 엔지니어나 프로그래머
새로운 시스템 구축에 NoSQL의 도입을 검토 중인 프로그래머
NoSQL이 무엇이고 어떻게 활용할지 알고 싶은 열혈 학습형 프로그래머
_목차
편역자의 글
베타 리뷰어 글
감수자의 글
저자 서문
실습 안내
Chapter 1. NoSQL 데이터베이스의 기초지식
1-1 관계형 데이터베이스와 NoSQL 데이터베이스
1-1-1 NoSQL이란?
1-1-2 관계형 데이터베이스의 간략한 역사
1-1-3 데이터베이스의 분류
1-1-4 관계형 데이터베이스의 장점
1-1-5 관계형 데이터베이스의 약점
1-1-6 NoSQL 데이터베이스
1-2 NoSQL 데이터베이스에는 어떤 것이 있는가?
1-2-1 key-value형 스토어
1-2-2 문서형 데이터베이스
1-2-3 컬럼형 데이터베이스
1-3 NoSQL 데이터베이스의 도입은 어떻게 할 것인가?
1-3-1 어디까지나 고려 대상의 하나
1-3-2 어디까지 믿을 수 있는가?
Chapter 2. NoSQL 데이터베이스의 종류와 특징
2-1 memcached(휘발성 key-value형 스토어)
2-1-1 memcached란?
2-1-2 왜 memcached를 사용하는가?
2-1-3 특징과 사용 케이스
2-1-4 도입 절차
2-1-5 동작 확인
2-1-6 각 언어용 라이브러리
2-1-7 관련 툴
2-2 Tokyo Tyrant (영속성 key-value형 스토어)
2-2-1 Tokyo Tyrant란?
2-2-2 왜 Tokyo Tyrant을 사용하는가?
2-2-3 특징과 사용 케이스
2-2-4 도입 절차
2-2-5 동작 확인
2-2-6 각 언어용 라이브러리
2-2-7 관련 툴
2-3 Redis(휘발성/영속성 key-value형 스토어)
2-3-1 Redis란?
2-3-2 왜 Redis를 사용하는가?
2-3-3 특징과 사용 케이스
2-3-4 도입 절차
2-3-5 동작 확인
2-3-6 각 언어용 라이브러리
2-4 MongoDB(문서형 데이터베이스)
2-4-1 MongoDB란?
2-4-2 왜 MongoDB를 사용하는가?
2-4-3 특징과 사용 케이스
2-4-4 도입 절차
2-4-5 동작 확인
2-4-6 각 언어용 라이브러리
2-4-7 관련 툴
2-5 Cassandra(key-value형 스토어)
2-5-1 Cassandra란?
2-5-2 왜 Cassandra를 사용하는가?
2-5-3 특징과 사용 케이스
2-5-4 도입 절차
2-5-5 동작 확인
2-5-6 각 언어용 라이브러리
2-6 HBase(컬럼형 스토어)
2-6-1 HBase란
2-6-2 왜 HBase를 사용하는가?
2-6-3 특징과 사용 케이스
2-6-4 도입 절차
2-6-5 동작 확인
2-6-6 각 언어용 라이브러리
Chapter 3. NoSQL 데이터베이스를 사용해 본다
3-1 memcached의 구체적인 이용 예
3-1-1 샘플① 관계형 데이터베이스의 Cache
3-1-2 샘플② 음원 랭킹 사이트
3-1-3 샘플③ 외부 API의 cache
3-2 Tokyo Tyrant의 구체적인 이용 예
3-2-1 샘플① 페이지 별 Access 수 표시
3-3 Redis의 구체적인 이용 예
3-3-1 샘플① 타임라인 형식의 웹 어플리케이션
3-3-2 샘플② 검색 이력 기능
3-4 MongoDB의 구체적인 이용 예
3-4-1 샘플① 앙케이트 응답 데이터 보존
3-4-2 샘플② 분석 데이터 스토리지
3-5 Cassandra의 이용 예
3-5-1 사용자 검색 정보 스토리지
3-6 HBase 이용 예
3-6-1 대형 SNS 서비스의 주 스토리지
Chapter 4. 퍼포먼스 검증
4-1 기본적인 입력과 검색 성능
4-1-1 테스트 케이스
4-1-2 준비
4-1-3 입력 성능
4-1-4 검색 성능
4-2 구체적인 경우의 성능 비교
4-2-1 Tokyo Tyrant의 addint 메소드와 incr 메소드
4-2-2 Redis에서 리스트형 데이터의 입력과 삭제
4-2-3 MySQL의 JOIN과 MongoDB의 embed
Chapter 5. NoSQL인 관계형 데이터베이스
5-1 NoSQL 데이터베이스에 대해
5-1-1 각각의 특징
5-1-2 운영시의 비용 및 적은 노하우
5-1-3 MySQL을 NoSQL화 하는 방법
5-2 HandlerSocket을 테스트해 본다
5-2-1 특징
5-2-2 HandlerSocket을 MySQL에 설치
5-2-3 동작 확인
5-2-4 성능은 어떨까?
부록 기본 환경 구축 가이드(CentOS 5.4 & Ruby 1.8.7)
찾아보기
_주요 내용
관계형 데이터베이스의 한계를 뛰어 넘는다!
폭주하는 데이터를 위한 새로운 데이터베이스!
120개가 넘는 다양한 NoSQL, 어떻게 알지? 어떻게 정리하지?
전세계 NoSQL 데이터베이스만 120개 이상입니다. 그만큼 필요에 따라 다양한 NoSQL이 개발되고 있습니다. 이 책은 key-value, 컬럼, 문서형 등의 대표적인 NoSQL 데이터베이스를 다루어 그 특징을 쉽게 파악할 수 있습니다.
관계형 DB의 처리 속도 문제를 경험했다면?
데이터 양의 증가로 관계형 DB의 퍼포먼스가 급격하게 악화되는 것을 체감한 분이라면 이 책을 통해 상황에 맞는 대응책을 얻을 수 있습니다.
대표적인 NoSQL의 기본적인 실습을 해볼 수 있다!
CentOS5.4/Ruby1.8.7 환경에서 대표적인 NoSQL을 설치해보고 테스트해봄으로써 각 NoSQL의 장단점, 퍼포먼스를 직접 체감해볼 수 있습니다.
이 책에서 다루는 NoSQL은?
memcached Redis MongoDB
Cassandra HBase Tokyo Tyrant
"추가로 도움이 될 수 있는 주문을 한다면, "관계형 데이터베이스"를 이용하면서 가지게 된 습관을 조금은 허물고, 이 책을 읽는다면 더욱 얻게 되는 것이 많지 않을까 합니다. 물론, 새로운 기술을 익히는 과정에서 기존의 경험은 좋은 비교 수단을 제공한다는 점에서 의미가 있다고 생각합니다.
신기술이 반드시 정답일 수는 없습니다. 하지만, 기존 기술의 바탕에서 정보시스템에 대한 새로운 요구 변화에 동력을 제공하기 위한 중요한 씨앗으로서 신기술의 적용은 항상 고민해야 할 주제인 것 같습니다. NoSQL기술을 통한 차세대 정보시스템 데이터 모델의 수립을 위한 좋은 출발점으로 이 책은 적절한 선택이 될 것이라고 생각합니다."
_베타리뷰어 방성민(디지털오션 시스템사업2팀 부장)
"시대에 적합하고, 적용에 대한 통찰(Insight)을 구체적으로 발견할 수 있도록 도와줄 수 있는 이 책은 NoSQL 군의 다양한 데이터베이스의 특징, 그리고 적용 방법 등을 구체적으로 제시하고 있다. 이 책이 시중에 나오기 전에 데이터베이스를 전문적으로 다루고 있는 LG CNS DB 관리팀에서는 이 책을 통해 NoSQL에 대해서 사전에 충분히 학습을 전개하였다. 여기에서 형성된 기본적인 이해와 실질적인 적용 사례 등을 바탕으로 빅 데이터 처리의 구체화된 적용을 추진하고 있으므로, 이 책이 주는 NoSQL에 대한 기본적인 이해와 적용에 있어 좋은 책임을 입증하였다고 할 수 있다.
데이터로 인한 변화의 시기에 빅 데이터, NoSQL에 갈급(渴急)한 많은 사람에게 ‘목마른 사슴에게 시냇물이 나타나는 듯’한 책이 바로 이 책이 되기를 바란다."
_감수자 대표 이춘식(LG CNS DB 관리팀)
_편집자 코멘트
NoSQL의 종류가 이렇게 많은데, 이걸 어떻게 접근해서 배워야 하나? 페이스북이니 트위터니 하는 이미 성공을 이룬 기업의 NoSQL을 집중적으로 공부하면 되나? 그런데 어떻게?
사실, 많은 분들이 이렇게 생각할 수도 있을 것 같습니다. SNS뿐만 아니라 고객의 작은 반응도 정보로 활용하기 위해 DB로 활용하게 되면서 사실 지금의 데이터 환경은 이미 전통적인 관계형 데이터베이스만으로는 한계에 부딪혀 있습니다. 그런데, 어디서 어떻게 배워야 할지 막막하다면 이 책이 해답이 될 수 있을 것 같습니다.
쉽게 설치해보고 테스트를 해볼 수 있으며 대표적인 NoSQL의 실제 구현된 사례를 보고 퍼포먼스 비교도 할 수 있습니다. “아~ 우리 기업은 이것을 한 번 활용해봐야겠다” 하는 어떤 아이디어를 얻고 구체적인 시스템 개발 방향을 얻어내기에 충분한 입문서라고 생각합니다.
즉, 이 책은 NoSQL을 알기 위한 첫 번째 가이드인 셈입니다. 도전해보세요!
_저자 소개
Tatsuya Sasaki
Ruby나 Rails를 좋아하는 Hadoop 엔지니어로 주로 데이터 분석을 수행함. 시스템을 처음부터 만드는 것, 새로운 기술을 사용하는 것을 좋아한다. 최근에는 NoSQL과 분산처리에 흥미를 갖고 있다. 좋아하는 음식은 카라아게와 타이야키.
Twitter: http://twitter.com/sasata299
Blog: http://blog.livedoor.jp/sasata299
_편역자 소개
손은영
LG CNS DB 관리팀에서 기술 아키텍트로 일하고 있다. 데이터베이스와 미들웨어에 흥미가 있으며진짜 전문가가 되기 위해 노력 중이다.
올해 IT 분야의 최대 이슈 중 둘째 가라면 서러워 할 만한 게 NoSQL이죠. 주요 대형 IT 행사에서 가장 큰 인기를 얻은 주제가 아니었나 싶습니다.
이 책은 이런 분들이 보면 좋을 것 같습니다.
1. 관계형 DB를 쓰다가 뭔가 문제(비용 문제이든 퍼포먼스 문제이든)에 직면해 있는 엔지니어(DBA 또는 프로그래머)
2. 대체 NoSQL이 뭔데 이렇게 난리법석? 하며, 개념부터 기본적으로 설치해보고 퍼포먼스도 느껴보고자 하는 열혈 학습 엔지니어 또는 프로그래머
3. 새로운 서비스 시스템을 구축하기 전 기술전략을 세워야 할 때
4. 적어도 1년차 이상의 엔지니어가 보면 좋을 책
다음과 같은 NoSQL을 다룹니다.
memcachedCassandraRedis MongoDBHBaseTokyo Tyrant
모든 NoSQL을 설치하고 테스트를 해볼 수 있게 구성하여 개념적으로만 접근하지는 않습니다. 테스트 환경은 CentOS와 Ruby로 진행됩니다.
2부는 기본적으로 설치와 테스트를 해보면서 개념 및 장단점 등을 파악하고 3부에서는 동영상 데이터를 가져오거나 트위터와 같은 비슷한 개념을 DB를 구현해봅니다.
원서는 2010년에 출간되었습니다. 원서 검토 결과 jQuery 라이브러리 버전이 1.3 버전대더군요. 하지만, 해당 내용의 정교한 구성에 깜짝 놀랬습니다. 번역 과정에서는 버전업을 해서 내용을 추가한 것은 아니지만, 기본기를 탄탄하게 알려주기 때문에 버전업이 되어도 해당 라이브러리를 찾아서 쓸 수 있는 응용력을 확실하게 길러주는 책이라는 인상을 받았습니다.
jQuery 라이브러리는 아직도 계속 추가되고 있으며 현재는 1.6 버전입니다. jQuery는 서버에 저장해놓고 해당 페이지에 불러와서 쓸 수도 있고 구글 서버 페이지를 링크해서 쓸 수도 있습니다. 항상 최신 버전을 쓰겠다는 옵션을 넣어두면 어떤 jQuery 버전의 라이브러리를 쓰더라도 문제 없습니다.
이 책은 일본의 최대 온라인 서점인 아마존 재팬의 IT/컴퓨터 분야에서 1년이 지났어도 아직도 20위 안에 랭크되어 있는 초베스트셀러입니다.
독자 서평을 한번 살펴볼까요.
17개의 최고평점이 달려 있습니다.
대표적인 서평을 한번 요약해보았습니다.
1. 프로그래밍 초보자에게 추천한다.
2. 정말 웹 제작 현장에서 사용할 만한 책이다.
3. jQuery의 교과서라 볼 수 있다.
4. jQuery를 처음 시작하는 사람은 이 책을 읽어야 한다.
5. HTML과 CSS를 어느 정도 이해한다면 충분히 쓸 수 있다.
6. 실용 예제가 포함되어 있어 "나도 할 수 있다"는 자신감을 얻을 수 있다.
....
2. jQuery는 디자인을 사용자 요구에 따라 시시각각 변화시켜주기 위한 용도로 만든 자바스크립트 라이브러리입니다. HTML과 CSS로 정적인 디자인을 만들었다 하더라도 사용자가 어떤 요청을 했을 경우 디자인을 동적으로 변경해주어야 하는데, 이것을 자바스크립트로 짜게 되면 엄청나 노동이 필요합니다. 진짜 프로그래밍 영역이 되는거죠. 그런데, jQuery는 CSS의 대표적인 개념인 셀렉터를 이용해서 멋지게 디자인을 마법처럼 바꿔준다는 것이죠. 이게 정말 매력적이었습니다.
3. 인터넷에 엄청나게 많은 플러그인이 제작되어 기본적인 원리를 이 책을 통해 배운다면 정말 무궁무진하게 웹사이트의 디자인적 유연성을 높일 수 있을 것이라고 생각합니다.
번역서 소개만으로는 부족할 것 같아, 간단하게 위와 같이 원서를 한 번 소개하였습니다. 책 선택시 참고가 되었으면 좋겠습니다.
로드북의 두 번째 책 <거꾸로 배우는 소프트웨어 개발>에서 테스트 자동화 관련 내용의 일부를 발췌하였습니다. 아래 삽화는 아래 카피라잇만 포함한다면 상업적 용도외에 모든 곳에 사용할 수 있습니다. 회사에서 프레젠테이션을 재미있게 해본다든지 할 때 활용해보세요.
ⓒ 로드북, <거꾸로 배우는 소프트웨어 개발>(이호종 저, 2011)
----------------------------------------------------------- 참고로, 이 책은 <사람과 프로그래머> 시리즈 두 번째입니다. 소프트웨어 개발에 관해 인문학적으로 접근하고 있습니다. -----------------------------------------------------------
구제역이 발생하면 발생 농가로부터 반경 3Km를 위험지역으로 분류하고 출입 통제와 함께 차단 방역을 실시한다. 소프트웨어 버그도 마찬가지로 대처할 수 있다. 버그 발생 구역을 집중 감시 구역으로 설정하고, 버그 구제/퇴치 작업을 진행하는 도중에 새로운 버그가 생겨나지 않도록 차단막을 설치 가동해야 한다. 그게 바로 ‘단위 테스트’이고 ‘테스트 자동화 Test Automation’이다.
물론, 가난한 유기농 농가(?)에서는 이런 자동화 설비를 구축하기 어려운 게 사실이다. 하지만 형편이 좀 나은 곳에서도 그다지 필요성을 잘 못 느끼는 경우가 많다. 어떻게 하면 좋을까?
먼저 인식 전환이 필요하다. 소프트웨어 결함에 너무 안일해지지 않아야 한다. 어쩔 수 없는 것이라고 체념하지 말자. 극복하고 돌파해야 할 과제라고 인식을 바꿔야 한다. 또한, 효과적인 결함 관리를 위해서는 쉽게 피로해지는 사람의 손과 눈을 어느 정도 보완해줄 수 있는 ‘자동화 기계’가 필요하다는 공감이 개발조직에 확산되어야 한다.
사실 ‘자동화 기계’라고 했지만, 이것을 마련하고 가동하는 데 엄청난 비용이 드는 건 아니다. 알고 보면, 저렴하게 이용할 수 있는 ‘기계’가 많다. 단위 테스트 도구인 xUnit 을 권한다. 대부분 프로그래밍 언어마다 xUnit 패키지가 있다. 뭘 새로 많이 개발해야 하는 게 아니다. 그냥 xUnit 사용법을 익히면 된다. 세균과의 전쟁을 맨 몸으로 하지 않아도 된다. 프로그래머의 뇌를 매개체로 증식하는 세균 같은 소프트웨어 버그에 대처하기 위한 체계적이고 안전한 방호법이다. 버그의 유충까지 섬멸할 수 있는 자동 화염 방사기다. 디버깅하느라 ‘삽질’을 하고 있었다면, 이젠 삽 대신 xUnit을 사용해보자. 개발이 달라진다.
jQuery 주요 디자인 레시피 살펴보기 ※ 클릭하세요※ 이 책의 원서 소개 페이지 ※ 클릭하세요※
_도서 내용
"간결하고 정교한 입문서"로 정의하고 싶은 책입니다.
jQuery는 웹 디자인을 편리하게 하기 위해 등장하였습니다. HTML과 CSS를 조작해서 어떤 동적인 움직임을 주려면 과거엔 자바스크립트를 이용해서 상당히 난이도 있는 작업을 하였는데, 지금은 기본적인 명령(jQuery 메서드)의 원리와 사용 방법만 알면 웬만한 건 개발자의 손을 빌리지 않고도 디자이너가 처리할 수 있게 되었습니다. 바로 이 책은 프로그래밍에 약한 디자이너가 jQuery를 잘 쓸 수 있도록 도와주는 책입니다.
전반부는 아주 기본기를 탄탄히 해줄 수 있는 내용을 다루고 후반부에는 책의 절반 이상을 할애하여 13가지 레시피를 구체적으로 다루고 있습니다.
_대상 독자
프로그래밍이라면 그냥 개발자에게 맡겨버리는 웹 디자이너
HTML과 CSS를 활용한 디자인의 동적 움직임을 파악하고자 하는 웹 개발자
웹 표준을 공부하고 있는 실무 웹 디자이너
_목차
1장. 간단히 살펴보는 jQuery에 관한 기초지식
1-1 jQuery란?
압도적인 인기를 자랑하는 JavaScript 라이브러리, jQuery
샘플 코드로 보는 jQuery의 편리함
가볍다! 그리고 크로스브라우징을 지원한다!
1-2 jQuery 활용 준비
jQuery 다운로드
jQuery를 읽어 들이는 부분
Column01_Google 서버에서 jQuery 사용하기
2장. 간단 예제로 jQuery 기초 다지기
2-1 jQuery 기초와 셀렉터(Selector)의 사용법
JavaScript와 HTML/CSS의 관계
JavaScript의 실행 타이밍과 jQuery의 ready 함수
HTML의 태그를 지정하는 “셀렉터”
1. CSS에서 자주 이용되는 셀렉터
2. CSS2 셀렉터
3. CSS3 셀렉터
4. CSS 속성 셀렉터
5. jQuery 자체 필터
Jquery 셀렉터 정리
2-2 기본 명령을 이용한 HTML/CSS의 조작
HTML/CSS를 마음대로 조작할 수 있는 jQuery 명령
1. 텍스트 변경과 가져오기
2. HTML 변경과 가져오기
3. HTML 삽입
4. HTML 이동
5. 다른 태그로 감싸기
6. 태그 변경
7. 태그 제거
8. 속성값 변경과 가져오기
9. class 속성 추가와 제거
10. CSS 제어
복수의 명령을 조합하는 “메서드체인”
HTML/CSS를 조작하는 jQuery 명령어 정리
2-3 ‘이벤트’로 타이밍을 설정하자 - Ajax 사용하기
처리 타이밍을 결정하는 “이벤트”
HTML을 읽어 들이는 타이밍에 실행되는 ready()
다른 이벤트 처리에도 ready()는 필수 항목
이벤트의 기본을 click()으로 배우자
더블 클릭 이벤트를 감지하는 dbclick()
마우스의 버튼 조작을 감지하는 mousedown()/mouseup()
클릭될 때마다 다른 처리를 실행하는 toggle()
마우스오버/마우스아웃을 감지하는 mouseover()/mouseout()
마우스의 움직임에 맞춰서 처리를 실행하는 mousemove()
이벤트 발생시에 한 번만 처리를 실행하는 one()
설정되어 있는 이벤트 처리를 취소하는 unbind()
앞으로 추가될 태그에 이벤트 처리를 설정할 수 있는 live()
jQuery 이벤트 정리
[실무에서 자주 나타나는 함정] a 태그에 설정한 click 이벤트 처리가 동작하지 않는다!
[실무에서 자주 나타나는 함정] a 태그에 설정한 dbclick()이 동작하지 않아!
[JavaScript 원포인트 레슨] JavaScript로 텍스트 결합하기
2-4 폼 태그의 기능을 익혀보자
폼 태그의 기능을 충실히 제공하는 jQuery
1. 폼 태그의 값을 가져오고 변경하는 명령
2. 폼 태그에 관한 이벤트 처리
3. 폼 태그를 선택하는 셀렉터
[실무에서 자주 나타나는 함정] change()가 동작하지 않는다?
[JavaScript 원포인트 레슨] 조건에 따라 다른 처리를 가능하게 하는 if문
2-5 웹 페이지의 편리성을 높인다.
이미 잘 알려져 있는 “Ajax”란 무엇인가?
웹 페이지에 텍스트를 삽입하는 load()
load()를 이용하여 외부의 HTML 표시하기
XML 데이터를 가져와서 변환하여 표시하기
[실무에서 자주 나타나는 함정] “글자가 깨지는 경우 또는 읽어 들이지 않는 경우”
– Ajax를 사용할 때의 주의점
[jQuery 원포인트 레슨] 셀렉터로 지정된 태그에 반복 처리를 수행하는 each()
2-6 애니메이션 효과로 움직임을 입혀보자
비표시 상태의 태그를 표시하는 show()
표시 중인 태그를 숨기는 hide()
태그의 표시/비표시를 반복하여 변경하는 toggle()
표시/비표시를 슬라이딩 효과로 변경하는 slideDown()/slideUp()
표시/비표시를 슬라이딩 효과로 반복하여 변경하는 slideToggle()
표시 상태를 페이드인/페이드아웃으로 변경하는 fadeIn()/fadeOut()
투명도를 서서히 변경하는 fadeTo()
독자적인 애니메이션 효과를 설정할 수 있는 animate()
애니메이션 효과와 관련된 명령 정리
[실무에서 자주 나타나는 함정] 멈추지 않는 애니메이션 효과를 해결하자
[CSS 원포인트 레슨] 마우스 포인터를 변경하는 cursor 속성을 익혀보자
[실무에서 자주 나타나는 함정] fadeOut(“slow”)와 fadeTo(“slow”, 0)은 같은가?
Column02_ JQuery와 다른 JavaScript 라이브러리의 공유
3장. 실무에서 사용할 수 있는 디자인 레시피
3-1 CSS 셀렉터를 이용한 스트라이프 테이블
CSS3 셀렉터의 사용으로 작업 효율을 높이자
스트라이프 테이블 만들기
마우스오버로 행이나 열에 하이라이트 효과 주기
[실무에서 자주 나타나는 함정] jQuery로 CSS를 직접 조작하는 방법은 좋지 않습니다.
[JavaScript 원포인트 레슨] 텍스트 연결과 계산식의 차이
3-2 슬라이드식 이미지 갤러리
이미지 갤러리의 기본이 되는 부분을 만들어 보자
애니메이션 효과로 그림을 매끄럽게 변경해 보자
그림이 추가되는 슬라이드식 갤러리로 개선해보자
[JavaScript 원포인트 레슨] 문자열을 수식으로 바꿔주는 parseInt()
3-3 부드러운 아코디언 패널
간단한 아코디언 만들기
더욱 보기 좋고 사용하기 편리한 아코디언으로 개선
[실무에서 자주 나타나는 함정] “JavaScript off”를 고려한 UI 디자인을 하자
[고객의 요구사항에 대처하기] “아코디언을 옆으로 열고 닫게 해주세요!”
3-4 포털사이트에서 많이 볼 수 있는 탭 패널
기본 탭 패널의 작성법
애니메이션 효과로 좀 더 보기 좋은 탭 패널로 개선
[고객의 요구사항에 대처하기] 고객이 간단히 변경할 수 있는 탭 패널을 만들어 보자
3-5 개성적인 3종류의 툴팁
CSS로 꾸민 심플한 툴팁
투명한 GIF로 만든 고정위치 툴팁
투명한 PNG로 만든 타이머식 툴팁
3-6 롤오버 형식의 내비게이션 메뉴 바
롤오버의 기본적인 구조부터 만들기
범용적인 롤오버로 개선하기
이미지의 프리로드(preload) 처리 추가
[JavaScript 원포인트 레슨] 문자열 치환을 편리하게 해주는 정규표현
3-7 투명한 PNG 이미지를 지원하는 롤오버
롤오버 기능의 기본 부분 복습
IE6에서의 투명 PNG 표시
크로스브라우징 가능한 투명 PNG 롤오버 기능
[CSS 원포인트 레슨] 투명 PNG를 웹 제작에 이용하기
3-8 다단계 형식의 드롭다운 메뉴
기본 드롭 다운 메뉴
다단계 구조를 지원하는 드롭다운 메뉴로 개선
[CSS 원포인트 레슨] float 현상을 제거하는 clearfix
3-9 Lightbox 형식의 모달 윈도우
HTML과 CSS로 표현을 생각하자
jQuery로 모달 윈도우를 만들자
[JavaScript 원포인트 레슨] IE에서만 “setExpression”을 사용하자
[고객의 요구사항에 대처하기] 이미지가 아닌 텍스트를 모달 윈도우로 표시
3-10 드래그&드롭으로 움직이는 플로팅 윈도우
기본 플로우팅 윈도우 만들기
IE6에서 버그 제거하기
[실무에서 자주 나타나는 함정] 투명 PNG의 페이드인/페이드아웃 효과가 검게 변한다
3-11 유효성 기능을 지원하는 메일 폼
클래스 속성으로 룰을 지정하는 범용적인 Validation 기능
3-12 Amazon 형식의 슬라이딩 윈도우
HTML/CSS로 슬라이딩 윈도우의 베이스를 만들자
[고객의 요구사항에 대처하기] “슬라이딩 윈도우를 자동으로 슬라이딩되도록 해주세요!”
3-13 Ajax를 이용한 부드러운 페이징
데이터 HTML을 준비하자
전체 HTML을 만들자
[고객의 요구사항에 대처하기] “대용량의 데이터를 Ajax로 표시하고 싶습니다”
Column03_ Firebug를 이용한 디버깅
Column04_ jQuery의 고속화
4장. jQuery 플러그인으로 편리한 웹 제작
4-1 jQuery 플러그인이란?
실무에도 학습에도 편리한 jQuery 플러그인
jQuery 플러그인의 기본적인 사용법
jQuery 플러그인을 찾는 방법
[실무에서 자주 나타나는 함정] 플러그인 이용 시에는 라이선스 확인을…
4-2 실무에서 사용할 수 있는 jQuery 플러그인
table 태그에 소트(정렬) 기능을 붙인 “table sorter”
다채로운 UI가 패키지에 들어있는 “Interface elements”
[실무에서 자주 나타나는 함정] jQuery 플러그인이 동작하지 않는다.
Column05_ jQuery 플러그인을 만들어 보자
_주요 내용
난 편하게! 빠르게! 멋지게! 디자인한다
웹 디자이너, jQuery로 업그레이드합시다!
디자이너, 개발자에게 의존하지 말고 조금만 공부합시다.
HTML과 CSS로 아무리 사이트를 멋지게 만들었다 해도 사용자의 요구에 따라 시시각각 디자인을 바꾸기 위해서는 프로그래밍 영역이 필요합니다. jQuery는 이것을 쉽게 해주는 JavaScript 라이브러리이며 이 책은 디자이너도 쉽고 빠르게 배울 수 있도록 기초부터 설명하고 있습니다.
이젠 HTML과 CSS만 잘해서는 안 됩니다.
웹 표준에서는 구조와 표현을 분리하여 사이트를 설계하고 사용하는 능력이 중요합니다. 여기에 디자이너가 조금만 수고해서 jQuery를 배우고 활용한다면 디자인에 대한 유연성을 높이고 훨씬 큰 안목을 갖출 수 있습니다.
크로스 브라우징이 가능한 jQuery, 이젠 대세입니다.
크로스 브라우징은 모든 브라우저에서 똑같이 정보를 표현해줄 수 있다는 것을 의미합니다. 웹 표준과도 그 맥을 같이 합니다. 기존의 플래시로 디자인을 했다면 이젠 jQuery를 배워보세요.
실무에서 바로 활용할 수 있는 13가지 디자인 레시피 제공
스트라이프 테이블, 아코디언 패널, 마우스 롤링 등 다양한 기법을 적용한 jQuery 디자인 레시피를 상세한 설명과 함께 보여줍니다. 조금만 응용해도 독창적이고 멋진 UI를 만들 수 있습니다.
_편집자 코멘트
이 책을 진행하면서 진짜 웹 디자이너도 볼 수 있을까? 하는 의구심이 들었던 게 사실입니다. 아무리 jQuery가 사용하기 쉬운 라이브러리라도 자바스크립트라는 프로그래밍 언어니까요. 하지만, 몇 가지 기본 패턴만 익히면 금새 익숙해질 수가 있습니다. 복잡한 프로그래밍 지식은 감추고 예제 위주로 설명하기 때문에 쉽게 이해할 수 있습니다. 특히 HTML5와 CSS3를 이용해서 웹 표준 개발 방식으로 개발해야 하는 웹 디자이너나 개발자는 짧은 기간에 쉽게 익히고 아주 큰 효과를 볼 수 있을 것으로 기대합니다.
_저자 소개
Nishihata Kazuma
to-R(http://www.to-r.net/) 대표, 웹 크리에이터.
PHP 시스템 개발이나 CMS를 이용한 웹사이트 제작, SEO 등의 마케팅, 컨설팅, 웹 크리에이터를 위한 강좌 등의 활동을 하고 있다. 블로그 「to-R」(http://blog.webcreativepark.net/)에서는 JavaScript나 SEO, CSS, Movable Type 등의 웹 제작과 관계된 다양한 정보를 제공하고 있다.
_역자 소개
박건태
시스템 프로그래머이다. 현재 클라우드 컴퓨팅(Cloud Computing)과 콘텐츠 딜리버리 네트워크(CDN) 전문기업 ㈜솔루션 박스에서 Iass 기반 Cloud를 개발 중이다. 일본에서 임베디드 리눅스 기반의 다양한 어플리케이션을 개발했고 SI 업체에서 다수의 시스템을 개발했다. MVC를 확장한 경량 프레임워크를 개발해 오픈 소스로 제공한 뒤 귀국했다.
저서 <Jlet으로 배우는 위피 프로그래밍>(한빛미디어, 2005), 역서 <Java 언어로 배우는 리팩토링 입문>(한빛미디어, 2007), <프로그래밍 콘테스트 챌린징>(로드북, 2011)이 있다.
신대호
웹 프로그래머이다. 일본에서 웹 솔루션 관련 SI 업체에서 다수의 프로젝트를 진행하였고 스크립트 언어를 중점적으로 다루고 있다. 현재 게임 업체의 웹 서비스 개발을 하고 있다.
위 주소에서 본인의 컴퓨터에 따라 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일 무료버전을 받으실 수 있습니다. 아니면 다음이나 네이버에서도 쉐어웨어를 받으실 수 있습니다. 편한 곳에서 받아서 설치하시면 됩니다.
sample.pdf
