청구할인 안내(인터파크 제휴카드) | 안내
북피니언 롯데카드 30% (최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (최대할인 3만원 / 3만원 이상 결제)
Close

2013년 9월 9일 이후 누적수치입니다.

웹 접근성과 품질인증 : 장애인차별금지법 대응을 위한

판매지수 28
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close

2014년 대한민국학술원 우수학술도서

정가

45,000원

  • 40,500 (10%할인)

    2,250P (5%적립)

  • (1건)

    40,500원 ~(10%할인)

    [특급]

  • 중고판매

    이 책을 인터파크에
    판매하세요

할인혜택
  • 35,500원 [하나카드] 5만원이상 구매시 5천원 할인!할인쿠폰
적립혜택
배송정보
주문수량
감소 증가

I-Point는 출고완료 후 14일 이내 마이도서에서 직접 받기를 하셔야 합니다. (이후 자동소멸)

  • 이벤트/기획전

  • 연관도서(53)

  • 사은품

출판사 서평

웹 접근성의 취지와 배경, 목적과 지침에 대한 해설, 실무 프로젝트에서 벌어지는 모든 웹 접근성 관련 지식과 노하우를 모두 제공하고 있으며, 웹 접근성 준수 여부를 검사하는 화면 낭독기에 대한 자세한 내용까지 모두 담았다. 각 분야 최고의 전문성을 가진 저자들이 내용을 구성했고, 웹 콘텐츠 접근성 지침의 자세한 해설과 프로젝트 노하우, 1급 시각장애인 저자의 화면 낭독기 분석까지 웹 접근성과 관련한 모든 내용을 총망라했다. 실무에서 바로 사용할 수 있도록 소스코드 예제까지 포함한 다양한 사례를 통해 웹 접근성에 대해 자신감을 가지고 적용할 수 있다.

[이 책에서 다루는 내용]

- 웹 접근성의 기본 개념과 장애인차별금지법 소개
- 웹 접근성 품질마크 획득을 위한 기준과 장애인차별금지법 대응 방법
- 한국형 웹 콘텐츠 접근성 지침의 원리와 응용
- 성공적인 웹 접근성 프로젝트를 위한 팀별 업무 및 가이드 제시
- 화면 낭독기의 원리와 기능 및 사용방법 소개
- 전문가 평가와 사용자 평가를 위한 평가도구 사용법 및 노하우
- 웹 접근성과 관련된 다양한 응용 사례 및 향후 방향성 제시
- 책에서 설명한 모든 예제에 대한 소스코드 개선 방법

[이 책의 대상 독자]

이 책은 HTML을 이해하고 있는 웹 접근성 프로젝트 참여자를 기본적인 독자로 생각한다. 따라서 기본적인 웹 표준에 맞추어 웹 사이트를 구현할 수 있는 정도의 선수지식이 있을 경우 가장 좋다. 하지만 웹 접근성의 전체적인 관점에서 기술되어 있으므로 웹 접근성을 전혀 모르는 사람이라도 차근차근 읽어볼 수 있고, 웹 표준을 모른다고 하더라도 웹 표준 서적과 함께 읽어나갈 수 있다. 나아가 기업의 IT책임자, 공공기관의 정보화 담당관, 웹 기획자, 퍼블리셔, 디자이너, 개발자, 웹 접근성 프로젝트 책임자, 웹 접근성 컨설턴트, 웹 접근성 품질마크를 획득하고자 하는 이, 웹 접근성 평가사가 되고 싶은 사람 등 웹 접근성을 알고 싶은 모든 분이 이 책의 독자가 될 수 있다.

[이 책의 구성]

1부, 웹 접근성 이해: 웹 접근성과 장애인차별금지법, 웹 접근성 품질마크 등 중요 개념을 정리한다.
1장, 웹 접근성과 장애인차별금지법에서는 기본 개념과 용어를 정립하고자 웹 접근성과 장애인차별금지법을 알아본다. 특히 같은 용어지만 다른 범위로 사용되는 현재의 문제점을 살펴보고, 올바른 용어 사용을 살펴본다. 또한 장애인차별금지법의 취지와 이를 반영하기 위한 웹 접근성 분야를 소개한다.
2장, 웹 접근성 품질인증마크와 인증획득에서는 국가임의인증제도로 새롭게 변경된 웹 접근성 품질인증마크에 대한 소개와 기존의 한국정보화진흥원의 인증절차와 획득 과정을 간단히 소개한다

2부, 웹 접근성 기본 4원칙: 웹 접근성의 기본 원칙을 장별로 설명한다.
3장, 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다에서는 인식의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 인식할 수 있도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.
4장, 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다에서는 운용의 용이성 원칙에 포함하는 검사항목을 설명한다. 사용자 인터페이스 구성 요소를 조작하고, 쉽게 내비게이션할 수 있게 하는 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.
5장, 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다에서는 이해의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 이해하기 쉽도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.
6장, 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다에서는 견고성 원칙에 포함하는 검사항목을 설명한다. 미래의 기술로도 콘텐츠에 접근할 수 있도록 견고하게 만들기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.

3부, 웹 접근성 실전: 웹 접근성을 실전에서 적용할 수 있도록 응용기술과 팀별 프로젝트 적용 방법을 설명한다.
7장, 웹 접근성 난제 해결에서는 웹 접근성 실무에 필요한 웹 접근성 응용 기법을 소개하면서 모호한 웹 접근성의 사례를 바탕으로 하여 웹 접근성을 적용할 수 있는 바람직한 방향을 소개한다.
8장, 웹 접근성 프로젝트 팀별 업무와 가이드에서는 웹 접근성 프로젝트의 실무에서 팀별로 역할을 나누고 실행할 수 있도록 가이드를 제공한다.
9장, 장애인차별금지법 대응을 위한 컨설팅 전략에서는 웹 접근성 담당자가 실무적으로 장애인차별금지법에 대응할 수 있게 예산이나 규모, 기술 부족에 따른 단계적 계획을 수립하고 향후 유지보수를 위해 팀을 구성해가는 방법을 설명한다

4부, 웹 접근성 검증과 테스트: 웹 접근성 평가 방법을 설명한다.
10장, 웹 접근성 평가 기법에서는 웹 접근성 평가 방법을 설명한다. 자동 평가와 수동 평가의 특징과 전문가 평가와 사용자 평가 방법, 각종 도구의 설치와 사용 방법을 소개한다
11장, 접근성을 위한 보조기술에서는 보조기술의 개요와 사용자 평가에서 사용되는 화면 낭독기의 사용 방법과 음성 지원에 대한 항목별 분석, 화면 확대기의 사용 방법 등을 소개한다

5부 웹 접근성의 미래: 웹 접근성의 미래를 소개한다.
12장, 웹 접근성의 미래와 과제에서는 웹 접근성을 시작으로 다양해질 접근성 분야의 표준과 파생 분야를 소개하고, 이를 통해 미래를 준비하고 헤쳐 나가야 할 과제를 논의한다.

추천사

사실 우리나라에서는 웹 접근성과 관련하여 제대로 된 실무 도서를 구하기 어렵다. 웹 접근성을 설명하는 책들이 없는 것은 아니었지만 웹 접근성 품질인증마크를 준비하는 업계의 요구 수준을 만족시킬만한 내용을 담고 있는 책을 구하는 것은 매우 어려웠다. 특히 웹 접근성 품질인증마크 심사 기준은 W3C의 WCAG 2.0을 그대로 적용하기 어려운 부분이 있고 웹 콘텐츠에는 매우 독특한 디자인과 기술을 적용하고 있어서 알려진 방법만으로는 웹 접근성을 평가하기 어렵다. 이런 이유인지는 몰라도 최근까지도 한국정보화진흥원이 실시하는 웹 접근성 품질인증마크 합격률이 30%를 넘지 못하였다. 그래서 웹 접근성 품질인증마크 획득을 준비하는 웹 퍼블리셔의 입장에서 인증 기준에 대한 궁금증을 해소해줄 수 있는 책이 한 권쯤 있었으면 좋겠다는 생각을 오래 전부터 해왔다. 이 책의 저자는 오랫동안 한국정보화진흥원에서 웹 접근성 품질인증마크 분야의 실무를 담당해 왔었기에 인증심사 과정에서 대두된 다양한 문제의 해법을 알고 있고 이를 책에 풀어냈다.
이 책은 웹 접근성 준수 기준과 풍부한 사례들을 포함하고 있어서 웹 퍼블리싱 분야에 종사하는 관련자가 웹 접근성 품질인증마크를 준비하는 데 도움을 줄 수 있을 것이다. 또한 웹 접근성 평가사 자격시험을 준비하는 이도 수험서로 활용 가능하다. 모쪼록 이 책으로 웹 접근성 품질인증마크 심사를 준비하는 많은 분에게 도움이 되었으면 한다. 그리고 우리나라 웹 접근성의 발전에 큰 도움이 되길 바란다
- 김석일 / 충북대학교 교수, 웹 접근성 품질인증마크 인증위원장

기술의 변화가 매우 빠른 IT 분야에서 무언가를 제대로 알고 다른 사람에게 잘 설명한다는 것은 어려운 일이다. 하물며 이러한 지식을 글로 남긴다는 것은 많은 노력과 강한 의지가 있어야 하는 일일 것이다. 이 책에서 저자들은 웹 접근성과 관련된 업무를 하며 틈틈이 모은 지식과 노하우를 풀어놓고 있다.
대부분의 사람이 매일 사용하는 웹이지만 막상 접근성을 잘 구현한 웹은 찾아보기 어렵다. 이런 환경에서 저자들의 경험과 다양한 사례를 담은 책이 발간되어 매우 반갑다. 저자들의 노력과 지식 나눔이 향후 웹 접근성의 개선과 확산에 큰 도움이 되길 기대한다.
- 이헌중 / 한국정보화진흥원 정보사회통합지원단장

경제는 선진국에 가까워지고 있지만, 아직 장애인에 대한 사회적인 인식은 선진국에 비해 다소 부족한 것 같다. 장애인을 우리 사회의 주요 구성원으로 바라보고, 장애인이 비장애인과 동등하게 사회 생활을 할 수 있도록 환경을 마련하려는 노력이 필요하다. IT는 함께 사는 사회 발전에 매우 큰 도움이 될 수 있지만, 장애인을 고려하지 않고 개발된 IT 기반의 제품과 서비스는 장애인에게 큰 절망을 안겨줄 뿐이다. 이를 해결하려면 장애인을 고객으로 인식하고, 고객의 이야기를 경청하는 자세가 무엇보다 우선이다. 이러한 인식을 바탕으로 해당 제품이나 서비스와 관련된 접근성 표준을 준수한다면 IT 세상에서만이라도 장애가 더 이상 장벽이나 제약이 되지 않을 것이다.
우리나라의 접근성 제고를 위해 함께 고민했던 동료가 그간의 경험을 바탕으로 책을 썼다. 현업에 종사하시는 분들이 손쉽게 참고할 수 있도록 실무적인 입장에서 기술했기 때문에 관련 종사자에게 큰 도움이 될 것이다. 이 책을 통해 접근성의 의미를 올바르게 이해할 수 있는 계기가 되기를 기원한다.
- 현준호 / 전 한국정보화진흥원 수석연구원

접근성을 학문으로 다루는 측면에서 실무자가 가장 어려워하는 부분 중 하나는 해석이 다양하고 대응 방법이 엄청나게 방대하다는 점이다. 더구나 우리나라의 현실로 볼 때 접근성과 관련한 많은 수고와 고충은 실무자의 몫이 되기도 한다. 물론 정부에서 관련 법안과 지침을 제정하고 방향성을 제시하여 적용된 기간에 비해 많은 성과가 있었던 것도 사실이다.
하지만 다양한 웹 접근성 지침이 있더라도 지침을 뛰어 넘는 상황이 여전히 존재하며, 실무자의 기술적 대응만으로는 부족하고, 전체적인 관점의 정책, 기술 등이 필요하다. 즉 접근성은 기업의 효과적이며 장기적인 전략을 통해 대응해야 하는 인내심이 필요한 분야다. 나라마다 환경이 다르기에 해외의 기술 서적만으로는 우리나라의 현실과 다소 맞지 않거나 부족한 부분이 있어 국내의 웹 접근성 관련 책을 오래도록 기다려 왔다. 이 책은 자세한 법률 해석과 조언이 있으며, 다양한 사례를 소개하여 기존에 맥락만 다루는 책에서나 해외 번역서만으로는 부족했던 부분을 채워준다.
이 책을 통해 국내에서 웹 접근성을 널리 알리고 적용하는 기회가 되길 기대한다
- 박태준 / NHN 기술 서비스 접근성팀장

인터넷을 바탕으로 웹 서비스가 생기고 발전하면서, 우리 사회에 없어서는 안 될 사이버 세상이 열렸고 여전히 성장 중이다. 이러한 인터넷 세상은 장애 유무를 따지지 않고 접근할 수 있어야 함에도 우리나라 웹의 현실은 그렇지 못하다. 국가에서 관련제도와 가이드라인을 만들어도 민간이나 공공기관이 이를 충분히 인식하지 못했고, 지키려는 노력 또한 부족했다. 또한 실전에서 참고할 만한 책조차 변변히 없었는데, 이 책의 출간 소식을 듣게 되어 매우 기쁘다.
이 책은 접근성을 실무 차원에서 본격적으로 다룬 최초의 책이다. 저자들의 경력에서 알 수 있듯이 실제 현장에서 접근성을 풍부하게 다뤄봤고, 이때 느꼈던 기술적인 고민과 컨설팅 경험을 책에 담았다. 웹 접근성을 적용해야 하는 막막한 현실 속에서 우리를 지원해줄 든든한 우군이 생긴 것이다.
나는 감히 이 책을 사내 교육교재나 웹 접근성 관련 근무자들에게 적극 추천하며, 우리나라의 웹 접근성 수준을 높이는 데 보탬이 될 것이라 확신한다. 집필하는 데 각고의 노력을 다 했을 저자들과 출판사에게 진심으로 감사의 말씀을 전한다.
- 김종욱 / 웹와치(주) 이사

2013년 4월 11일부터 '장애인 차별금지 및 권리구제에 관한 법률'을 통해 장애인 웹 접근성 보장 의무가 전면적으로 확대됐다. 하지만 아직 장애인이 이용하기 편한 웹사이트는 손에 꼽을 정도로 적다. 장애인에게 웹 접근성은 '컴퓨터를 용이하게 사용'할 수 있는 정도의 의미를 넘어서 '각종 재화나 용역에 접근'할 수 있는 중요한 통로이자 기본권이다. 따라서 웹 접근성은 법의 제재를 피하려고 마지못해 준수하는 것이 아닌 장애인에 대한 따뜻한 배려와 존중을 바탕으로 준수돼야 한다.
나는 법률가로서 '웹 접근성을 어느 정도 기준으로 해야 장애인에게 차별적인 웹사이트가 아닌지'를 오랜 시간 고민해왔다. 이 책의 대표 저자인 류영일님은 웹 접근성 분야의 전문가로서 오랜 시간 같은 고민을 하면서 이 문제가 사회적 합의 안에 자발적으로 개선되어야 하는 문제라는 선한 동기를 바탕으로 이 책을 저술했다.
웹 접근성을 준수하고자 매진하고 있는 담당자, 퍼블리셔, 개발자 등 모든 분이 이 책을 통해 구체적인 해답을 얻고 이 일이 얼마나 가치 있는 일인지 공감할 수 있기를 바란다.
- 김예원 / 서울장애인인권센터 상임변호사

현장에서 많은 기업을 상대로 웹 접근성 개선 컨설팅과 개선 작업을 하면서 국내 실정에 맞게 웹 접근성을 다룬 책이 출간되었으면 좋겠다고 절실하게 생각했다. 웹 접근성과 관련된 대부분의 책이 번역서이고, 참고할 수 있는 국내 문헌이 충분하지 않아 인터넷 검색을 통해 개괄적인 정보만 접할 수 있었다. 이런 이유로 웹 접근성 개선 작업의 업무 담당자조차 아직까지도 웹 접근성 개선 작업을 단순히 마크업의 문제로 생각하거나 품질인증마크 획득에 국한하여 생각하는 경우가 적지 않다.
이 책은 웹 접근성과 관련한 내용으로 집대성된 바이블이라 해도 과언이 아니다. 웹 접근성 관련 업무 담당자들은 이 책을 통해 웹 접근성의 이론적 배경과 더불어 사용성을 고려하는 관점까지 넓은 시야를 가질 수 있을 것이다.
- 김은주 / (주)이롭게 대표

목차

1부 웹 접근성 기초

1장 웹 접근성과 장애인차별금지법
1.1 웹 접근성
1.1.1 웹 접근성의 의미
1.1.2 웹 접근성의 정확한 범위
1.1.3 웹 접근성 관련 용어가 혼란스러운 이유
1.2 관련 용어와 상관 관계
1.2.1 웹 표준
1.2.2 웹 호환성과 크로스브라우징
1.2.3 웹 사용성
1.2.4 웹 표준과 웹 접근성의 관계
1.2.4.1 선형화해서 논리적인 순서 확보
1.2.4.2 기본적인 문법을 준수해서 견고성 확보
1.2.5 웹 표준과 웹 호환성의 관계
1.2.6 정확한 용어 사용의 중요성
1.3 장애인차별금지법
1.3.1 장애인차별금지법의 의미
1.3.2 웹 접근성 의무적용 시기
1.3.3 법에서 명시한 웹 접근성 대상
1.3.3.1 전자정보 vs 웹사이트에서 제공하는 정보
1.3.3.2 장애인차별금지법의 취지
1.3.3.3 미국 장애인 법 제·개정의 취지
1.3.4 법을 준수하지 않을 경우
1.3.5 진정 가능한 대상
1.3.6 입증책임
1.3.7 웹 접근성 계획의 중요성
1.3.8 국내 진정 사건 접수 현황
1.3.9 국내 진정과 소송 사례
1.3.9.1 교육콘텐츠 이러닝 서비스 진정 사례: 2008년
1.3.9.2 방송 3사 홈페이지 집단 진정 사례: 2010년
1.3.9.3 대한항공 등 4곳의 민사 소송 사례: 2012년
1.3.10 해외 소송 사례
1.3.10.1 미국 타깃 사 사례
1.3.10.2 호주 시드니 올림픽 조직위원회 사례
1.3.10.3 월트 디즈니 사 사례
정리

2장 웹 접근성 품질인증마크와 인증획득
2.1 웹 접근성 품질인증마크
2.1.1 웹 접근성 품질인증마크의 의미
2.1.2 인증의 필요성
2.1.3 현황과 문제점
2.1.3.1 품질인증마크 인증 현황
2.1.3.2 기존 사설 인증기관 비교 현황
2.1.3.3 기존 인증제도의 문제점
2.1.4 새로운 국가임의인증제도
2.1.5 장애인차별금지법과의 관계
2.2 인증획득
2.2.1 인증기준의 의미
2.2.1.1 전문가 심사 기준
2.2.1.2 사용자 심사 기준
2.2.2 품질인증마크 획득 준비
2.2.2.1 품질인증마크의 선택
2.2.2.2 인증획득 프로젝트 준비
2.2.2.3 심사 접수 대상 여부 판단
2.2.2.4 신청 대상 사이트의 범위
2.2.3 인증신청과 결과 확인
2.2.3.1 심사 접수
2.2.3.2 심사 절차
정리

2부 웹 접근성 기본 4원칙

3장 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다
3.1 [검사항목 1] 적절한 대체 텍스트 제공
3.1.1 [오류유형 1-1] 텍스트 이미지의 대체 텍스트 미 제공
3.1.2 [오류유형 1-1] 불충분한 대체 텍스트를 제공한 경우
3.1.3 [오류유형 1-1] 대체 텍스트가 오타로 표기된 경우
3.1.4 [오류유형 1-1] 이미지 버튼에 대체 텍스트를 제공하지 않은 경우
3.1.5 [오류유형 1-1] 게시물의 이미지에 대체 텍스트가 제공되지 않은 경우
3.1.6 [오류유형 1-2] 불릿 이미지에 대한 대체 텍스트를 제공하지 않은 경우
3.1.7 [오류유형 1-2] 의미 없는 이미지에 대체 텍스트를 제공한 경우
3.1.8 [오류유형 1-2] 분리된 이미지 조각의 대체 텍스트 제공
3.1.9 [오류유형 1-3] 의 파일이 없거나 연결되지 않은 경우
3.1.10 [오류유형 1-3] 내용이 의미나 기능을 파악하기 어려운 경우
3.1.11 [오류유형 1-4] 이미지맵의 요소에 alt 속성을 제공하지 않은 경우
3.1.12 [오류유형 1-5] 조직도 이미지맵의 로만 대체 텍스트를 제공한 경우
3.1.13 [오류유형 1-6] 대체 텍스트를 title만으로 제공하는 경우
3.1.14 [오류유형 1-7] QR 코드의 이동 주소 정보를 대체 텍스트나 설명, 링크 등으로 제공하지 않은 경우
3.1.15 [오류유형 1-8] 의미 있는 배경 이미지의 대체 콘텐츠를 제공하지 않은 경우
3.1.16 [오류유형 1-8] 의미 있는 색상 배경 이미지에 대체 콘텐츠를 제공하지 않은 경우
3.1.17 [오류유형 1-9] 플래시 콘텐츠에 대체 텍스트를 제공하지 않은 경우
3.1.18 [오류유형 1-9] 웹 애플리케이션의 대체 콘텐츠 접근이 불가능하거나 의미 파악이 어려운 경우
3.1.19 [주의사항 1-1] 이미지 링크에서 title로 제목을 제공하고, 이미지의 대체 텍스트를 alt=""로 제공 시, 미 감점
3.1.20 [주의사항 1-2] 실시간 영상이나 CAPTCHA의 대체 텍스트는 용도만 제공해도 준수
3.1.21 [주의사항 1-3] 이미지의 텍스트 정보와 대체 텍스트가 달라도 인식가능하면 인정
3.1.22 [주의사항 1-4] 이미지의 설명이 본문에 있으면 대체 콘텐츠로 인정
3.1.23 [주의사항 1-5] 구조적인 정보는 longdesc를 html로 제공하고 txt로 제공 시, 감점
3.1.24 [주의사항 1-6] 오류유형 중 1-9는 사용자 심사에서만 평가
3.2 [검사항목 2] 자막 제공
3.2.1 [오류유형 2-1] 영상, 음성 콘텐츠에 자막, 원고, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우
3.2.2 [오류유형 2-2] 내용 전체를 충분히 설명하지 않고 요약 정보나 제목만 제공하는 경우
3.2.3 [오류유형 2-3] 텍스트만 제공하는 영상 콘텐츠에서 동등한 음성을 제공하지 않은 경우
3.2.4 [주의사항 2-1] 파일로 제공되는 영상, 음성 콘텐츠도 평가 대상에 포함
3.2.5 [주의사항 2-2] 자막으로 인해 수화가 가려지는 경우
3.2.6 [주의사항 2-3] 원고가 페이지를 벗어나는 경우
3.3 [검사항목 3] 색에 무관한 콘텐츠 인식
3.3.1 [오류유형 3-1] 색상만으로 내용을 분별하도록 제공된 콘텐츠
3.3.2 [오류유형 3-2] 페이지 내비게이션 등 색상의 변환만으로 현재의 위치를 표시한 경우
3.3.3 [오류유형 3-3] 필수입력 항목을 색으로만 표시한 경우
3.4 [검사항목 4] 명확한 지시사항 제공
3.4.1 [오류유형 4-1] 색, 크기, 모양, 방향 등으로만 정보를 제공한 경우
3.4.2 [오류유형 4-2] 전달하고자 하는 지시사항을 소리로만 정보를 제공한 경우
3.4.3 [주의사항 4-1] 가급적 위치 정보를 이용하여 지시하지 않도록 콘텐츠를 구현하는 것을 권장
3.5 [검사항목 5] 텍스트 콘텐츠의 명도대비
3.5.1 [오류유형 5-1] 보통 크기의 텍스트가 4.5:1을 만족하지 않은 경우
3.5.2 [오류유형 5-2] 18pt 이상 또는 굵은 14pt 이상의 텍스트가 3:1을 만족하지 않은 경우
3.5.3 [오류유형 5-3] 이미지 텍스트가 명도대비 기준을 준수하지 않은 경우
3.5.4 [주의사항 5-1] 본문은 콘텐츠 영역의 텍스트, 표, 그래프의 텍스트 내용을 의미
3.5.5 [주의사항 5-2] 이미지 텍스트는 절대크기로 텍스트 크기를 결정하여 명도대비 기준 적용
3.5.6 [주의사항 5-3] 장식용 이미지, 초점 진입 시, 색이 변하여 명도대비를 준수하거나 비활성화 영역 등은 예외
3.5.7 [주의사항 5-4] 전체 웹사이트의 색상 정보를 변경해 준수한 경우 인정
3.6 [검사항목 6] 배경음 사용 금지
3.6.1 [오류유형 6-1] 자동적으로 재생되는 3초 이상의 배경음 콘텐츠를 제공하는 경우
3.6.2 [오류유형 6-2] 마우스 오버나 키보드 초점을 받아 자동으로 배경음이 3초 이상 실행되는 경우
3.6.3 [주의사항 6-1] 3초 미만의 배경음은 예외
3.6.4 [주의사항 6-2] 자동재생 배경음의 제어 수단이 페이지의 가장 첫 부분에 제공되는 경우 준수
정리

4장 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다
4.1 [검사항목 7] 키보드 사용 보장
4.1.1 [오류유형 7-1] 이미지에 onclick 이벤트를 적용하여 키보드로 제어할 수 없는 경우
4.1.2 [오류유형 7-1] 키보드 이벤트를 적용하지 않아 키보드 접근이 안 되는 경우
4.1.3 [오류유형 7-1] readonly 속성을 사용하여 대체 수단이 비활성화되는 경우
4.1.4 [오류유형 7-1] 마우스 종속적인 자바스크립트 사용으로 키보드 이용이 불가능한 경우
4.1.5 [오류유형 7-2]웹 어플리케이션의 wmode 값 설정으로 인해 키보드 이용이 불가능한 경우
4.1.6 [주의사항 7-1] 웹 접근성 품질인증 심사에서는 IE8 브라우저에서 키보드 테스트함
4.1.7 [주의사항 7-2] onclick 이벤트 핸들러에 키보드로 제어가 불가한 경우 감점
4.1.8 [주의사항 7-3] 지리정보(GIS)나 가상현실(VR) 콘텐츠는 예외지만 기타 인터페이스는 키보드로 사용할 수 있어야 함
4.1.9 [주의사항 7-4] 키보드로 탭메뉴에서 탭간 이동하면서 탭 내용을 확인할 수 없는 경우 감점
4.1.10 [주의사항 7-5] onfocus="this.blur();"를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점
4.1.11 [주의사항 7-6] 플래시의 wmode가 transparent 또는 opaque로 지정하게 되면 화면 낭독기 인식 불가능
4.2 [검사항목 8] 초점 이동
4.2.1 [오류유형 8-1] 초점의 이동 순서가 논리적이지 않으며 일관성이 없는 경우
4.2.2 [오류유형 8-2] 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
4.2.3 [오류유형 8-3] 요소의 진행 순서와 키보드 접근 순서의 의미가 일치하지 않은 경우
4.2.4 [주의사항 8-1] onfocus="this.blur();"를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점
4.3 [검사항목 9] 응답시간 조절
4.3.1 [오류유형 9-1] 페이지 재이동 시 회피할 수 있는 수단을 제공하지 않은 경우
4.3.2 [오류유형 9-2] 제한시간을 연장하는 방법에 제한시간이 있는 경우
4.3.3 [주의사항 9-1] 원천적으로 콘텐츠의 이용에 따르는 시간 조절을 허용할 수 없는 콘텐츠는 예외
4.3.4 [주의사항 9-2] 검사 대상은 자동전환 페이지, 제한시간 연장, 제한시간 만료 경고 등이 해당됨
4.4 [검사항목 10] 정지 기능 제공
4.4.1 [오류유형 10-1] 시간에 따라 변화하는 콘텐츠에 정지, 이전, 다음 기능이 없는 경우
4.4.2 [오류유형 10-2] 시간에 따라 변화하는 콘텐츠가 마우스와 키보드로 제어 불가능한 경우
4.4.3 [주의사항 10-1] 움직이는 배너, 뉴스 등 시간에 따라 변화하는 콘텐츠를 키보드와 마우스로 평가
4.4.4 [주의사항 10-2] 키보드 포커스 및 마우스 오버 시 콘텐츠의 변화가 멈춰지면 정지 기능이 제공된 것으로 인정
4.4.5 [주의사항 10-3] 검사 대상은 자동적으로 스크롤되는 배너, 자동 변경되는 실시간 검색순위 등이 해당됨
4.5 [검사항목 11] 깜빡임과 번쩍임 사용 제한
4.5.1 [오류유형 11-1] 사전 경고 없이 초당 3~50회 깜빡이는 콘텐츠가 존재할 경우
4.5.2 [주의사항 11-1] 깜빡임을 중단하는 수단을 제공했더라도 미리 경고하지 않은 경우는 감점
4.5.3 [주의사항 11-2] 깜빡임이 3초 미만인 경우 인정
4.5.4 [주의사항 11-3] 동영상 콘텐츠도 검사 대상
4.6 [검사항목 12] 반복 영역 건너뛰기
4.6.1 [오류유형 12-1] 건너뛰기 링크를 제공하지 않은 경우
4.6.2 [오류유형 12-2] 건너뛰기 링크는 제공하고 있으나 동작이 안 되거나 접근할 수 없는 경우
4.6.3 [주의사항 12-1] 지나치게 많은 건너뛰기 링크를 제공하지 말 것
4.6.4 [주의사항 12-2] 건너뛰기 링크에 키보드 접근이 불가한 경우 검사항목 7, 12에서 동시 감점
4.6.5 [주의사항 12-3] 건너뛰기 링크는 감추지 않고, 화면에서 볼 수 있도록 제공하는 것을 권장
4.6.6 [주의사항 12-4]불필요하게 제공된 건너뛰기 링크가 동작하지 않는 경우도 감점
4.6.7 [주의사항 12-5]메뉴나 링크 등의 반복되는 콘텐츠가 있을 경우에만 건너뛰기 필요
4.7 [검사항목 13] 제목 제공
4.7.1 [오류유형 13-1] 페이지 제목의 title 속성을 제공하지 않은 경우
4.7.2 [오류유형 13-1] 페이지 제목이 내용과 다른 의미의 제목을 사용한 경우
4.7.3 [오류유형 13-2] 페이지 제목에 반복되는 특수문자를 제공한 경우
4.7.4 [오류유형 13-3] 페이지 제목의 분류가 더 가능함에도 불구하고, 상위 범주로 제목을 제공한 경우
4.7.5 [오류유형 13-4] , <>, 요소의 title 속성이 없는 경우
4.7.6 [오류유형 13-4] , , 요소의 title 속성값을 비워둔 경우
4.7.7 [오류유형 13-4] , , 요소의 title 속성값 내용이 부적절한 경우
4.7.8 [오류유형 13-5] 내용 또는 기능이 없는 프레임에 을 비워둔 경우<BR>4.7.9 [오류유형 13-5] 내용 또는 기능이 없는 프레임에 <title>을 제공하지 않은 경우<BR>4.7.10 [오류유형 13-6] 콘텐츠 블록에 <h1~6>을 사용하여 제목을 제공하지 않은 경우<BR>4.7.11 [주의사항 13-1] 프레임 제목은 프레임 내에 포함된 콘텐츠를 유추할 수 있는 간결한 제목을 제공<BR>4.7.12 [주의사항 13-2] 내용 또는 기능이 없는 프레임에도 "빈 프레임", "내용 없음"과 같이 title을 제공해야 함<BR>4.7.13 [주의사항 13-3] 게시판의 '목록, 읽기, 쓰기' 페이지의 제목을 읽기, 쓰기 등으로 구분하여 제공하는 것을 권장<BR>4.8 [검사항목 14] 적절한 링크 텍스트<BR>4.8.1 [오류유형 14-1] 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우<BR>4.8.2 [주의사항 14-1] 링크의 목적을 키보드의 순서나 문맥을 통해 이해할 수 있으면 인정<BR>4.8.3 [주의사항 14-2] 링크 텍스트를 단순히 URL 경로로만 제공하지 않는 것을 권장<BR>정리<BR><BR>5장 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다<BR>5.1 [검사항목 15] 기본 언어 표시<BR>5.1.1 [오류유형 15-1]<html>에 lang 속성을 명시하지 않은 경우<BR>5.1.2 [오류유형 15-1] <html>에 lang 속성을 잘못 명시한 경우<BR>5.1.3 [주의사항 15-1] html 요소에 lang 속성값에 ISO 639-1 지정언어 코드를 사용해야 함<BR>5.1.4 [주의사항 15-2] 페이지 중간에 언어가 바뀔 때 lang 속성으로 명시해주는 것을 권장<BR>5.2 [검사항목 16] 사용자 요구에 따른 실행<BR>5.2.1 [오류유형 16-1] 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우<BR>5.2.2 [오류유형 16-1] 버튼 또는 링크 등을 실행할 때 사전에 알리지 않고 새 창이 발생되는 경우<BR>5.2.3 [오류유형 16-2] 웹 사이트 초기화면에 팝업창을 제공하는 경우<BR>5.2.4 [오류유형 16-3] 사용자가 의도하지 않은 초점 변화가 발생하는 경우<BR>5.2.5 [오류유형 16-4] 텍스트 입력 서식의 값 변경만으로 값이 제출되어 문맥이 바뀌는 경우<BR>5.2.6 [오류유형 16-4] 체크상자의 선택만으로 값이 제출되어 문맥이 바뀌는 경우<BR>5.2.7 [주의사항 16-1] onkeypress에 의해 포커스를 옮기는 동작만으로 새 창이 발생하면 감점<BR>5.2.8 [주의사항 16-2] <a target="blank">로만 새 창을 알린 경우는 감점하지 않음<BR>5.2.9 [주의사항 16-3] onfocus="this.blur()"를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점<BR>5.2.10 [주의사항 16-4] 플래시 등에서 제공하는 새 창에서도 새 창 안내에 대한 내용을 포함하지 않으면 감점<BR>5.2.11 [주의사항 16-5] 오류정정을 위한 자동 초점 변경은 예외<BR>5.3 [검사항목 17] 콘텐츠의 선형화<BR>5.3.1 [오류유형 17-1] 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우<BR>5.3.2 [오류유형 17-2] '제목-내용'으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적 이해가 불가능한 경우<BR>5.3.3 [주의사항 17-1] 탭메뉴에서 탭1→탭2→탭3으로 내용을 확인할 수 있는 경우에도 논리적으로 구성할 것<BR>5.3.4 [주의사항 17-1] 2단계의 깊이를 가진 메뉴의 1차 메뉴와 2차 메뉴는 서로 다른 계층으로 표현되어야 한다<BR>5.3.5 [주의사항 17-3] 탭메뉴와 탭 콘텐츠는 '제목-내용'으로 표현 가능<BR>5.3.6 [주의사항 17-4] 사용 방법 안내는 콘텐츠 이전에 정보를 제공할 것<BR>5.3.7 [주의사항 17-5] 서브 메뉴와 내용으로 구성된 페이지에서 서브 메뉴가 우측에 위치하더라도 혼란이 없는 경우는 인정<BR>5.4 [검사항목 18] 표의 구성<BR>5.4.1 [오류유형 18-1] <caption> 요소, summary 속성을 제공하지 않은 경우<BR>5.4.2 [오류유형 18-1] <caption> 요소, summary 속성의 용도가 부적절한 경우<BR>5.4.3 [오류유형 18-1] <caption> 요소, summary 속성의 설명이 부적절한 경우<BR>5.4.4 [오류유형 18-2] 제목셀과 내용셀을 요소로 구분하지 않은 경우<BR>5.4.5 [오류유형 18-3] 복잡한 표 제공 시 id, headers 또는 scope로 제공하지 않음<BR>5.4.6 [주의사항 18-1] <caption> 요소와 summary 속성 중 하나 이상 적절히 제공한 경우 준수한 것으로 인정<BR>5.4.7 [주의사항 18-2] <caption> 요소는 표의 제목을, summary 속성에는 표의 요약을 기술해 주어야 함<BR>5.4.8 [주의사항 18-3] 데이터 테이블은 표의 형식을 제거하고 선형화했을 때 이해할 수 없는 경우에 해당<BR>5.4.9 [주의사항 18-4] 배치용 테이블은 표의 형식을 제거하고 선형화했을 때 이해 가능한 경우에 해당<BR>5.4.10 [주의사항 18-5] 배치용 테이블에는 <th>, <caption> 요소, summary 속성을 사용하지 않아야 함<BR>5.5 [검사항목 19] 레이블 제공<BR>5.5.1 [오류유형 19-1] <input>, <textarea>, <select> 요소에 1:1 대응하는 <label> 또는 title을 미제공한 경우<BR>5.5.2 [오류유형 19-2] <input>의 id와 <label>의 for가 다른 경우<BR>5.5.3 [오류유형 19-2] <input>의 id와 페이지 안에 같은 id가 있는 경우<BR>5.5.4 [오류유형 19-3] <select> 요소의 첫 번째 <option>이 레이블 역할을 대신하는 경우<BR>5.5.5 [주의사항 19-1] 레이블로 연결할 텍스트가 있는 경우 title 속성보다 <label> 요소를 제공하는 것을 권장<BR>5.5.6 [주의사항 19-2] 암묵적 레이블 방법을 사용한 경우도 인정하지만 권장하지 않음<BR>5.6 [검사항목 20] 오류 정정<BR>5.6.1 [오류유형 20-1] 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동하도록 제공하지 않은 경우<BR>5.6.2 [오류유형 20-1] 서식의 전송 버튼을 눌렀을 때, 입력 내용이 모두 사라지는 경우<BR>5.6.3 [오류유형 20-2] 오류 발생 시, 정정할 수 있는 수단을 제공하지 않는 경우<BR>5.6.4 [오류유형 20-3] 입력 정정 방식을 잘못 제공한 경우<BR>5.6.5 [오류유형 20-3] 입력 정정 방식의 내용을 잘못 제공한 경우<BR>5.6.6 [주의사항 20-1] 오류 발생 시, 오류의 내용을 먼저 알 수 있도록 설명해 주어야 함<BR>정리<BR><BR>6장 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다<BR>6.1 [검사항목 21] 마크업 오류 방지<BR>6.1.1 [오류유형 21-1] 태그의 열고 닫음 오류<BR>6.1.2 [오류유형 21-2] 태그의 중첩 오류<BR>6.1.3 [오류유형 21-3] 중복 선언된 속성 오류<BR>6.1.4 [주의사항 21-1] ID 값 중복 선언은 오류유형 21-3에서 심사<BR>6.1.5 [주의사항 21-2] 위에 언급된 항목 이외의 표준문법 오류는 포함하지 않음<BR>6.1.6 마크업 오류 세부 사례<BR>6.1.6.1 [열고 닫음 오류 사례 1] <a> 요소 여는 태그 미 제공<BR>6.1.6.2 [열고 닫음 오류 사례 2] <ul> 요소 여는 태그 미 제공<BR>6.1.6.3 [열고 닫음 오류 사례 3] <div> 요소 여는 태그 미 제공<BR>6.1.6.4 [열고 닫음 오류 사례 4] <a> 요소 닫는 태그 미 제공<BR>6.1.6.5 [열고 닫음 오류 사례 5] <strong> 요소 닫는 태그 미 제공<BR>6.1.6.6 [열고 닫음 오류 사례 6] <h> 요소 닫는 태그 미 제공<BR>6.1.6.7 [태그의 중첩 오류 사례] <p>와 <strong>의 중첩 제공<BR>6.1.6.8 [속성 중복 오류 사례 1] <p> 요소에 대한 <style> 속성 중복 제공<BR>6.1.6.9 [속성 중복 오류 사례 2] ID 속성 중복 제공<BR>6.2 [검사항목 22] 웹 애플리케이션 접근성 준수<BR>6.2.1 [오류유형 22-1] 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우<BR>6.2.2 [오류유형 22-1] 대체 콘텐츠를 제공했지만 핵심 기능을 동등하게 제공하지 못한 경우<BR>6.2.3 [주의사항 22-1] 자바 스크립트 미지원 환경에서는 평가하지 않음<BR>6.2.4 [주의사항 22-2] 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가<BR>정리<BR><BR><b>3부 웹 접근성 실전</b><BR><BR>7장 웹 접근성 난제 해결<BR>7.1 난제 해결 기본 원칙 확립<BR>7.1.1 지침과 사용자 분석<BR>7.1.2 검사항목별 수혜 장애유형 분석<BR>7.1.3 웹 접근성 핸들링<BR>7.1.4 웹 접근성 핸들링의 우선순위<BR>7.1.5 웹 접근성 핸들링 적용<BR>7.2 전문성 있는 웹 접근성 응용 기법<BR>7.2.1 정확한 정보 전달에 적절한 대체 텍스트 제공<BR>7.2.1.1 대체 텍스트 처리의 묘미<BR>7.2.1.2 의미 없는 이미지 판단<BR>7.2.1.3 게시판 아이콘의 대체 텍스트 처리 방법<BR>7.2.1.4 변경되는 이미지의 대체 텍스트 처리 방법<BR>7.2.1.5 로딩 중 이미지의 대체 텍스트 제공<BR>7.2.1.6 캡차의 대체 수단 제공<BR>7.2.1.7 시각적인 의미가 다른 유니코드 주의<BR>7.2.1.8 접혀 있는 정보 확인에 쓸 링크 텍스트 자동 변경<BR>7.2.2 중복 정보 방지로 효율적 정보 전달<BR>7.2.2.1 <select> 요소의 첫 번째 <option>의 설명글 처리 방법<BR>7.2.2.2 변동 서식의 summay 처리 방법<BR>7.2.2.3 표의 빈 데이터가 반복적으로 제공되는 사례<BR>7.2.2.4 복잡한 표에서 제목셀과 내용셀의 id, headers 연결<BR>7.2.3 접근성을 높이는 초점과 컨트롤 제공<BR>7.2.3.1 대메뉴, 소메뉴, 탭메뉴의 제목 처리<BR>7.2.3.2 제목-내용 배열이 애매한 탭메뉴의 선형화<BR>7.2.3.3 탭메뉴 건너뛰기 활용<BR>7.2.3.4 스크롤 영역의 정보에 키보드로 접근<BR>7.2.3.5 자동 초점 이동<BR>7.2.3.6 키보드 초점 초기화 해결 방안<BR>7.2.3.7 HTML로 제공된 계산기의 논리적 초점 이동<BR>7.2.3.8 자동으로 움직이는 배너와 제어 버튼 순서<BR>7.2.3.9 실시간 채팅 알림창 컨트롤<BR>7.3 웹 접근성 이슈의 방향성<BR>7.3.1 첫 페이지의 새 창 처리<BR>7.3.2 IR 기법<BR>7.3.3 object 요소 안쪽에 기술된 대체 콘텐츠<BR>7.3.4 동영상의 자막과 원고 자동 제공<BR>정리<BR><BR>8장 웹 접근성 프로젝트 팀별 업무와 가이드<BR>8.1 적절한 책임자 지정<BR>8.1.1 팀별 책임 공방<BR>8.1.2 항목별 책임자 지정<BR>8.1.3 항목별 담당 업무<BR>8.1.3.1 [검사항목 1] 적절한 대체 텍스트 제공기획자, 퍼블리셔, 개발자<BR>8.1.3.2 [검사항목 2] 자막 제공기획자, 디자이너, 퍼블리셔, 개발자<BR>8.1.3.3 [검사항목 3] 색에 무관한 콘텐츠 인식디자이너<BR>8.1.3.4 [검사항목 4] 명확한 지시사항 제공퍼블리셔<BR>8.1.3.5 [검사항목 5] 텍스트 콘텐츠의 명도대비디자이너<BR>8.1.3.6 [검사항목 6] 배경음 사용 금지기획자, 퍼블리셔<BR>8.1.3.7 [검사항목 7] 키보드 사용 보장퍼블리셔, 개발자<BR>8.1.3.8 [검사항목 8] 초점 이동퍼블리셔, 개발자<BR>8.1.3.9 [검사항목 9] 응답시간 조절기획자, 퍼블리셔<BR>8.1.3.10 [검사항목 10] 정지 기능 제공기획자, 퍼블리셔<BR>8.1.3.11 [검사항목 11] 깜빡임과 번쩍임 사용 제한기획자<BR>8.1.3.12 [검사항목 12] 반복 영역 건너뛰기기획자, 퍼블리셔<BR>8.1.3.13 [검사항목 13] 제목 제공기획자, 퍼블리셔, 개발자<BR>8.1.3.14 [검사항목 14] 적절한 링크 텍스트퍼블리셔<BR>8.1.3.15 [검사항목 15] 기본 언어 표시퍼블리셔, 개발자<BR>8.1.3.16 [검사항목 16] 사용자 요구에 따른 실행개발자, 퍼블리셔, 기획자<BR>8.1.3.17 [검사항목 17] 콘텐츠 선형화퍼블리셔<BR>8.1.3.18 [검사항목 18] 표 구성퍼블리셔, 기획자, 개발자<BR>8.1.3.19 [검사항목 19] 레이블 제공퍼블리셔, 개발자<BR>8.1.3.20 [검사항목 20] 오류 정정개발자, 기획자<BR>8.1.3.21 [검사항목 21] 마크업 오류 방지 퍼블리셔<BR>8.1.3.22 [검사항목 22] 웹 애플리케이션 접근성 준수기획자<BR>8.2 기획팀 : 스토리보드<BR>8.2.1 대체 텍스트 공통 가이드<BR>8.2.1.1 복잡한 이미지의 대체 텍스트<BR>8.2.1.2 효율적인 대체 텍스트 사용 방법<BR>8.2.1.3 텍스트 아닌 콘텐츠의 대체 텍스트<BR>8.2.2 입력 서식 공통 가이드<BR>8.2.2.1 입력 서식 수집<BR>8.2.2.2 레이블/타이틀 정의<BR>8.2.2.3 자동 변경 타이틀 값 정의<BR>8.2.3 표 제목 공통 가이드<BR>8.2.3.1 화면에 보이는 표 제목<BR>8.2.3.2 화면에 보이지 않는 표 제목<BR>8.2.3.3 탭메뉴로 대체된 표 제목<BR>8.2.4 필수입력 항목 패턴 정의<BR>8.2.4.1 모양으로 필수입력 항목 표시<BR>8.2.4.2 제목으로 필수입력 항목 표시<BR>8.2.5 게시 기능의 웹 접근성 수단 제공<BR>8.2.5.1 게시판 이미지의 대체 텍스트 제공 수단<BR>8.2.5.2 배너의 대체 텍스트 제공 수단<BR>8.2.5.3 영상 콘텐츠의 원고 제공 수단<BR>8.3 디자인팀 : 스타일 가이드<BR>8.3.1 스타일 가이드의 변화<BR>8.3.2 텍스트 콘텐츠 명도대비 적용<BR>8.3.2.1 폰트 스타일<BR>8.3.2.2 콘텐츠 제목 스타일<BR>8.3.2.3 탭 스타일<BR>8.3.2.4 버튼 스타일<BR>8.3.2.5 테이블 스타일<BR>8.3.2.6 포토샵에서 명도대비 체크 시 유의사항<BR>8.3.3 색에 무관한 콘텐츠 인식 적용<BR>8.3.3.1 파이 그래프<BR>8.3.3.2 꺾은선 그래프<BR>8.3.3.3 막대 그래프<BR>8.4 퍼블리싱팀 : 퍼블리싱 가이드<BR>8.4.1 필수입력 항목<BR>8.4.1.1 전경 이미지로 필수입력 표시<BR>8.4.1.2 배경 이미지로 필수입력 표시<BR>8.4.1.3 특수문자로 필수입력 표시<BR>8.4.1.4 텍스트 뒤의 필수입력 표시<BR>8.4.2 데이터 테이블 퍼블리싱 가이드<BR>8.4.2.1 제목행과 내용행이 분리되어 있는 표<BR>8.4.2.2 제목과 내용이 2행으로 구성된 표<BR>8.4.2.3 병합셀을 포함하는 표<BR>8.4.2.4 징검다리형 제목셀을 포함하는 표<BR>8.4.3 레이블 퍼블리싱 가이드<BR>8.4.3.1 레이블과 입력 폼이 1:1로 대응되는 서식<BR>8.4.3.2 휴대폰 번호 서식<BR>8.4.3.3 날짜 선택 서식<BR>8.4.3.4 라디오 버튼과 텍스트<BR>8.5 개발팀 : 개발 가이드<BR>8.5.1 웹 접근성 자동화<BR>8.5.1.1 자동으로 페이지 제목 제공<BR>8.5.1.2 자동으로 키보드 초점 이동<BR>8.5.1.3 갤러리 게시판 리스트 대체 텍스트 자동 삽입<BR>8.5.2 개발자가 자주 실수하는 유형<BR>8.5.2.1 폼 요소의 id 값 변경으로 인한 오류<BR>8.5.2.2 반복 작업으로 인한 title 오류<BR>8.5.2.3 데이터 테이블에 제공된 버튼 사용 목적 미 제공<BR>8.5.2.4 데이터 테이블에 제공된 폼 요소 레이블이나 title 미 제공<BR>정리<BR><BR>9장 장애인차별금지법 대응을 위한 컨설팅 전략<BR>9.1 단계적 개선 계획 수립<BR>9.1.1 단계적 개선 계획의 중요성<BR>9.1.2 현황 분석<BR>9.1.2.1 웹사이트 현황 분석<BR>9.1.2.2 멀티미디어 콘텐츠 현황 분석<BR>9.1.2.3 솔루션 현황 분석<BR>9.1.3 우선순위 분석<BR>9.1.3.1 중요도 분석<BR>9.1.3.2 시급도 분석<BR>9.1.3.3 난이도 분석<BR>9.1.3.4 우선순위 도출<BR>9.1.4 실행 계획 수립<BR>9.1.4.1 연도별 개선 로드맵 수립<BR>9.1.4.2 사이트별 개선 로드맵 수립<BR>9.1.4.3 단계별 발주 계획 수립<BR>9.1.4.4 유지보수 운영 방안 수립<BR>9.1.4.5 기타 분야 개선 로드맵 수립<BR>9.2 사용성을 높이는 컨설팅 방법론<BR>9.2.1 사용성을 포함하는 적용 기준 설정<BR>9.2.2 컨설팅 절차<BR>9.2.3 단계별 산출물<BR>9.2.4 오류 분석과 이슈 트리 활용<BR>9.3 분야별 이슈를 해결할 방향성 수립<BR>9.3.1 인터넷뱅킹<BR>9.3.2 온라인 주식거래 시스템<BR>9.3.3 이러닝 콘텐츠<BR>9.3.4 온라인 쇼핑몰<BR>9.3.5 다양한 솔루션<BR>9.3.5.1 본인 인증<BR>9.3.5.2 키보드 보안<BR>9.3.5.3 웹 에디터<BR>9.3.5.4 그리드<BR>정리<BR><BR><b>4부 웹 접근성 검증과 테스트</b><BR><BR>10장 웹 접근성 평가 기법<BR>10.1 평가 기법의 종류와 특징<BR>10.1.1 평가 기법의 종류<BR>10.1.2 평가 기법의 특징<BR>10.1.2.1 자동 평가의 특징<BR>10.1.2.2 수동 평가의 특징<BR>10.2 웹 접근성 평가 도구<BR>10.2.1 K-WAH<BR>10.2.2 오픈 왁스<BR>10.2.3 CCA<BR>10.2.4 WAT<BR>10.2.5 PDF 접근성 검사 도구<BR>10.2.6 개발자 도구 활용 방법<BR>10.2.7 화면 캡처 프로그램 활용 방법<BR>10.3 전문가 평가 방법<BR>10.3.1 시·청각적 평가<BR>10.3.2 키보드, 마우스 평가<BR>10.3.3 도구 평가<BR>10.3.4 소스 평가<BR>10.4 사용자 평가<BR>10.4.1 평가 대상<BR>10.4.2 평가 시간<BR>10.4.3 평가 방법<BR>10.4.4 과업 선정<BR>정리<BR><BR>11장 접근성을 위한 보조기술<BR>11.1 화면 낭독기<BR>11.1.1 화면 낭독기의 중요성<BR>11.1.2 기본 동작 원리<BR>11.1.3 가상 커서의 이해<BR>11.1.4 가상 커서의 이동 기능<BR>11.2 다양한 화면 낭독기 비교<BR>11.2.1 가격 정책과 제조사 정보<BR>11.2.2 운영체제와 웹 브라우저 지원 여부<BR>11.3 센스리더의 설치와 활용<BR>11.3.1 설치 방법<BR>11.3.2 옵션 설정<BR>11.3.2.1 음성 속도 조절<BR>11.3.2.2 실행 후 IE 화면 깜빡임 해결<BR>11.3.2.3 가상 커서 설정<BR>11.3.2.4 Alert 메시지 음성 출력<BR>11.3.2.5 Aero 테마 관련 설정<BR>11.3.2.6 부팅 시 자동 실행 설정<BR>11.3.3 사용 방법<BR>11.3.3.1 기본 사용 방법<BR>11.3.3.2 알아두면 편리한 기능<BR>11.4 죠스의 설치와 활용<BR>11.4.1 설치 방법<BR>11.4.1.1 영문 죠스 설치<BR>11.4.1.2 한국어 TTS 설치<BR>11.4.1.3 한국어 TTS 설정<BR>11.4.2 옵션 설정<BR>11.4.2.1 음성 설정<BR>11.4.2.2 인터넷 설정<BR>11.4.2.3 윈도우 7의 Aero 테마 활성화를 위한 설정<BR>11.4.2.4 부팅 시 자동 실행 설정<BR>11.4.3 사용 방법<BR>11.4.3.1 기본 사용 방법<BR>11.4.3.2 알아두면 편리한 기능<BR>11.5 화면 낭독기별 음성 낭독 비교<BR>11.5.1 이미지의 대체 텍스트<BR>11.5.1.1 <img>와 alt<BR>11.5.1.2 <img>와 longdesc<BR>11.5.1.3 이미지맵의 사용<BR>11.5.2 링크의 title, target<BR>11.5.2.1 링크 텍스트와 title<BR>11.5.2.2 <a>와 target<BR>11.5.2.3 <a>와 <img><BR>11.5.3 입력 서식의 레이블 제공<BR>11.5.3.1 입력 서식과 레이블<BR>11.5.3.2 입력 서식의 readonly, disable<BR>11.5.3.3 입력 서식의 <label> 요소 제공 방법<BR>11.5.3.4 입력 서식의 <label> 요소와 title 속성<BR>11.5.4 페이지, 프레임, 콘텐츠 블록의 제목 제공<BR>11.5.4.1 페이지 제목<BR>11.5.4.2 프레임 제목<BR>11.5.4.3 콘텐츠 블록 제목<BR>11.5.5 테이블의 활용<BR>11.5.5.1 <caption>, summary 정보<BR>11.5.5.2 일반 제목셀의 <th>와 scope 연결<BR>11.5.5.3 병합된 제목셀의 <th>와 scope 연결<BR>11.5.5.4 제목셀의 id와 내용셀의 headers로 연결<BR>11.5.5.5 <th>, scope 연결과 ID, headers 연결의 차이<BR>11.5.5.6 빈 셀과 행 바뀜<BR>11.5.5.7 테이블 탐색 시 테이블 끝 알림<BR>11.5.6 숨김 항목에 대한 음성 출력<BR>11.5.7 lang 속성 지정 시 각 언어의 음성 전환<BR>11.5.8 목록 태그<BR>11.5.9 특수기호의 음성 출력<BR>11.5.10 알아두면 편리한 단축키<BR>11.6 화면 확대기의 종류와 기능<BR>11.6.1 웹 브라우저의 확대 기능<BR>11.6.2 윈도우 7 돋보기 기능<BR>11.6.3 전문 확대 프로그램<BR>11.6.4 웹사이트의 화면 확대와 고대비 기능<BR>정리<BR><BR><b>5부 웹 접근성을 넘어서</b><BR><BR>12장 웹 접근성의 미래와 과제<BR>12.1 웹 접근성의 올바른 발전 방향<BR>12.1.1 문제점의 해결<BR>12.1.2 HTML5와 ARIA<BR>12.1.2.1 <a> 요소의 변화<BR>12.1.2.2 <figure>와 <figcaption><BR>12.1.2.3 HTML5의 문서 구조<BR>12.1.2.4 랜드마크 규칙 활용<BR>12.1.2.5 동적 변경 내용 알림 활용<BR>12.1.2.6 HTML과 RIA 기술 발달에 따른 접근성 방향<BR>12.1.3 UX로의 전환<BR>12.1.3.1 페이지 이동 인터페이스<BR>12.1.3.2 온라인 서식 입력 오류 실수 방지<BR>12.1.3.3 사용성과 사용자 경험의 발전 방향<BR>12.2 '웹'을 넘어서<BR>12.2.1 모바일 접근성<BR>12.2.1.1 모바일 애플리케이션 접근성<BR>12.2.1.2 모바일 웹 접근성<BR>12.2.2 소프트웨어 접근성<BR>12.2.2.1 소프트웨어 접근성의 개념<BR>12.2.2.2 소프트웨어 접근성 현황과 전망<BR>12.2.2.3 도구를 이용한 소프트웨어 접근성 검사 방법<BR>12.2.2.4 소프트웨어 접근성 검사항목<BR>12.2.3 제품 접근성<BR>12.2.4 서비스 접근성<BR>12.2.5 접근성 책임자<BR>12.2.6 제안<BR>정리<BR><BR>부록<BR>Ⅰ 웹 접근성 관련 법률<BR>Ⅰ.1 웹 접근성 관련 법률<BR>Ⅱ 한국형 웹 콘텐츠 접근성 지침 2.1 개요<BR>II.1 웹 콘텐츠 접근성 지침 2.0 요약<BR>II.2 웹 콘텐츠 접근성 지침 2.1의 특징<BR>II.3 신설/변경된 2.1 지침의 내용<BR>II.4 지침 2.1에 대한 의견<BR>Ⅲ 웹 접근성 품질인증심사가이드 v1.3 인증심사 기준<BR>Ⅲ.1 전문가 심사 기준<BR>Ⅲ.2 사용자 심사 기준<BR>Ⅲ.3 웹 접근성 품질인증마크 자가진단 방법<BR>Ⅲ.4 웹 접근성 품질인증마크 신청서<BR>Ⅲ.5 웹 접근성 품질인증마크 사전 설문지<BR>Ⅳ 기타 화면 낭독기 설치와 사용법<BR>Ⅳ.1 NVDA 설치와 사용법<BR>Ⅳ.2 실로암 보이스 설치와 사용법</b> </p> </div> <a href='#' onclick='autoControllBox(this);return false;' name='defaultClose' class='bt_moreTxt' style='display:none;'>펼쳐보기</a> </div> <!--// 목차 --> <!-- 본문중에서 --> <h3 class='detailTitle'><p>본문중에서</p></h3> <div class='detail_txtContent'> <div class='txtBox'> <input type='hidden' name='maxHeight' value='190px'> <p> 결혼하는 것은 행복하지만 결혼식을 준비하는 과정은 힘들고 다투기도 한다. 어떤 일을 하든 갑자기 많은 변화가 있으면 마찰이 있기 마련이다. 그리고 이를 맞춰나가는 데는 시간이 많이 걸린다. 기존의 웹과 웹 접근성이 결합되는 것도 마찬가지다. <BR><BR>웹 접근성의 취지는 '장미'처럼 아름답지만, 웹 접근성 적용은 '장미의 가시'처럼 느껴질 수 있다. 겉 보기에는 매우 아름답지만 실제로 직접 손을 대고 만지기는 꺼려진다. 하지만 이런 상황은 웹 접근성 관련 지식이 시장에 보편화되고 시장에서의 요구조건과 합의점을 이루어가면 지금보다는 좀 더 유연하게 적용될 것이다. <BR><BR>이 책은 기본에서 응용까지 스스로 판단하고 처리할 수 있게 웹 접근성의 원리를 이야기한다. 이런 과정에서 관리자나 개발자, 정책결정자와 같은 이해관계자가 조금이라도 해당 취지와 원리를 이해한다면 프로젝트를 진행하면서 웹 접근성 컨설팅이 과도한 것인지를 판단할 수 있는 안목이 생길 것이다. <BR><BR>오늘날 웹 접근성을 준수했다는 의미로 웹사이트에 웹 접근성 품질마크를 부여한다. 웹 접근성 품질마크 자체는 웹 접근성의 구체적인 기준을 제공하고, 노력한 결과를 상징한다는 측면에서 긍정적이다. 하지만 웹 접근성 품질마크를 획득해야 하는 입장에서는 이 품질마크가 번거롭고 부정적인 것으로 보이기도 한다. 이는 웹 접근성이 아니라 웹 접근성 품질마크를 획득하는 것 자체에만 관심이 있기 때문이다. 하지만 웹 접근성 품질마크는 단지 일정 수준의 기준을 준수했다는 증거일 뿐이며, 이를 넘어선 좀 더 높은 웹 접근성을 구현하는 것이 웹 접근성의 원래 취지다. <BR><BR>이 책에서는 웹 접근성 품질마크를 받을 수 있는 여러 가지 기준을 제시해 웹 접근성 품질마크를 받을 수 있도록 도와준다. 뿐만 아니라 더 높은 웹 접근성으로 인도하고자, 웹 접근성 품질인증을 담당했던 경험과 실제 현장에서 발생하는 웹 접근성 이슈 관련 해결책을 이야기한다. 이 책을 읽으면서 웹 접근성을 부정적으로 바라보던 시선이 사라지고 다양한 영역에서 유연하게 적용되길 바란다.<BR>(/ '저자 서문' 중에서) </p> </div> <a href='#' onclick='autoControllBox(this);return false;' name='defaultClose' class='bt_moreTxt' style='display:none;'>펼쳐보기</a> </div> <!--// 본문중에서 --> <!-- 관련이미지 --> <h3 class='detailTitle'><p>관련이미지</p></h3> <div class='detail_imgContent'> <div class='imgBox'> <p> <img src='http://bimage.interpark.com/goods_image/4/1/0/6/213704106b.jpg' alt='' onload='fn_exImageResize(this)'/> </p> </div> </div> <!--// 관련이미지 --> <!-- 독자들이 선정한 한 줄 문구 --> <!-- <h3 class="detailTitle"><p>독자들이 선정한 한 줄 문구</p><a href="#" class="bt_oneReplyWrite">작성하기</a></h3> <table class="tb_readerChoice"> <colgroup> <col style="width:165px;"> <col style="width:700px;"> <col style="width:115px;"> </colgroup> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>kim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.98- 이 세상이란 여기 나비 노니는데 저기 거미집 있네. (2015.06.30)</p> </div> </td> <td><span class="mk_heart">1,230</span></td> </tr> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>kim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.102- 노를 젓다가 노를 놓쳐버렸다. 비로소 넓은 물을 돌아다 보았다. 내려갈 때 보았네 올라갈 때 보지 못한 그 꽃. . 아무래도 미워하는 힘 이상으로 사랑하는 힘이 있어야겠다. (2015.06.30) </p> </div> </td> <td><span class="mk_heart check">1,230</span></td> </tr> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>LimOkayjjkim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.289- 티끌 자욱한 이 땅 일을 한바탕 긴 봄꿈이라 이를 수 있다면, 그 한바탕 을 한바탕 긴 봄꿈이라 이를 수꿈을 꾸미고 보태 이야기함 또한 부질없는 일이 아니겠는가. 사람은 같은 냇물에 두번 발을 담글수는 없고, 때의 흐름은 다만 나아갈 뿐 되돌아오지 않는 것을... (2015.06.30) </p> </div> </td> <td><span class="mk_heart">1,230</span></td> </tr> </table> --> <!--// 독자들이 선정한 한 줄 문구 --> <!-- 저자소개 --> <h3 class='detailTitle'><p>저자소개</p></h3> <div class='writerBoxWrap2'> <div class='writerInfo'> <div class='infoTitle'> <span class='writerName'>류영일 [저]</span> <a href='#' onclick="fn_smsAuthor('35628168', '류영일');return false;" id='newBsms' class='btnPopOver bt_newSMSreg'>신작알림 SMS신청</a> <a href='#' onclick='fn_wiseLogRedirect("bottom","Author","bookdb","http://bookdb.co.kr/bdb/PersonDictionary.do?_method=writerDetail&writerCategoryNo=1&sc.page=1&prsnNo=35628168","_blank");return false;' class='bt_writerDB'>작가DB보기</a> </div> <div class='infoContent'> <div class='infoC_left'> <table class='tb_infoC'> <colgroup> <col style='width:80px;'> <col style='width:100px;'> </colgroup> <tbody> <tr> <th>생년월일</th> <td>-</td> </tr> <tr> <th>출생지</th> <td>-</td> </tr> <tr> <th>출간도서</th> <td>0종</td> </tr> <tr> <th>판매수</th> <td>0권</td> </tr> </tbody> </table> </div> <div class='infoC_right'> <p class='infoC_cont'> 2007년부터 2012년까지 한국정보화진흥원에서 웹 표준과 웹 접근성 관련 업무를 맡아왔으며, 웹 접근성 품질마크 담당과 법제도 T/F를 운영하여 지금의 국가정보화기본법 개정 내용을 만들었다. 부족한 인증심사기준을 제시하기 위해 좀더 구체적인 웹 접근성 품질인증심사가이드를 제작하는 등 적극적이고, 다양한 웹 접근성 업무를 추진해왔다. 현재 웹 접근성 컨설턴트로 일하고 있으며, 다수의 강의 및 컨설팅, 자문을 수행 중에 있다. 특히 접근성이 웹에 머물지 않고 모바일 분야와 소프트웨어, 제품, 서비스까지 확장되어야 한다는 생각으로 '접근성 연구회'를 설 <span class='hidden' id='tcbCont1035628168'>립하여 기반 기술을 사회에 제시하고 웹 접근성을 알 수 있는 기회를 제공하는 대신 재능을 기부하여 사회 곳곳에 접근성을 향상시키는 연결 구조를 만들기 위한 노력을 지속하고 있다.</span> </p> <a href='#' onclick='txtControllBox(1035628168);return false;' id='tcbBtn1035628168' class='bt_moreTxt'>펼쳐보기</a> </div> </div> </div> </div> <div class='writerBoxWrap2'> <div class='writerInfo'> <div class='infoTitle'> <span class='writerName'>하성필 [저]</span> <a href='#' onclick="fn_smsAuthor('35628170', '하성필');return false;" id='newBsms' class='btnPopOver bt_newSMSreg'>신작알림 SMS신청</a> <a href='#' onclick='fn_wiseLogRedirect("bottom","Author","bookdb","http://bookdb.co.kr/bdb/PersonDictionary.do?_method=writerDetail&writerCategoryNo=1&sc.page=1&prsnNo=35628170","_blank");return false;' class='bt_writerDB'>작가DB보기</a> </div> <div class='infoContent'> <div class='infoC_left'> <table class='tb_infoC'> <colgroup> <col style='width:80px;'> <col style='width:100px;'> </colgroup> <tbody> <tr> <th>생년월일</th> <td>-</td> </tr> <tr> <th>출생지</th> <td>-</td> </tr> <tr> <th>출간도서</th> <td>0종</td> </tr> <tr> <th>판매수</th> <td>0권</td> </tr> </tbody> </table> </div> <div class='infoC_right'> <p class='infoC_cont'> 1999년 웹 제작을 시작한 이후 디자이너, 퍼블리셔, 기획자 등을 거쳐 현재 웹 접근성 컨설턴트로 일하고 있다. 다양한 웹 기술 분야의 경험을 바탕으로 다수의 웹 접근성 및 웹 퍼블리싱 강의를 진행 중이며, 웹 접근성을 지침이나 이론이 아닌 실무적으로 구현할 수 있는 전문성을 지니고 있다. </p> </div> </div> </div> </div> <div class='writerBoxWrap2'> <div class='writerInfo'> <div class='infoTitle'> <span class='writerName'>김혜일 [저]</span> <a href='#' onclick="fn_smsAuthor('35628172', '김혜일');return false;" id='newBsms' class='btnPopOver bt_newSMSreg'>신작알림 SMS신청</a> <a href='#' onclick='fn_wiseLogRedirect("bottom","Author","bookdb","http://bookdb.co.kr/bdb/PersonDictionary.do?_method=writerDetail&writerCategoryNo=1&sc.page=1&prsnNo=35628172","_blank");return false;' class='bt_writerDB'>작가DB보기</a> </div> <div class='infoContent'> <div class='infoC_left'> <table class='tb_infoC'> <colgroup> <col style='width:80px;'> <col style='width:100px;'> </colgroup> <tbody> <tr> <th>생년월일</th> <td>-</td> </tr> <tr> <th>출생지</th> <td>-</td> </tr> <tr> <th>출간도서</th> <td>0종</td> </tr> <tr> <th>판매수</th> <td>0권</td> </tr> </tbody> </table> </div> <div class='infoC_right'> <p class='infoC_cont'> 국내에서 점유율이 가장 높은 화면 낭독기 개발기업의 기술자문 경험을 바탕으로 한 사용자 평가와 저시력 사용자에 대한 웹 접근성 전문가다. 실제 시각장애인이면서 다수의 웹 접근성 관련 사용자 평가 경험을 바탕으로 현재는 전문가 평가로 그 영역을 확대했으며 다양한 웹 사이트, 모바일 앱 등 접근성 평가와 자문을 진행하고 있다. 스스로 시각장애로 인해 느끼는 불편을 그 누구보다 잘 알기에 실제 사용성을 높일 수 있도록 지침 이외의 영역에 대한 접근성 개선을 소명으로 생각하는 접근성 지킴이다. </p> </div> </div> </div> </div> <div class='writerBoxWrap2'> <div class='writerInfo'> <div class='infoTitle'> <span class='writerName'>성영한 [저]</span> <a href='#' onclick="fn_smsAuthor('21806845', '성영한');return false;" id='newBsms' class='btnPopOver bt_newSMSreg'>신작알림 SMS신청</a> <a href='#' onclick='fn_wiseLogRedirect("bottom","Author","bookdb","http://bookdb.co.kr/bdb/PersonDictionary.do?_method=writerDetail&writerCategoryNo=1&sc.page=1&prsnNo=21806845","_blank");return false;' class='bt_writerDB'>작가DB보기</a> </div> <div class='infoContent'> <div class='infoC_left'> <table class='tb_infoC'> <colgroup> <col style='width:80px;'> <col style='width:100px;'> </colgroup> <tbody> <tr> <th>생년월일</th> <td>-</td> </tr> <tr> <th>출생지</th> <td>-</td> </tr> <tr> <th>출간도서</th> <td>0종</td> </tr> <tr> <th>판매수</th> <td>0권</td> </tr> </tbody> </table> </div> <div class='infoC_right'> <p class='infoC_cont'> 현재 쌍용정보통신교육센터에서 자바 부분 전임강사로 재직 중이다. 유비쿼터스의 RFID와 EJB를 이용한 물류 관리시스템, DW 환경의 SQL Tunning에 관심이 많다. </p> </div> </div> </div> </div> <!--// 저자소개 --> <!-- 주간랭킹 --> <h3 class="detailTitle" id="weekRankTitle" style="display: none;"> <p>주간랭킹</p> <a href="/display/collectlist.do?_method=BestsellerHourNew&inFlow=week&bestTp=1&dispNo=028&inFlow=week&bnid1=book_2015&bnid2=bottom&bnid3=ranking&bnid4=more" class="bt_arrowRight2">더보기</a> <div class="rightBtBox"><p class="totalDate"></p></div> </h3> <div class="weekRankWrap" id="weekRankDiv" style="display: none;"> <div class="wRankTab"> <ul class="rankList"></ul> </div> <div class="wRankCont"> <p class="dataInfoTxt"><span>[웹 접근성과 품질인증]</span>의 데이터 요약정보</p> <div class="monthRank"> <div class="graphBox"></div> <div class="graphDate"></div> </div> <div class="monthSale"> <div class="graphBox"></div> <div class="graphDate"></div> </div> </div> </div> <!--// 주간랭킹 --> <!-- 상품정보제공고시 --> <h3 class="detailTitle" id="prdNoticeTitle" style="display: none;"><p>상품정보제공고시</p></h3> <table class="tb_changeRefund" id="prdNoticeTable" style="display: none;"> <colgroup> <col style="width:200px;"> <col style="width:290px;"> <col style="width:200px;"> <col style="width:290px;"> </colgroup> </table> <div id="prdNoticeDiv" style="display: none;"></div> <!--// 상품정보제공고시 --> </div> <!--// 탭 2 영역 -> 탭 1 영역 --> <!-- 탭 1 영역 -> 탭 2 영역 --> <div class="detailInfoWrap contentsWrap" id="eventPlanWrap"> <!-- 이벤트 기획전 --> <h3 class='detailTitle' id='eventTitle' style='display: none'><p>이벤트 기획전</p></h3> <div class='detailEvnetBanner'></div> <!--// 이벤트 기획전 --> </div> <!--// 탭 1 영역 -> 탭 2 영역 --> <!-- 탭 4 영역 -> 탭 3 영역 --> <div class="detailInfoWrap contentsWrap" id="seriesPackWrap"> <!-- 이 상품의 시리즈 --> <a id='go_series' class='nameLinkHeight'></a> <h3 class='detailTitle'><p>이 상품의 시리즈</p></h3> <div class='prodSeriseWrap'> <div class='serise_title'> <p><input type='checkbox' id='seriesAllChk21300' class='inp_check'/>에이콘 웹 프로페셔널 시리즈<span class='serise_countInfo'>(총 <span class='fontRed'>69</span>권 / 현재구매 가능도서 <span class='fontRed'>54</span>권)</span></p> <div class='rightBtBox'> <span class='rBt_title'>선택한 상품</span> <a href='#' onclick='addCartList($("form#sideform").get(0), "prdNo_series21300");fn_wiseLog("bottom","series","bcart");return false;' class='bt_allView'>북카트담기</a> <a href='#' onclick='fn_smsSeries("21300");return false;' class='bt_allView'>시리즈 신간알림 SMS신청</a> </div> </div> <div class='seriseListBox' id='ulOpenList421300'> <ul class='seriseList'> <li> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='222421685' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=222421685&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>모던 웹 개발의 필독서 세트</span> <span class='bookPrice'><span class='fontRed'>73,800원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 4,100P</span> (5%) </span> </a> </li> <li> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='211889105' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=211889105&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹을 관통하는 HTML&CSS의 원리와 응용 세트</span> <span class='bookPrice'><span class='fontRed'>58,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 3,250P</span> (5%) </span> </a> </li> <li> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='208391456' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=208391456&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>플렉스 4.5 & 플래시 액션스크립트 정석 세트 (전2권)</span> <span class='seriseName2'>: RIA, 모바일, 소셜게임 개발을 위한</span> <span class='bookPrice'><span class='fontRed'>67,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 3,750P</span> (5%) </span> </a> </li> <li> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='203540819' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=203540819&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>자바스크립트의 정석 세트</span> <span class='bookPrice'>(품절)</span> </a> </li> <li> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='200696598' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=200696598&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 표준 + 방탄웹 + CSS 마스터 전략 세트 (전3권)</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='4681763' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=4681763&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 표준 + 방탄웹 세트 (전2권)</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='261936976' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=261936976&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>미티어 인 액션</span> <span class='seriseName2'>: 데이터 기반 웹 애플리케이션 핵심 개발 도구</span> <span class='bookPrice'><span class='fontRed'>36,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,000P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='257851287' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=257851287&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Learning PHP, MySQL & JavaScript With jQuery, CSS & HTML5 - 4th Edition</span> <span class='seriseName2'>: 동적인 소셜 웹 개발...</span> <span class='bookPrice'><span class='fontRed'>45,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='255398779' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=255398779&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>콘텐츠 전략 툴킷</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='240313882' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=240313882&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>WebGL을 활용한 3D 그래픽 프로그래밍</span> <span class='seriseName2'>: 기초 선형대수학부터 셰이더, 최적화 기법까지</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='237164685' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=237164685&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>CSS와 Ajax를 활용한 웹 표준 사이트 구축</span> <span class='seriseName2'>: CSS and Ajax for Big Sites</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='235479419' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=235479419&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>MEAN 스택을 사용한 모던 웹 개발 입문</span> <span class='seriseName2'>: 풀 스택 엔지니어로 이끌어주는</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='232519361' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=232519361&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Node.js, MongoDB와 AngularJS를 이용한 웹 개발</span> <span class='seriseName2'>: MEAN 스택을 이용한 강력한 인터랙티브 웹 앱 프...</span> <span class='bookPrice'><span class='fontRed'>40,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='239008023' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=239008023&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>개발자와 디자이너가 함께 보는 자바스크립트 프로그래밍</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='220929112' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=220929112&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>The Book of CSS 3</span> <span class='seriseName2'>: 인터랙티브 웹을 구현하기 위한 CSS3의 원리와 핵심</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='218866914' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=218866914&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>설치에서 트러블슈팅까지 웹로직의 모든 것 WebLogic Expert</span> <span class='seriseName2'>: 엔지니어, 개발자, 아키텍트, 운영자...</span> <span class='bookPrice'><span class='fontRed'>36,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,000P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='218896252' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=218896252&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>WordPress: The Missing Manual 워드프레스 사용자 가이드</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='215227824' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=215227824&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Adobe Edge Animate Classroom in a Book 한국어판</span> <span class='seriseName2'>: 애니메이터와 디자이너를 위한 HTML5 컨텐츠 ...</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='214207975' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=214207975&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>MySQL (Fifth Edition) 한국어판</span> <span class='seriseName2'>: 효율적인 웹 애플리케이션 데이터베이스 운용 관리 가이드 </span> <span class='bookPrice'><span class='fontRed'>49,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='214204572' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=214204572&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>The Modern Web</span> <span class='seriseName2'>: 웹의 미래를 책임지는 멀티플랫폼 반응형 웹 프로그래밍</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='214054892' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=214054892&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>모던 자바스크립트 Modern JavaScript</span> <span class='seriseName2'>: 최신 웹 환경을 위한 자바스크립트 개발 기법</span> <span class='bookPrice'><span class='fontRed'>36,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,000P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='213858160' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=213858160&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>반응형 디자인 실무</span> <span class='seriseName2'>: 레이아웃을 넘어 성능과 접근성 관점에서 바라본</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='213704106' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=213704106&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 접근성과 품질인증</span> <span class='seriseName2'>: 장애인차별금지법 대응을 위한</span> <span class='bookPrice'><span class='fontRed'>40,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='212625502' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=212625502&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Learning PHP, MySQL, JavaScript & CSS 한국어판</span> <span class='seriseName2'>: 동적인 소셜 웹 개발을 위한 4가지 핵심 기술</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='212263187' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=212263187&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹킷이 주도하는 미래형 웹 개발</span> <span class='seriseName2'>: HTML5+CSS3 반응형 웹 표준 앱의 필수 기술 WebKit</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='211796509' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=211796509&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>드루팔 사용하기</span> <span class='seriseName2'>: 드루팔 웹사이트 제작과 모듈 활용</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='211583565' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=211583565&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>워드프레스 플러그인과 테마 만들기</span> <span class='seriseName2'>: 소스코드 분석부터 블로그 마케팅까지</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='211461495' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=211461495&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>서블릿 & JSP 자바 웹 프로그래밍 완성</span> <span class='seriseName2'>: Servlet 3.0과 JSP 2.2 핵심을 꼭꼭 짚은</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='210036648' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=210036648&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML5 비디오</span> <span class='seriseName2'>: 미디어 웹표준 기술</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='209853133' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=209853133&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Node.js 노드제이에스 프로그래밍</span> <span class='seriseName2'>: 클라우드 컴퓨팅 시대의 고성능 자바스크립트 플랫폼</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='211482618' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=211482618&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML & CSS</span> <span class='seriseName2'>: 웹사이트 개발과 디자인 기초</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='209827038' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=209827038&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Web Standards Solutions Special Edition 한국어판</span> <span class='seriseName2'>: 웹 표준 첫걸음</span> <span class='bookPrice'><span class='fontRed'>18,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,000P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='209390955' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=209390955&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML5 캔버스 첫걸음</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='208681960' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=208681960&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Learning PHP, MySQL & JavaScript - 한국어판</span> <span class='seriseName2'>: 소셜 웹 개발자를 위한 3대 핵심 기술 PHP, MySQL,...</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='208584900' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=208584900&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 접근성 웹 표준 완벽 가이드</span> <span class='seriseName2'>: 국가표준 접근성 지침을 준수하는 웹 콘텐츠 개발</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='208584338' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=208584338&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Tagging 태깅</span> <span class='seriseName2'>: 소셜 웹 사용자가 만들어내는 메타데이터, 태그</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='210743840' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=210743840&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML5+CSS3+자바스크립트의 정석</span> <span class='seriseName2'>: HTML5 필수 API로 배우는 차세대 웹 프로그래밍</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='210437865' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=210437865&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>차세대 UI/UX 실현을 위한 엑스플랫폼</span> <span class='seriseName2'>: 스마트 엔터프라이즈 애플리케이션 설계에서 구현까지</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='208266982' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=208266982&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>플렉스 4.5 & 플래시 빌더 정석</span> <span class='seriseName2'>: 웹,데스크탑,모바일 RIA 애플리케이션 제작을 위한 어도비 플렉스...</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='207869044' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=207869044&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Ajax 첫걸음</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='207034011' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=207034011&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML5 활용</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='206777217' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=206777217&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>HTML5 첫걸음</span> <span class='seriseName2'>: 개발자, 기획자, 디자이너가 함께 읽고 바로 쓰는</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='206764933' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=206764933&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 컨텐츠 전략을 말하다</span> <span class='seriseName2'>: 온라인 미디어와 소셜 웹 시대에 대응하는</span> <span class='bookPrice'><span class='fontRed'>19,800원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,100P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='206350853' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=206350853&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>자바 구글앱엔진</span> <span class='seriseName2'>: 무료로 시작하는 손쉬운 클라우드 애플리케이션 개발</span> <span class='bookPrice'>(품절)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='204648432' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=204648432&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>엔터프라이즈 Ajax</span> <span class='seriseName2'>: 대규모 웹사이트 구축을 위한 실전 Ajax의 모든 것</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='204574457' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=204574457&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>okgosu의 액션스크립트 정석</span> <span class='seriseName2'>: 기초부터 2D와 3D 그래픽, 애니메이션, 게임 프로그래밍까지 플래시/...</span> <span class='bookPrice'><span class='fontRed'>43,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 2,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='204284023' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=204284023&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>구글피디어 Googlepedia</span> <span class='seriseName2'>: 구글에 관한 모든 것</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='203868682' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=203868682&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>리팩토링 HTML</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='203484892' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=203484892&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>오픈 API를 활용한 매쉬업 가이드</span> <span class='seriseName2'>: HTML과 자바스크립트로 손쉽게 만드는 AIR 애플리케이션</span> <span class='bookPrice'><span class='fontRed'>29,700원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,650P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='201846350' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201846350&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹표준 완전정복 세트</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201845683' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201845683&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 2.0을 이끄는 방탄웹 (페이퍼백)</span> <span class='seriseName2'>: 크리에이티브한 웹 표준 기법과 제작 사례</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201807375' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201807375&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>PHP 개발자를 위한 실전 자바스크립트</span> <span class='seriseName2'>: 다이내믹한 PHP 사이트를 만드는 Ajax 기법</span> <span class='bookPrice'><span class='fontRed'>27,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,500P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201522539' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201522539&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>PPK 자바스크립트</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='201468387' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201468387&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>예제로 배우는 Adobe 플렉스</span> <span class='seriseName2'>: UX와 성능이 향상된 RIA 제작의 첫걸음: 플렉스 3 & 어도비 에어</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201415724' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201415724&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>RIA 개발을 위한 실버라이트 입문</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201402446' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201402446&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>GWT 구글 웹 툴킷</span> <span class='seriseName2'>: 자바로 하는 AJAX 프로그래밍</span> <span class='bookPrice'><span class='fontRed'>18,000원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,000P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201316429' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201316429&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹디자인 2.0 고급 CSS</span> <span class='seriseName2'>: 감각적인 웹디자인 예술 미학</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201318862' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201318862&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>방어형 웹사이트 기획</span> <span class='seriseName2'>: 고객과 회사를 구하는 가이드라인 40</span> <span class='bookPrice'><span class='fontRed'>19,800원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,100P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='201198868' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=201198868&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Ajax 패턴과 베스트 프랙티스</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='200989805' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=200989805&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>정보 트래핑</span> <span class='seriseName2'>: 원하는 정보를 자동으로 수집하는 웹 모니터링 기법</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='200986846' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=200986846&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>방탄 Ajax</span> <span class='bookPrice'><span class='fontRed'>19,800원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,100P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='200702170' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=200702170&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>다이내믹한 웹 표준 사이트를 위한 DOM 스크립트</span> <span class='bookPrice'><span class='fontRed'>22,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,250P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='200609140' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=200609140&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 개발 2.0 루비 온 레일스 - Easy Start!</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='220933548' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=220933548&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>CSS 마스터 전략 CSS Mastery</span> <span class='bookPrice'><span class='fontRed'>31,500원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,750P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='16530432' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=16530432&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>CSS 마스터 전략</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='14017662' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=14017662&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>예제로 배우는 Adobe 플렉스 2 (CD:1)</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' value='11507637' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=11507637&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>Ajax 인 액션 (CD:1)</span> <span class='bookPrice'><span class='fontRed'>25,200원</span> (10%)</span> <span class='plus'>+</span><span class='giftPoint'><span class='fontViolet'> 1,400P</span> (5%) </span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='4511639' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=4511639&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>웹 2.0을 이끄는 방탄웹</span> <span class='bookPrice'>(절판)</span> </a> </li> <li style='display: none;'> <span class='dash'></span> <span class='checkBox'><input type='checkbox' class='check' disabled='disabled' value='3395350' name='prdNo_series21300'/></span> <a href='/product/BookDisplay.do?_method=detail&sc.shopNo=0000400000&sc.prdNo=3395350&sc.saNo=007&bnid1=book_2015&bnid2=bottom&bnid3=series&bnid4=prd'> <span class='seriseName1'>실용예제로 배우는 웹 표준 XHTML + CSS 활용 가이드</span> <span class='bookPrice'>(절판)</span> </a> </li> </ul> <a href='#' onclick='fn_moreTxtHide(421300, 5);return false;' class='bt_moreTxtB_1_off' id='bt_moreTxtA_421300_off' style='display: none;'>접어보기</a> <a href='#' onclick='fn_moreTxtShow(421300);fn_wiseLog("bottom","series","open");return false;' class='bt_moreTxtB_1' id='bt_moreTxtA_421300' style='display: block;'>펼쳐보기</a> </div> </div> <!--// 이 상품의 시리즈 --> </div> <!--// 탭 4 영역 -> 탭 3 영역 --> <!-- 탭 3 영역 -> 탭 4 영역 --> <div class="detailInfoWrap contentsWrap" id="reviewGradeWrap"> <!-- 상품설명 중단 배너 --> <div class="detailMiddleBanner"> <div class="banBoxNew"> <div class="banLeft"> <a href="/member/MyPage.do?logintgt=mypage" target="_blank" class="bt_review1" title="리뷰작성하기"></a> <a href="http://bookdb.co.kr/bdb/WebReview.do?_method=bestReview" target="_blank" class="bt_review2" title="우수리뷰보기"></a> <img src="http://bimage.interpark.com/renewPark/reBookpark/last_inc_new/mainTBan/banReview_img1.jpg" alt=""> </div> <div class="banRight"> <a href="/blog/bookpinion/bookpinionBasicInfo.rdo?tabView=3#tab_con_3_1" target="_blank" class="bt_detail" title="상세보기"></a> <img src="http://bimage.interpark.com/renewPark/reBookpark/last_inc_new/mainTBan/banReview_img2.jpg" alt=""> </div> </div> </div> <!--// 상품설명 중단 배너 --> <!-- 리뷰 --> <a id="go_reViewWrite" class="nameLinkHeight"></a> <h3 class="detailTitle2"> <div class="titleSet1"> <p>리뷰</p> <div class="star_off"><span class="star_on" style="width:100%;"></span></div> <span class="star_count">10.0</span> <span class="total_count">(총 0건)</span> </div> <div class="rightBtBox"> <div class="reviewInfoTxt"> <p> 등록된 리뷰중 당선작을 선정하여, 도서상품권을 드립니다.<a href="#" onclick="return false" id="prizeChoiceStand" class="btnPopOver ico_quest"></a></p> </div> <a href="/blog/viewBlogMain.rdo?reviewProdNo=213704106&bnid1=book_2015&bnid2=bottom&bnid3=book_review&bnid4=write" target="_blank" class="bt_reviewWrite">리뷰쓰기</a> </div> </h3> <div class="reviewWrap"> <!-- best Review --> <div class="bestReviewBox" style="display: none"></div> <!--// best Review --> <!-- 리뷰 리스트 --> <div class="reViewListBox" style="display: none"> <ul class="reViewSort"> <li class="selected" id="review_1"><a href="#" onclick="fn_ajax_productReview('213704106', 1, 'F');fn_wiseLog('bottom','book_review','sort');return false;">추천순</a></li> <li id="review_2"><a href="#" onclick="fn_ajax_productReview('213704106', 1, 'W');fn_wiseLog('bottom','book_review','sort');return false;">최근순</a></li> </ul> <ul class="reViewList"> </div> <div class="noReviewListBox" style="display: none"><p>해당 도서의 리뷰가 없습니다. 리뷰를 등록해 주세요.</p></div> <!--// 리뷰 리스트 --> <!-- paging --> <div class="section-paging3" id="review_paging" style="display: none"></div> <!-- paging --> </div> <!--// 리뷰 --> <!-- 기대평/이 책의 한줄 문장 --> <h3 class="detailTitle2"> <div class="titleSet2"> <p>기대평</p> <!-- <p>기대평/이 책의 한줄 문장</p> --> </div> <div class="rightBtBox"> <div class="writeGuideTxt"> <p> 작성시 유의사항<a href="#" onclick="return false;" id="oneReply" class="btnPopOver ico_quest"></a></p> </div> </div> </h3> <!-- 기대평 쓰기 박스 --> <div class="replayRegWrap"> <div class="ra_checkBox"> <span class="selectExpect"><input type="radio" checked="checked" name="commentSelect" id="selectExpect01" value="1" onclick="div_OnOff(this.value,'con');"/><label for="selectExpect01">기대평</label></span> <!-- <span class="selectOneReply"><input type="radio" name="commentSelect" id="selectOneReply01" value="2" onclick="div_OnOff(this.value,'con');" /><label for="selectOneReply01">이책의 한 줄 문장</label></span> --> <div class="star_checkBox" id="con"> <span class="starTitle">평점</span> <div class="gSmallCheckStarBox"> <input class="star {split:2} required" type="radio" name="test-4-rating-5" value="1"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="2"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="3"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="4"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="5"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="6" checked="checked"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="7"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="8"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="9"/> <input class="star {split:2}" type="radio" name="test-4-rating-5" value="10"/> </div> </div> </div> <div class="textAreaBox"> <div class="byteCount"><span id="writtenDtlCnt">0/200자</span></div> <textarea cols="80" rows="3" onclick="fn_writeCheckLogin();" onblur="fn_writeOutFocus(this)" onkeyup="fn_writeKeyUp()" id="writtenDtl" maxlength="200" title="이 책의 기대평(한줄평)을 간단히 남겨주세요.">이 책의 기대평(한줄평)을 간단히 남겨주세요.</textarea> <a href="#" onclick="fn_writeCheck();fn_wiseLog('bottom','simple_review','write');return false;" class="buttonGray" title="등록하기"><span>등록하기</span></a> </div> </div> <!-- 기대평 쓰기 박스 --> <!-- 기대평 --> <div class="expectGradeWrap"> <h4 class="detailTitle"> <div class="titleSet1"> <p>기대평</p> <div class="star_off"><span class="star_on" style="width:100%;"></span></div> <div class="star_count">10.0</div> </div> <ul class="rightBtBox" style="display: "> <li class="selected" id="useWrite08_1"><a href="#" onclick="fn_ajax_productUseWrite('0', '213704106', '08', 1);fn_wiseLog('bottom','simple_review','sort');return false;">최근순</a></li> <li id="useWrite08_2"><a href="#" onclick="fn_ajax_productUseWrite('', '213704106', '08', 1);fn_wiseLog('bottom','simple_review','sort');return false;">평점 높은순</a></li> </ul> </h4> <div class="noExGradeLsit" style="display: none"><p>한줄평을 남겨주세요.</p></div> <table class="tb_exGrade" style="display: none"> <colgroup> <col style="width:100px;"> <col style="width:100px;"> <col style="width:660px;"> <col style="width:120px;"> </colgroup> <tbody id="useWrite08"></tbody> </table> <!-- paging --> <div class="section-paging3" id="useWrite08_paging" style="display: none"></div> <!-- paging --> </div> <!--// 기대평 --> <!-- 이책의 한줄 문장 --> <!-- <div class="thisOneReplyWrap"> <h4 class="detailTitle"><p>이 책의 한줄 문장</p></h4> <table class="tb_oneReply"> <colgroup> <col style="width:165px;"> <col style="width:700px;"> <col style="width:115px;"> </colgroup> <tbody id="useWrite11"> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>kim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.98- 이 세상이란 여기 나비 노니는데 저기 거미집 있네. (2015.06.30)</p> </div> </td> <td> <span class="mk_heart check">1,230</span> <a href="javascript:sampleAlert001();" class="bt_recomm off">추천!</a> </td> </tr> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>kim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.102- 노를 젓다가 노를 놓쳐버렸다. 비로소 넓은 물을 돌아다 보았다. 내려갈 때 보았네 올라갈 때 보지 못한 그 꽃. . 아무래도 미워하는 힘 이상으로 사랑하는 힘이 있어야겠다. (2015.06.30) </p> </div> </td> <td> <span class="mk_heart">1,230</span> <a href="javascript:sampleAlert002();" class="bt_recomm">추천!</a> </td> </tr> <tr> <th> <div class="picBox"> <span class="picBG"></span><img src="http://bimage.interpark.com/milti/bookPark/meet/webz/img/img_list_23958.jpg" class="bd" alt=""/> </div> <div class="name"><p>LimOkayjjkim1254***</p></div> </th> <td class="oneTxt"> <div class="oneReplyBox"> <span class="oneR_leftTop"></span> <span class="oneR_leftBottom"></span> <span class="oneR_rightTop"></span> <span class="oneR_rightBottom"></span> <p>p.289- 티끌 자욱한 이 땅 일을 한바탕 긴 봄꿈이라 이를 수 있다면, 그 한바탕 을 한바탕 긴 봄꿈이라 이를 수꿈을 꾸미고 보태 이야기함 또한 부질없는 일이 아니겠는가. 사람은 같은 냇물에 두번 발을 담글수는 없고, 때의 흐름은 다만 나아갈 뿐 되돌아오지 않는 것을... (2015.06.30) </p> </div> </td> <td> <span class="mk_heart">1,230</span> <a href="javascript:sampleAlert002();" class="bt_recomm">추천!</a> </td> </tr> </tbody> </table> --> <!-- paging --> <!-- <div class="section-paging3"> <div class="black_paging"> <div class="page-box"> <a href="#" class="btCtrl pprev-on" title="이전"></a> <a href="#" class="btCtrl prev-on" title="이전"></a> <a href="#" class="selected">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9</a> <a href="#">10</a> <a href="#" class="btCtrl next-on" title="다음"></a> <a href="#" class="btCtrl nnext-on" title="다음"></a> </div> <div class="total">총 132 페이지</div> </div> </div> --> <!-- paging --> <!-- </div> --> <!--// 이책의 한줄 문장 --> <!--// 기대평/이 책의 한줄 문장 --> </div> <!--// 탭 3 영역 -> 탭 4 영역 --> <!-- 탭 5 영역 --> <!-- <div class="detailInfoWrap contentsWrap" id="andsoOnWrap" style="display: none"></div> --> <!--// 탭 5 영역 --> <!-- 탭 6 영역 --> <div class="detailInfoWrap contentsWrap" id="refundShippWrap"> <!-- 교환/환불 --> <h3 class="detailTitle"><p>교환/환불</p></h3> <table class="tb_changeRefund"> <colgroup> <col style="width:200px;"> <col style="width:780px;"> </colgroup> <tr> <th><p>교환/환불 방법</p></th> <td><p>‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능</p></td> </tr> <tr> <th><p>교환/환불 가능 기간</p></th> <td><p>고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함</p></td> </tr> <tr> <th><p>교환/환불 비용</p></th> <td><p>고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함</p></td> </tr> <tr> <th><p>교환/환불 불가사유</p></th> <td><p>반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음<br/> 배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함</p></td> </tr> <tr> <th><p>소비자 피해보상</p></th> <td><p>소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음<br/> 교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음</p></td> </tr> <tr> <th><p>기타</p></th> <td><p>도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)</p></td> </tr> </table> <!--// 교환/환불 --> <!-- 배송안내 --> <h3 class="detailTitle"><p>배송안내</p></h3> <ul class="shippGuide"> <li><p>인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다</p></li> <li><p>출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.</p></li> <li><p>군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.</p></li> <li><p>배송비</p></li> </ul> <table class="tb_changeRefund"> <colgroup> <col style="width:200px;"> <col style="width:780px;"> </colgroup> <tr> <th><p>도서(중고도서 포함) 구매</p></th> <td><p>2,000원 (1만원이상 구매 시 무료배송)</p></td> </tr> <tr> <th><p>음반/DVD/잡지/만화 구매</p></th> <td><p>2,000원 (2만원이상 구매 시 무료배송)</p></td> </tr> <tr> <th><p>도서와 음반/DVD/잡지/만화/ <br/>중고직배송상품을 함께 구매</p></th> <td><p>2,000원 (1만원이상 구매 시 무료배송)</p></td> </tr> <tr> <th><p>업체직접배송상품 구매</p></th> <td><p>업체별 상이한 배송비 적용</p></td> </tr> </table> <!--// 배송안내 --> </div> <!--// 탭 6 영역 --> </div> <!--// +++++++++++++ 상품최종 상품 정보 컨텐츠 영역 +++++++++++++++ --> </div> </div> <!-- ////////////////// 상품최종 끝 ////////////////// --> </div> <!--// ## Container S ## --> <!-- ## 뷰투게더 관련한 와이지 로그 수집 iframe 작업자 : 김범래 작업일 : 2015.10.05 삭제 금지 ## --> <iframe src="/html/imfs/product/wiselog.html?tp=gen&prdNo=213704106&saNo=888&viewTp=book" style="display:none"></iframe> <!-- ## welcome QuickMenu Right S ## --> <script type="text/javascript" src="/gate/html/include/skyRightBanner_2015.js"></script> <script type="text/javascript" src="/renewPark/js/_new/jquery.bxslider.js"></script> <script type="text/javascript" src="/renewPark/js/_new/last_inc_new.js"></script> <script type="text/javascript" src="/static/js/imfs/common_display.js"></script> <script type="text/javascript" src="/renewPark/js/_new/jquery_ui.js"></script> <script type="text/javascript" src="/renewPark/js/_new/jquery.rating2.js"></script> <script language="javascript" src="/static/js/Popup.js"></script> <!-- 배송비변경팝업용 JS --> <script type="text/javascript" src="/renewPark/js/_new/bookDetailDisplayAjax.js"></script> <!-- ajax 처리 js --> <script type="text/javascript"> /*---------------- 마우스 click XY --------------------*/ $(document).ready(function(){ $(".btnLink").click(function(event){ var item = $(this).attr("id"); var popItem = "popClick_" + item; var parentOffset = $(this).parent().offset(); var scrollTop = $(window).scrollTop(); var mouseX = event.pageX; var mouseY = event.pageY; var browserWidth = document.body.clientWidth; var browserHeight = $(window).height(); var parentWrap = $('div#gateCon'); var totalWidth = parentWrap; var rightWidth = $("#" + popItem).innerWidth(); var rightHeight = $("#" + popItem).innerHeight(); var couponTop = ($(this).offset().top) + $(this).height(); // 할인쿠폰 레이어 top 위치 var offsetWidth = document.body.offsetWidth; var $incAll_wrap = $('.incAll_wrap').width(); var couponRight = ((offsetWidth - $incAll_wrap) / 2) + 2; $(".ly_popDarkGray").css("display", "none"); $(".ly_popupAllBox").css("display", ""); if (popItem === 'popClick_lyCPop4') { //할인쿠폰 레이어일 경우 $("#" + popItem).css({ "display" : "block", "top" : couponTop, "right" : couponRight }); // 할인쿠폰 레이어 리사이징 on $(window).on('resize.discountPopupLayer', function() { var resizeOffsetWidth = document.body.offsetWidth; var resizeCouponRight = ((resizeOffsetWidth - $incAll_wrap) / 2) + 2; if (resizeOffsetWidth <= $incAll_wrap) { $("#" + popItem).css ({ "right" : 2 }); } else { $("#" + popItem).css({ "right" : resizeCouponRight }); } }); } else { if(browserWidth > totalWidth){ if(mouseX + rightWidth > browserWidth){ mouseX = browserWidth - rightWidth - ((browserWidth - totalWidth) / 2) - 5; }else{ mouseX = mouseX - ((browserWidth - totalWidth) / 2); } }else{ if(mouseX + rightWidth > browserWidth){ mouseX = browserWidth - rightWidth - 5; } } $("#" + popItem).css({ "display" : "block", "left" : mouseX, "top" : mouseY }); } }); /* 20160212 - 추가 */ $(".btnPopOver").mouseenter(function(event){ var item = $(this).attr("id"); var popItem = "popOver_" + item; var parentOffset = $(this).parent().offset(); var scrollTop = $(window).scrollTop(); var mouseX = event.pageX; var mouseY = event.pageY; var browserWidth = document.body.clientWidth; var browserHeight = $(window).height(); var parentWrap = $('div.incAll_wrap'); var totalWidth = parentWrap.innerWidth(); var rightWidth = $("#" + popItem).innerWidth(); var rightHeight = $("#" + popItem).innerHeight(); if(browserWidth > totalWidth){ if(mouseX + rightWidth > browserWidth){ mouseX = browserWidth - rightWidth - 5; } }else{ if(mouseX + rightWidth > browserWidth){ mouseX = browserWidth - rightWidth - 5; } } $("#" + popItem).css({ "display" : "block", "left" : mouseX, "top" : mouseY-5 }); }); $(".btnPopOver").mouseleave(function(){ var item = $(this).attr("id"); var popItem = "popOver_" + item; $("#" + popItem).css("display", "none"); }); /* //20160212 - 추가 */ }); $(function(){ var $tabWraper = $('.contentTabWrap'); var $contentTab = $tabWraper.find('a'); var $contentWrap = $('.contentsWrap'); var tabHeight = $('.contentTabWrap').height(); var onTabIdx = 0; var moveTime = 300; var tabMove = function(){ var winScrollTop = $(window).scrollTop(); var contentHeight = $('#inc_contentWrap').height(); var contentOffsetTop = $('#inc_contentWrap').offset().top; if(winScrollTop < contentOffsetTop){ $tabWraper.removeClass('fixed1'); } else { if(winScrollTop > contentHeight + contentOffsetTop){ $tabWraper.animate({top: -1 * tabHeight }, moveTime); } else { $tabWraper.addClass('fixed1').removeAttr('style'); } } $contentTab.each(function(index){ var tabTotalTop = $contentWrap.eq(index).offset().top + $contentWrap.eq(index).height(); if(winScrollTop < tabTotalTop - tabHeight ){ onTabIdx = index; return false; } }); $contentTab.parent('li').removeClass('selected'); $contentTab.eq(onTabIdx).parent('li').addClass('selected'); }; $(window).on('load scroll', tabMove); $contentTab.on('click', function(e){ var $target = $(this.hash); var targetOffset = $target.offset().top; $('html,body').stop().animate({scrollTop: targetOffset - tabHeight + 10}, moveTime); e.preventDefault(); }); }); $(function(){ var stickyNavTop = $('#bookCart_miniBar').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if(scrollTop > stickyNavTop) { $('.nav').addClass('sticky').stop().animate({top:0}, 500) } else { $('.nav').addClass('sticky').stop().animate({top:-60}, 500) } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); }); </script> <script type="text/javascript" src="/gate/html/include/sub_book_bottomNew2015.js"></script> <script language="JavaScript"> <!-- function showNoticeMsgs(msgs) { /* imfs 는 액션 설정 메세지 처리 하지 않음 var tDiv; var showHtml; showHtml = ""; for (var i=0; i<msgs.length; i++) { if (showHtml != "") { showHtml += " | "; } showHtml += msgs[i]; } top.status = showHtml; */ } //--> </script> <!-- N2S 스크립트 광고 및 광고유입 LOG 수집용 Start --> <script language="javascript" src="http://web.n2s.co.kr/js/_n2s_sp_log_interbook.js"></script> <!-- N2S 스크립트 광고 및 광고유입 LOG 수집용 End --> <!-- ADIZ SCRIPT Start--> <script type="text/javascript" src="/gate/hanaad/adiz_sv120.js"></script> <!--// ADIZ SCRIPT End--> <!-- yelloexchange SCRIPT Start--> <script type="text/javascript" src="/gate/keyword7/keyword7_solution.js"></script> <script type="text/javascript" src="/gate/keyword7/keyword7_search_solution.js"></script> <!--// yelloexchange SCRIPT End--> <!-- GoClean SCRIPT Start--> <script type="text/javascript" src="/gate/cts/cts_tracking.js"></script> <script type="text/javascript" src="/gate/cts/cts_tracking_switch.js"></script> <!--// GoClean SCRIPT End--> <!-- google analytics SCRIPT Start--> <script type="text/javascript" src="/gate/googleAnalytics/google_analytics.js"></script> <!--// google analytics SCRIPT End--> <!-- Google 리마케팅 태그 코드 Start --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = 976811730; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/976811730/?value=0&guid=ON&script=0"/> </div> </noscript> <!-- Google 리마케팅 태그 코드 End --> <!-- 타겟팅게이츠 홈스크립트 Start --> <div id="wp_tg_cts" style="display:none;"></div> <script type="text/javascript"> var wp_conf = 'ti=19960&v=1&device=web&r=1'; </script> <script type="text/javascript" async defer src="//astg.widerplanet.com/js/wp_astg_2.2_common_home.js"></script> <!-- 타겟팅게이츠 홈스크립트 End --> <!-- criteo start --> <script type="text/javascript" src="//static.criteo.net/js/ld/ld.js" async="true"></script> <script type="text/javascript"> window.criteo_q = window.criteo_q || []; window.criteo_q.push( { event: "setAccount", account: 10556 }, { event: "setSiteType", type: "d" }, { event: "viewHome", user_segment: "1" } ); </script> <!-- criteo end --> <form name="execForm" id="execForm" ></form> <iframe name="exec_iframe" src="about:blank" width="0" height="0" frameboard="0" scrolling="no" style="visibility:hidden;" ></iframe> </body> </html> <!-- End of Generate Html --> <!-- 위 태그는 html 생성시 꼭 필요한 태그임 지우지 말것 -->