동영상과 280개 예제로 배우는 HTML CSS 자바스크립트 무작정따라하기

CD1장포함 | 무작정 따라하기 183

고경희 지음 | 길벗 | 2008년 06월 23일 출간

크게보기

매장 재고 · 위치

정가 : 23,800원
판매가 : 21,420원 [10%↓ 2,380원 할인]
통합포인트 :
[기본적립] 1,190원 적립 [5% 적립]
[추가적립] 5만원 이상 구매 시 2천원 추가적립
안내

통합포인트 추가 적립 안내

5만원 이상 구매 시 2천원을 추가 적립해드립니다.

일반상품을 2천원 이상 포함하여 실 결제금액이 5만원 이상 구매 시 적용됩니다.
(* 일반상품 : 잡지/외국도서,음반/DVD,기프트/오피스 상품)

도서정가제에 따라 국내도서/eBook 상품은 일반상품에서 제외 됩니다.

중고장터 주문 건 제외 (온라인/모바일 주문 건에 한하여 적용)

제공되는 혜택은 주문 건 별로 적용 가능, 2개 이상 주문 건을 합산하여 계산하지 않습니다.
[회원혜택] 실버등급 이상, 3만원 이상 구매 시 2~4% 추가적립
안내

회원등급 별 통합포인트 추가 적립 안내

3만원 이상 구매 시 회원등급별 2~4% 추가 적립해드립니다.

회원등급이 플래티넘, 골드, 실버 등급의 경우 추가적립 됩니다.

추가적립은 실 결제액 기준 (쿠폰 및 마일리지, 통합포인트, 교환권 사용액 제외) 3만원 이상일 경우 적립됩니다.

주문 후 취소, 반품 분의 통합포인트는 단품 별로 회수되며, 반품으로 인해 결제잔액이 3만원 미만으로 변경될 경우 추가 포인트는 전액 회수될 수 있습니다.

국내도서 구매 시 추가적립은 도서정가제 범위 내에서 적립됩니다.

잡지, 외국도서, 음반/DVD, 기프트/오피스 상품 구매 시는 추가 적립됩니다.
추가혜택 :
포인트 안내
포인트 안내

제휴 포인트 사용

OK CASHBAG 10원 단위사용
(사용금액 제한없음)

GS&POINT 최대 10만원 사용

더보기+
도서소득공제 안내
도서 소득공제 안내

도서 소득공제란?

2018년7월 1일 부터 근로소득자가 신용카드 등으로 도서구입을 위해 사용한 금액이 추가 공제됩니다.
(추가 공제한도 100만원까지 인정)

*총 급여 7,000만 원 이하 근로소득자 중 신용카드, 직불카드 등 사용액이 총급여의 25%가 넘는 사람에게 적용
*현재 ‘신용카드 등 사용금액’의 소득 공제한도는 300만 원이고 신용카드사용액의 공제율은 15%이지만, 도서·공연 사용분은 추가로 100만 원의 소득 공제한도가 인정되고 공제율은 30%로 적용
*시행시기 이후 도서·공연 사용액에 대해서는 “2018년 귀속 근로소득 연말 정산”시기(19.1.15~)에 국세청 홈택스 연말정산간소화 서비스 제공

도서 소득공제 대상

도서(국내도서,외국도서,해외주문도서), eBook(구매) , 도서 소득공제 대상 상품에 수반되는 국내 배송비 (해외 배송비 제외)

*제외상품 : 잡지 등 정기 간행물, 음반, DVD, 기프트, eBook(대여,학술논문), 사은품, 선물포장, 책 그리고 꽃
*상품정보의 “소득공제” 표기를 참고하시기 바랍니다.

도서 소득공제 가능 결제수단

카드결제 : 신용카드(개인카드에 한함), 제휴신용카드

현금결제 : 예치금, 교보e캐시(충전에 한함), 해피머니상품권, 컬쳐캐쉬, 교보문고 기프트카드, 실시간계좌이체, 온라인입금

간편결제 : 네이버페이, 삼성페이, 카카오페이, PAYCO

* 현금결제는 현금영수증을 개인소득공제용으로 신청 시에만 도서 소득공제 됩니다.
* 교보e캐시 도서 소득공제 금액은 교보eBook > e캐시 > 충전/사용내역에서 확인가능합니다.
* 페이나우, 11PAY와 휴대폰결제, 교보캐시는 도서 소득공제 불가

부분 취소 안내

대상상품+제외상품을 주문하여 신용카드 "2회 결제하기"를 선택한 경우, 부분취소/반품 시 예치금으로 환원됩니다.
(신용카드 결제 후 예치금으로 환원된 경우 승인취소 되지 않습니다.)

도서 소득공제 불가 안내

법인카드로 결제 한 경우

현금영수증을 사업자증빙용으로 신청 한 경우
추가혜택 더보기

배송비 : 무료 배송비 안내

배송비 무료 안내

국내도서/외국도서

도서만 1만원 이상 구매 시 무료배송
도서+잡지/만화/:K컬렉션을 함께 1만원 이상 구매 시 무료배송
※ 1만원 미만 시 2,000원 배송비 부과

잡지/만화/:K컬렉션(교보배송)

각각 구매하거나 함께 2만원 이상 구매 시 무료배송
※ 2만원 미만 시 2,000원 배송비 부과

해외주문서양도서/해외주문일본도서 (교보배송)

각각 구매하거나 함께 1만원 이상 구매 시 무료배송
※ 1만원 미만 시 2,000원 배송비 부과

업체배송 상품(전집,GIFT,음반/DVD 등)/중고장터 상품

해당 상품 상세페이지 "배송비" 참고
(업체별/판매자별 무료배송 기준 다름)

그 외 무료배송 기준

바로드림, eBook 상품을 주문한 경우
플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우
무료배송 등록 상품을 주문한 경우

※ 유의사항

국내도서 와 해외주문도서를 함께 구매 시 별도로 출고되어 배송비는 각각 부과 (장바구니 기준)
예) 국내도서 7,000원 + 해외주문도서 7,000원을 함께 구매할 경우
배송비는 2,000원 + 2,000원 = 4,000원 부과
(단, 주문/결제에서 한꺼번에 출고 신청 시 배송비 정책에 따라 무료배송)
도서상태 : 절판

보관함 담기

상품정보
회원리뷰 (0)
교환/반품/품절

도서·상품정보 1:1 문의하기

상품상세정보
ISBN	9788975607547(8975607542)
쪽수	486쪽
크기	210 * 297 mm 판형알림

책소개

이 책이 속한 분야

실무 예제 및 동영상으로 배우는 HTML, CSS, 자바스크립트 입문서!

이 책은 HTML, CSS, 자바스크립트를 컴퓨터 사용자가 혼자서도 학습할 수 있도록 따라하기 형식으로 구성한 안내서이다. HTML로 토대를 만들고 CSS로 디자인을 완성하고 자바스크립트로 동적인 효과를 살리는 과정을 설명한다. 본문은 새로이 배우게 되는 웹 프로그래밍의 기초 이론을 표와 그림을 통해 해설한다.

그런 다음 본문 내용에서 꼭 알아야 하는 부분을 무작정 따라해 볼 수 있도록 하여 웹 프로그래밍에 무난하게 접근하도록 해준다. 또한 공부한 내용을 직접 응용해 볼 수 있는 예제를 수록하였다. 부록 CD에서 이에 대한 해답을 찾을 수 있다. 부록 CD에는 예제 파일 및 동영상 강의 파일, 각종 웹 프로그래밍 관련 유틸리티가 수록되어 있다.

그리고 본문에는 학습의 흐름을 이어주면서 본문 내용의 길잡이 역할을 해주는 '가정교사', 알고 있으면 유익한 상식이나 참고하면 좋은 홈페이지 제작 배경 지식들을 제시하는 '잠깐만요', 입문자에서 중급 이상의 사용자가 되는 데 꼭 필요한 심화 이론을 소개한 '한걸음 더' 등 다양한 코너를 통해 추가의 팁을 제공한다.

▶ 이 책의 구매 포인트!
매뉴얼과 같은 나열식이 아닌 예제 중심으로 구성했으며, 배우기 쉬운 내용부터 정리하였다. 다양한 예제를 재미있게 따라 하면서 HTML, CSS, 자바스크립트를 자유자재로 실무에 적용할 수 있는 응용력을 키울 수 있다.

상세이미지

머리말
베타테스터들의 말말말!
이 책의 구성
부록 CD 구성
이 책은 이렇게 공부하세요

첫째마당 HTML과 CSS

01 웹 문서를 논리적이고 깔끔하게 만드는 HTML과 CSS
HTML이란?
HTML을 배우는 이유
전문 HTML 통역사, 웹 브라우저
인터넷 익스플로러
파이어폭스
오페라
브라우저에서 HTML을 읽는 방법
[잠깐만요] HTML과 표준 규약
HTML 편집 프로그램
메모장
HTML 전용 편집기
위지윅 편집기
HTML과 관련된 웹 언어
XHTML
자바스크립트
서버 스크립트 언어
[잠깐만요] HTML 파일을 저장할 때 주의하세요.
스타일 시트란
스타일 시트를 사용해야 하는 이유
스타일 시트의 사용방법
스타일의 종류
태그 스타일
클래스 스타일
ID 스타일
스타일의 적용 규칙
상속
스타일의 우선순위
[잠깐만요] 웹 표준이란?
무작정 따라하기 실습 파일 설치하기
무작정 따라하기 나의 첫 번째 HTML 문서 만들기
무작정 따라하기 윈도우 탐색기에서 파일 확장자 표시하기

02 웹 문서의 형태를 결정하는 기본 구조와 배경 다루기
HTML 문서의 기본 구조
HTML 태그의 특징
여는 태그와 닫는 태그의 구분
대소문자를 구별하지 않고 사용
들여쓰기가 적용되지 않음
[잠깐만요] 태그나 태그가 빠진 이유
글자와 글자 사이는 한 칸만 인식
태그 안에 속성 정의가 가능
비추천 태그와 속성이 존재
문서 정보 지정하기 - 태그
문자셋 지정하기
키워드와 요약 정보 제공하기
웹 문서 제작 프로그램과 제작자 지정하기
[잠깐만요] 문서 유형을 알려주는 DOCTYPE
일정 시간 후 자동으로 다른 홈페이지 연결하기
문서 제목 지정하기 - 태그 <br> 단락 제목 지정하기 - <hn> 태그 <br> 수평선 삽입하기 - <hr> 태그 <br> 주석 삽입하기 -  <br> 글자색 바꾸기 - color 속성 <br> 색상 표시 방법 <br> [잠깐만요] 스타일 속성 표를 읽는 방법 <br> 웹 문서의 배경 다루기 - background 속성 <br> 문서 배경색 바꾸기 - background-color 속성 <br> 배경 이미지의 경로 지정하기 - background-image 속성 <br> 배경 이미지 반복하기 - background-repeat 속성 <br> 배경 이미지 고정하기 background-attachment 속성 <br> 배경 이미지의 위치 지정하기 - background-position 속성 <br> 모든 속성을 한꺼번에 지정하기 - background 속성 <br> 무작정 따라하기 자주 사용하는 메모장 프로그램의 바로 가기 만들기 <br> 무작정 따라하기 오른쪽 아래에 고정된 배경 이미지 삽입하기 <br> 무작정 따라하기 중요한 내용을 형광펜으로 색칠하기 <br> 실전예제 <br> <br> 03 웹 문서에 내용을 채우는 글자와 단락 다루기 <br> 단락 구분하기 - <p> 태그 <br> 줄 바꾸기 - <br> 태그 <br> [잠깐만요] <p> 태그를 줄바꿈 태그로 사용하지 마세요. <br> 다양한 텍스트 관련 태그들 <br> 사용자의 입력 형식을 그대로 보여주기 - <pre> 태그 <br> 인용한 내용을 구별하기 - <blockquote> 태그 <br> 기타 텍스트 태그들 <br> 순서 목록 만들기 - <ol> / <li> 태그 <br> 순서없는 목록 만들기 - <ul> / <li> 태그 <br> 정의 목록 만들기 - <dl> / <dt> / <dd> 태그 <br> 글꼴 다루기 - font 속성 <br> 글꼴 지정하기 - font-family <br> 글자 크기 지정하기 - font-size <br> 이탤릭체 지정하기 - font-style <br> 글꼴 굵기 지정하기 - font-weight <br> 작은 대문자 표시하기 - font-variant <br> 줄 간격 지정하기 - line-height 속성 <br> 글자 간격과 단어 간격 지정하기 - letter-spacing / word-spacing 속성 <br> 단락 다루기 - text 속성 <br> 단락의 첫 글자 들여쓰기 - text-indent 속성 <br> 텍스트 정렬하기 - text-align 속성 <br> 글자에 효과주기 - text-decoration 속성 <br> 무작정 따라하기 웹 문서에 텍스트 입력하기 <br> 무작정 따라하기 순서 없는 목록으로 항목 나열하기 <br> 무작정 따라하기 정의 목록을 이용하여 항목 나열하기 <br> 무작정 따라하기 글자를 보기 좋게 정리하기 <br> 무작정 따라하기 웹 문서의 텍스트 단락 구분하기 <br> 무작정 따라하기 스타일 시트를 이용한 텍스트 조절하기 <br> <br> <br> 04 여백과 테두리를 잡아주는 박스 모델 스타일 시트 다루기 <br> 박스(box) 형태의 텍스트 단락 <br> 바깥 여백 지정하기 - margin 속성 <br> 안 여백 지정하기 - padding 속성 <br> 테두리 지정하기 - border 속성 <br> 테두리 두께 지정하기 - border-width 속성 <br> 테두리 색상 지정하기 - border-color 속성 <br> 테두리 스타일 지정하기 - border-style 속성 <br> 목록 스타일 지정하기 - list-style 속성 <br> 목록의 불릿 유형 지정하기 - list-style-type 속성 <br> 불릿 위치 지정하기 - list-style-position 속성 <br> 불릿을 이미지로 바꾸기 - list-style-image 속성 <br> 목록을 메뉴로 활용하기 <br> 세로형 메뉴 ① <br> 세로형 메뉴 ② <br> 가로형 메뉴 <br> 무작정 따라하기 텍스트 단락의 여백과 테두리 조절하기 <br> 한걸음 더 목록을 이용한 다양한 내비게이션 메뉴 <br> 실전 예제 <br> <br> <br> 05 홈페이지를 깔끔하게 정리하는 표와 폼 다루기 <br> 표 만들기 <br> 표의 시작과 끝 정리하기 - <table> 태그 <br> 표에 제목 붙이기 - <caption> 태그 <br> 열과 행, 제목 지정하기 - <tr>, <td>, <th> 태그 <br> [잠깐만요] 표와 레이아웃의 분리 <br> 표 안에 표 넣기 <br> 헤더와 푸터, 본문 구분하기 - <thead> / <tfoot> / <tbody> 태그 <br> 폼 삽입하기 - <form> 태그 <br> 폼의 주요 속성 정의하기 - <input> 태그 <br> 텍스트 필드 삽입하기 - type="text" 속성 <br> 패스워드 필드 삽입하기 - type="password" 속성 <br> 라디오 버튼 삽입하기 - type="radio" 속성 <br> 체크박스 삽입하기 - type="checkbox" 속성 <br> 확인/초기화/버튼 만들기 - type="submit" / type="reset" / type="button" 속성 <br> 히든 필드 만들기 - type="hidden" 속성 <br> 파일 첨부 버튼 만들기 - type="file" 속성 <br> 선택 목록 만들기 - <select> 태그와 <option> 태그 <br> 선택 목록 정의하기 - <select> 태그 <br> 선택 항목 지정하기 - <option> 태그 <br> 텍스트 영역 만들기 - <textarea> 태그 <br> 셀이 각각 표시되는 테두리 그리기 <br> 일반적인 표 테두리 그리기 <br> 무작정 따라하기 <table> 태그를 이용한 영양 비교표 만들기 <br> 무작정 따라하기 CSS가 적용된 폼 만들기 <br> <br> <br> 06 홈페이지의 꽃 하이퍼링크 만들고 꾸미기 <br> 하이퍼링크란? <br> 하이퍼링크의 종류 <br> 이미지 링크 <br> 텍스트 링크 <br> 메뉴 링크 <br> 하이퍼링크 만들기 - <a> 태그와 href 속성 <br> 텍스트 링크 만들기 <br> 이미지 링크 만들기 <br> 상대 경로와 절대 경로 <br> 앵커 이용하기 - name 속성 <br> 새 창에 링크 열기 - target 속성 <br> 링크 밑줄 다루기 <br> 밑줄 없애기 - text-decoration:none <br> 밑줄을 점선으로 표시하기 - border-bottom:dotted <br> 링크와 관련된 스타일 <br> 마우스 포인터를 링크 위에 올려놓는 상황 - a:hover 스타일 <br> 링크를 클릭하는 상황 - a:active 스타일 <br> 한번 방문했던 링크에 적용- a:visited 스타일 <br> 링크 관련 스타일의 적용 순위 <br> 무작정 따라하기 각 문서로 연결하는 링크 만들기 <br> <br> <br> 07 홈페이지를 더 멋지게 만드는 이미지와 멀티미디어 파일 삽입하기 <br> 이미지 삽입하기 - <img> 태그 <br> 웹 문서와 이미지 <br> 이미지를 대신하는 텍스트 만들기 - alt 속성 <br> 이미지를 설명하는 텍스트 만들기 - title 속성 <br> alt 속성을 사용하지 않는 경우 <br> [잠깐만요] 다른 홈페이지에 있는 이미지 삽입하기 <br> 내 컴퓨터의 이미지를 게시판에 올리기 <br> <br> 멀티미디어 파일 삽입하기 - <embed> / <object> 태그 <br> <embed> 태그 사용하기 <br> [잠깐만요] 웹앨범 서비스를 제공하는 구글의 피카사 <br> <object> 태그 사용하기 <br> 웹 서버에 있는 동영상 삽입하기 <br> [잠깐만요] 사용자 컴퓨터에서 액티브엑스(ActiveX) 실행하기 <br> 무작정 따라하기 웹 문서에 이미지 삽입하기 <br> 무작정 따라하기 인터넷 동영상 퍼오기 <br> 한걸음 더 컨트롤을 활성화하지 않고 멀티미디어 파일 재생하기 <br> <br> <br> 08 스타일 시트로 홈페이지의 레이아웃 디자인하기 <br> 레이아웃 시안 그리기 <br> 각각의 요소를 알맞은 그릇에 넣기 - <div> 태그 <br> 요소들을 원하는 위치에 배치하기 - position 속성 <br> 동등한 위치에 배치하기 - static 속성값 <br> 상대적인 위치에 배치하기 - relative 속성값 <br> 절대적인 위치에 배치하기 - absolute 속성값 <br> 요소의 좌우 위치를 지정하기 - float 속성 <br> float 속성을 취소하기 - clear 속성 <br> 무작정 따라하기 스타일 시트로 내용 배치하기 <br> 무작정 따라하기 스타일 시트 숨겨 두기 <br> <br> <b>둘째마당 자바스크립트</b> <br> <br> 09 움직이는 홈페이지 자바스크립트 <br> 자바스크립트란? <br> HTML과 자바스크립트의 관계 <br> 자바스크립트의 탄생 <br> [잠깐만요] 자바스크립트와 자바는 다른 언어입니다. <br> 자바스크립트의 동작 원리 <br> 자바스크립트 소스 작성 요령 <br> 자바스크립트의 선언 방법 <br> 내부 스크립트 사용하기 <br> 외부 스크립트 연결하기 <br> 외부 스크립트의 장점과 단점 <br> 코딩을 위해 지켜야 할 규칙 <br> 스크립트 실행하기 <br> <head> 태그와 </head> 태그 사이에 자바스크립트 삽입하기 <br> <body> 태그 바로 다음에 자바스크립트 삽입하기 <br> </body> 태그 바로 직전에 자바스크립트 삽입하기 <br> 이벤트 핸들러 이용하기 <br> 무작정 따라하기 HTML 문서에 자바스크립트 삽입하기 <br> 무작정 따라하기 외부 스크립트 연결하기 <br> <br> <br> 10 기본을 튼튼히 다져주는 자바스크립트 기초 문법 1 <br> 자바스크립트 변수 <br> 변수 이름 <br> 변수 선언하기 <br> 변수 영역 <br> 저장 유형 <br> 데이터 유형 <br> 숫자형 <br> [잠깐만요] 용어 통일은 어려워요! <br> [잠깐만요] 색상값 표현은 16진수입니다. <br> 논리형 <br> 문자열 <br> [잠깐만요] 특수 문자 사용법 <br> null <br> 연산자 <br> 산술 연산자 <br> 문자열 연산자 <br> 대입 연산자 <br> 비교 연산자 <br> 논리 연산자 <br> 데이터 유형 연산자 <br> 연산자의 우선순위 <br> 대화상자 <br> 경고 창 <br> 확인 창 <br> 프롬프트 창 <br> 조건문 <br> if 문 <br> else 문 <br> 중첩된 if-else 문 <br> switch 문 <br> 무작정 따라하기 사용자가 입력한 문자 테스트하기 <br> 한걸음 더 2진수와 8진수, 그리고 16진수 <br> 한걸음 더 비트 연산자와 시프트 연산자 <br> <br> <br> 11 기본을 튼튼히 다져주는 자바스크립트 기초 문법 2 <br> 반복문 <br> for 문 <br> while 문 <br> do … while 문 <br> break 문 <br> [잠깐만요] for 문, while 문, do...while 문의 삼각관계 <br> continue 문 <br> 함수 <br> 함수와 매개변수 <br> 함수와 인수 <br> 기본 인수가 필요한 함수의 사용법 <br> [잠깐만요] <script> 태그 위치에 따른 실행 순서 차이 <br> return 문 <br> 이벤트와 이벤트 핸들러 <br> 이벤트 <br> 이벤트 핸들러 <br> [잠깐만요] 이벤트 핸들러가 대소문자를 인식하는 방법 <br> 인라인 이벤트 핸들러 <br> 함수와 함께 이벤트 핸들러 사용하기 <br> 객체 <br> 프로퍼티 <br> 메서드 <br> 인스턴스 객체 만들기 <br> 한걸음 더 오류를 줄이기 위한 소스 작성 방법 <br> <br> <br> 12 어디에서든 활용하는 기본 내장 객체 <br> 내장 객체의 구조 <br> 내장 객체의 종류 <br> HTML 태그와 자바스크립트 객체의 관계 <br> 배열 다루기 - Array 객체 <br> 배열 선언 <br> 배열 길이 알아내기 - length 프로퍼티 <br> 다차원 배열 <br> 메서드 <br> 날짜와 시간 정보 조절하기 - Date 객체 <br> 인스턴스 객체 만들기 <br> 메서드 <br> 문자열을 다양하게 활용하기 - String 객체 <br> 문자열 길이 구하기 - length 프로퍼티 <br> 글꼴 관련 메서드 <br> 링크 관련 메서드 <br> 문자열 위치 관련 메서드 <br> 문자열 추출 관련 메서드 <br> 수학적 계산 실행하기 - Math 객체 <br> 프로퍼티 <br> 메서드 <br> 함수를 객체로 정의하기 - Function 객체 <br> 최대/최소/무한대 다루기 - Number 객체 <br> 화면 정보 가져오기 - Screen 객체 <br> 무작정 따라하기 하루를 시작하는 메시지 표시하기 <br> <br> 13 브라우저를 움직이는 window 객체 <br> window 객체 <br> window 객체 프로퍼티 <br> [잠깐만요] <body> 태그에서 프로퍼티 지정하기 <br> window 객체 메서드 <br> 새 브라우저 창 열기 - open() 메서드 <br> [잠깐만요] 팝업 창의 위치를 원하는 곳으로 지정하기 <br> 브라우저 창 닫기 - close() 메서드 <br> 창의 위치 조절하기 - moveBy() / moveTo() 메서드 <br> 창의 크기 조절하기 - resizeBy() / resizeTo() 메서드 <br> 시간과 관련된 동작 지정하기 - setTimeout() / clearTimeout() 메서드 <br> 무작정 따라하기 이벤트 핸들러를 이용한 팝업 창 열기 <br> 실전예제 <br> <br> <br> 14 브라우저의 정보를 다루는 location / history / navigator 객체 <br> 웹 문서 주소 정보 다루기 - location 객체 <br> 프로퍼티 <br> 메서드 <br> 브라우저 주소 목록 저장하기 - history 객체 <br> 프로퍼티 <br> 메서드 <br> [잠깐만요] 인터넷 익스플로러 브라우저를 구별하는 방법 <br> 브라우저 정보 보여주기 - navigator 객체 <br> 프로퍼티 <br> 메서드 <br> 무작정 따라하기 현재 웹 문서에 위치 고정하기 <br> <br> <br> 15 내용을 돋보이게 하는 document 객체 <br> 문서 내용 다루기 - document 객체 <br> 프로퍼티 <br> 문서 정보와 관련된 프로퍼티 <br> 메서드 <br> 문서에 내용 입력하기 - write() / writeln() 메서드 <br> 문서 안의 앵커 정보 이용하기 - anchor 객체 <br> 문서 안 앵커 개수 확인하기 - length 프로퍼티 <br> 웹 문서의 링크 정보 이용하기 - link 객체 <br> 프로퍼티 <br> 웹 문서의 이미지 정보 이용하기 - image 객체 <br> 프로퍼티 <br> 무작정 따라하기 이미지 슬라이드 쇼 만들기 <br> <br> <br> 16 완벽한 회원 가입 양식을 만드는 form 객체 <br> 폼과 자바스크립트 <br> form 객체 <br> form 객체의 하위 객체 <br> <form> 태그와 관련된 프로퍼티 <br> <form> 태그와 관련 없는 프로퍼티 - elements / length 프로퍼티 <br> form 요소를 순서대로 배열하기 - forms 프로퍼티 <br> form 객체 메서드 <br> 텍스트 필드 관리하기 - text 객체 <br> 프로퍼티 <br> 메서드 <br> 이벤트 핸들러 <br> 패스워드 필드 관리하기 - password 객체 <br> [잠깐만요] 주소 표시줄에 아이디와 비밀번호가 다 보입니다. <br> 프로퍼티 / 메서드 / 이벤트 핸들러 <br> 텍스트 영역 관리하기 - textarea 객체 <br> 프로퍼티 / 메서드 / 이벤트 핸들러 <br> 히든 필드 관리하기 - hidden 객체 <br> 프로퍼티 <br> 버튼 관리하기 - button / submit / reset 객체 <br> 프로퍼티 <br> [잠깐만요] 자바스크립트가 할 수 있는 일과 할 수 없는 일 <br> 이벤트 핸들러 <br> 체크박스 관리하기 - checkbox 객체 <br> 프로퍼티 <br> 메서드 <br> 이벤트 핸들러 <br> 라디오 버튼 관리하기 - radio 객체 <br> 프로퍼티 <br> 메서드 <br> 이벤트 핸들러 <br> 콤보 메뉴 관리하기 - select 객체 <br> 프로퍼티 <br> 메서드 <br> 이벤트 핸들러 <br> options 배열 프로퍼티 <br> 생성자를 이용해 Option 객체 만들기 <br> 파일 업로드 관리하기 - fileUpload 객체 <br> 프로퍼티 <br> 메서드 <br> 이벤트 핸들러 <br> 무작정 따라하기 비밀번호가 같은지 확인하기 <br> <br> <br> 17 홈페이지 정보를 파일로 저장하는 쿠키 <br> 쿠키란? <br> 형식 <br> 동작 <br> 무작정 따라하기 윈도우 비스타에서 쿠키 정보 찾아보기 </div>   <h2 class="title_detail_basic">출판사 서평</h2> <div class="box_detail_article"> <div class="content"> 실무 예제 및 동영상으로 배우는 최상의 웹 프로그래밍 입문서 <br> HTMLㆍCSSㆍ자바스크립트는 모든 웹 프로그래밍 분야의 기본이 되는 언어입니다. 웹 개발자를 지망하는 전문가 그룹부터 자신의 온라인 공간을 꾸미고 싶은 일반인까지 꼭 알아두어야 할 정도로 넓은 범위에서 사용되고 있습니다. 이 책은 웹 프로그래밍을 배우려는 입문자, 실무 분야에 처음 뛰어든 개발자에게 꼭 필요한 최신 경향의 웹 프로그래밍 이론을 제시하고 학교 과제나 실무에서 바로 뽑아 쓸 수 있는 280개의 예제를 제공합니다. 또한 저자가 직접 가르치는 동영상 강의를 통... <a href="#" class="btn_small btn_more">더보기</a> </div> <div class="content" style="display:none;"> 실무 예제 및 동영상으로 배우는 최상의 웹 프로그래밍 입문서 <br> HTMLㆍCSSㆍ자바스크립트는 모든 웹 프로그래밍 분야의 기본이 되는 언어입니다. 웹 개발자를 지망하는 전문가 그룹부터 자신의 온라인 공간을 꾸미고 싶은 일반인까지 꼭 알아두어야 할 정도로 넓은 범위에서 사용되고 있습니다. 이 책은 웹 프로그래밍을 배우려는 입문자, 실무 분야에 처음 뛰어든 개발자에게 꼭 필요한 최신 경향의 웹 프로그래밍 이론을 제시하고 학교 과제나 실무에서 바로 뽑아 쓸 수 있는 280개의 예제를 제공합니다. 또한 저자가 직접 가르치는 동영상 강의를 통해 웹 프로그래밍 개발 과정을 쉽고 편하게 배울 수 있도록 도와줍니다. <br> <br> 최신 웹 표준을 이해하는 능력을 키운다 <br> 소스 코드와 디자인 요소의 효율적인 배치와 구성 요소들 간의 조화를 중시하는 최신 웹 표준이 확립되면서 실무 환경에서는 HTMLㆍCSSㆍ자바스크립트의 이해 능력이 높은 사람이 실무 적응력과 응용력이 좋다는 평가를 받습니다. 이 책에서는 HTML과 CSS 요소들의 연관성을 강조한 첫째마당과 동적인 효과를 구현하는 자바스크립트를 자세히 소개하는 둘째마당을 통해서 저자가 다년간의 웹 프로그래밍 강의 과정에서 습득한 웹 프로그래밍 입문 과정의 많은 노하우를 풀어냅니다. <br> <br> ㆍ첫째마당에서는 HTML과 CSS의 연관성을 이해합니다 <br> <br> ㆍ둘째마당에서는 자바스크립트의 동적인 효과를 소개합니다 <br> <br> 학교 과제 및 회사 실무에서 바로 쓰는 280개 예제 <br> 많은 컴퓨터 공학도들과 실무자들이 프로그래밍 책에서 가장 중요시하는 부분은 예제입니다. 자신에게 필요한 예제를 찾아서 이론을 습득하거나 예제를 자신의 필요에 맞게 변경하다보면 전체적인 프로그래밍 언어의 구조를 이해하는데 많은 도움을 받기 때문입니다. 이 책에서는 소스 코드, 말풍선, 결과 화면의 3요소로 구성된 필수예제 153개와 29개의 '무작정 따라하기'를 통해서 예제만 참고해도 웹 프로그래밍 습득이 가능합니다. 또한 본문 설명에 도움을 주는 100여개의 추가 예제를 더한 총 280개 예제 파일을 제공하여 학교 과제 및 회사 실무에서 필요한 예제를 바로 뽑아서 적용할 수 있습니다. <br> <br> 동영상 강의로 실감나는 웹 개발 과정 참여 <br> <br> ㆍe-learning 교육의 관심도 증대 <br> e-learning 교육의 활성화 및 해외 시장 진출을 위해서 정부가 1,534억원을 지원하는 정책을 발표하는 등 그동안 많은 관심을 보였던 e-learning 교육에 대한 기술 개발 사업이 활기를 띄고 있습니다. <br> <br> ㆍ동영상 강의로 해결하는 무작정 따라하기 <br> 이 책은 e-learning 학습을 원하는 독자들의 의견을 수렴하여 무작정 따라하기의 모든 과정을 저자가 직접 설명하는 동영상 강의를 제작하여 부록 CD를 제공합니다. 책과 동영상을 통해 무작정 따라하기를 더욱 쉽고 재미있게 공부하세요. <br> <br> ㆍ길벗출판사 홈페이지에서 '동영상강의' 수강 가능 <br> 부록 CD의 동영상 강의는 길벗출판사 홈페이지(http://www.gilbut.co.kr/)의 ‘동영상강의’ 메뉴에서도 제공하고 있으므로 인터넷이 가능한 환경이면 어디에서든 저자가 직접 설명하는 웹 프로그래밍의 노하우를 참고할 수 있습니다. <a href="#" class="btn_small btn_more">닫기</a> </div> </div>    <script language="javascript" src="http://image.kyobobook.co.kr/ink/js/sns_today.js"></script>  </div>  <script type="text/javascript"> var barcode = "9788975607547"; var ejkGb = "KOR"; var pageGb = "KOR"; var authorYn = "true"; var authorName = "고경희"; function authorCallback(){ jQuery('.box_detail_author2 .box_detail_relation').each(function(){ jQuery(this).find('.btn_next').click(function(){ if( jQuery(this).closest('.box_detail_relation').find('li:visible').last().next().size() ) jQuery(this).closest('.box_detail_relation').find('li:visible').hide().last().nextAll().slice(0,4).show(); else jQuery(this).closest('.box_detail_relation').find('li').hide().slice(0,4).show(); }); jQuery(this).find('.btn_prev').click(function(){ var lastItem = parseInt( ( jQuery(this).closest('.box_detail_relation').find('li').size() -1 ) /4 ) *4; if( jQuery(this).closest('.box_detail_relation').find('li:visible').first().prev().size() ) jQuery(this).closest('.box_detail_relation').find('li:visible').hide().first().prevAll().slice(0,4).show(); else jQuery(this).closest('.box_detail_relation').find('li').hide().slice(lastItem,lastItem+4).show(); }); }); jQuery('.box_detail_author2 .box_detail_article .btn_more').click(function(e){ e.preventDefault(); var boxes = jQuery(this).closest('.box_detail_article').find('.content'); var isFirst = boxes.first().is(':visible'); var speed = isFirst ? 300 : 0; jQuery('body, html').animate({ scrollTop: jQuery(this).closest('.box_detail_article').offset().top -30 -50 }, speed); boxes.eq( isFirst ? 0 : 1 ).hide(); boxes.eq( isFirst ? 1 : 0 ).show(); }); } // 관심작가 등록 및 취소후 저자정보 영역 로드 function boxReload(gb){ console.log(gb); if(gb == 'new'){ jQuery("#box_author").load("/product/authorInfo.laf?barcode=" + barcode + "&ejkGb=" + ejkGb + "&gb=new", authorCallback); } else{ jQuery("#box_author").load("/product/authorInfo.laf?barcode=" + barcode + "&ejkGb=" + ejkGb + "&gb=old&authorYn=" + authorYn + "&authorName=" + authorName, authorCallback); } } </script>  <script type="text/javascript"> (function($){ $('table .btn_tr_more a').click(function(e){ e.preventDefault(); $(this).closest('table').find('tr.overflow').toggle(); $(this).text( $(this).text() == '더보기' ? '닫기' : '더보기' ); }); $('.box_detail_series').each(function(){ $(this).find('.btn_check_all').click(function(e){ e.preventDefault(); if( $(this).text() == '선택해제' ) { $(this).text('전체선택').closest('.box_detail_series').find('input:checkbox').attr('checked',false); } else { $(this).text('선택해제').closest('.box_detail_series').find('input:checkbox').attr('checked',true); } }); $(this).find('input:checkbox').click(function(){ $(this).closest('.box_detail_series').find('.btn_check_all').text( $(this).closest('.box_detail_series').find('input:checkbox:not(:checked)').size() ? '전체선택' : '선택해제' ); }); }); $('.box_detail_article .btn_more').click(function(e){ e.preventDefault(); var $boxes = $(this).closest('.box_detail_article').find('.content'); var isFirst = $boxes.first().is(':visible'); var speed = isFirst ? 300 : 0; $('body, html').animate({ scrollTop: $(this).closest('.box_detail_article').offset().top -30 -50 }, speed); $boxes.eq( isFirst ? 0 : 1 ).hide(); $boxes.eq( isFirst ? 1 : 0 ).show(); }); })(jQuery); </script>    <ul class="tab_detail_content" id="review"> <li><a href="#book_info">상품정보</a></li> <li class="on"><a href="#review">회원리뷰 <span>(0)</span></a></li> <li><a href="#guide">교환/반품/품절</a></li> </ul>    <div class="box_detail_content">  <div id="review_simple"></div>    <h2 class="title_detail_basic"> Klover 리뷰 <span class="kloverTotal" id="kloverTotal">(0)</span> </h2>  <form id="reviewFrm" name="reviewFrm" method="post" enctype="" enCoding = "" action="" > <input type="hidden" name="barcode" value="9788975607547" /> <input type="hidden" name="ejkGb" value="KOR" /> <input type="hidden" name="bookNm" value="HTML CSS 자바스크립트 무작정따라하기(동영상과 280개 예제로 배우는)(CD1장포함)(무작정 따라하기 183)" /> <input type="hidden" name="num" value="" /> <input type="hidden" name="seq" value="" /> <input type="hidden" name="regType" value="" /> <input type="hidden" name="subReview" value="" /> <input type="hidden" name="sortType" value="" /> <input type="hidden" name="orderType" value="" /> <input type="hidden" name="gb" value="klover" /> <input type="hidden" name="perPage" value="15" /> <input type="hidden" name="pageNumber" value="1" /> <div class="box_detail_review" id="box_detail_review"></div> </form>  <script type="text/javascript"> (function($){ $('.list_share #cmt_share').hover( function(){$(this).find('#shareSocial').show();}, function(){$(this).find('#shareSocial').hide();} ).find('a').focus(function(){ $(this).addClass('focus'); $(this).closest('#cmt_share').find('#shareSocial').stop().show(); }).blur(function(){ $(this).removeClass('focus'); if (!$(this).closest('#cmt_share').find('.focus').size()) $(this).closest('#cmt_share').find('#shareSocial').fadeOut(10); }); $('.comment_wrap .image>a').click(function(e){ e.preventDefault(); $(this).parent().toggleClass('on'); }); })(jQuery); // 간단리뷰를 cmd단에서 불러오지 않고 ajax로 호출(상세페이지 오류 리스크 줄이기) var barcode = "9788975607547"; var ejkGb = "KOR"; var mallGb = "KOR"; var pageNumber = jQuery("#reviewFrm input[name='pageNumber']").val(); //var pageNumber = 1; if(pageNumber == undefined || pageNumber == ""){ pageNumber = 1; } (function($){ $(window).scroll(function(){ if( $('#box_detail_review').size() && $('#box_detail_review').is(':empty') && $('#box_detail_review').data('loading')!=1){ if( $('#box_detail_review').offset().top < $(this).scrollTop() + $(this).height() && $('#box_detail_review').offset().top > $(this).scrollTop() ){ $('#box_detail_review').data('loading',1); // 구매평점 갯수 조회 var paymentCount = 0; jQuery.ajax({ url : "/product/checkPayCnt.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order", type: "POST", dataType: "json", data: null, jsonp : "callback", success: function (data){ paymentCount = data.result; // 해당 도서의 구매평점이 0개인 경우 if(paymentCount == 0){ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=all" ); } // 해당 도서의 구매평점이 0개가 아닌 경우 else{ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order" ); } }, error:function(data){ jQuery("#box_detail_review").load("/product/productSimpleReviewSort.laf?gb=klover&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb +"&sortType=like" + "&pageNumber=" + pageNumber + "&orderType=order" ); } }); } } /* 성수기시 ajax 로드 참고 if( $('#list_detail_booklog').size() && $('#list_detail_booklog').is(':empty') ){ if( $('#list_detail_booklog').offset().top < $(this).scrollTop() + $(this).height() ){ jQuery("#list_detail_booklog").load("/product/detailViewAreaLoad.laf?loadMode=booklogReview&barcode="+barcode+"&ejkGb="+ejkGb+"&mallGb="+mallGb+"&booklogCnt=" + booklogCnt); } } */ }); })(jQuery); </script>    <h2 class="title_detail_basic"> 북로그 리뷰 <span class="total">(0)</span> <small> <a href="javascript:pd_goBooklogReviewWrite('','9788975607547','KOR', 'JLl', 'KDTRRVreviewwrite');" class="btn_small">쓰러가기</a> </small> </h2> <div class="box_detail_guide"> <strong>도서 구매 후 리뷰를 작성하시면<br /> 결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.</strong><br /> 포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.<br /> 북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.<br /> (※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) <span class="popup_load"> <a href="javascript:popOpen('layerReviewGuide');" class="btn_small">안내</a>  <div id="layerReviewGuide" style="display:none;position:absolute;left:-290px;top:21px;z-index:300;"> <div class="layer_popup" style="width:420px;">  <p style="position:absolute;left:295px;top:-6px"><img src="http://image.kyobobook.co.kr/ink/images/common/icon_arrow_top.png" alt=""/></p>  <dl class="new_c"> <dt class="new_t"><strong>리뷰 리워드 안내</strong></dt> <dd class="new_d"> <ul class="list_normal"> <li>주문일자 기준으로 90일 이내 작성하셔야 리워드 대상에 해당합니다.</li> <li>한 ID 당 하나의 상품에 북로그 리뷰와 간단리뷰 작성이 가능합니다.</li> <li>한 상품에 여러 번 리뷰작성은 가능하나 포인트는 1회만 지급합니다.</li> <li>도서 배송 전 작성 시 상품 출고 이후 적립이 가능합니다.</li> <li>부정적인 방법으로 이용 시 지급된 포인트는 회수될 수 있으며, 지급된 포인트를 회수함에 따라 통합포인트에 마이너스 처리가 될 수 있습니다.</li> <li>적합하지 않은 리뷰는 비공개 처리되며, 포인트는 회수됩니다.</li> <li>비공개, 삭제, 반려된 리뷰 작성 시 포인트 회수가 가능합니다.</li> </ul> <div class="font_12"><a href="http://www.kyobobook.co.kr/cscenter/faqIndex.laf?faqOpt=2&faqVal=11-06&faqObj=119">[자세한 리뷰 리워드 안내보기]</a></div> </dd> </dl> <p class="new_btn"><a href="javascript:popOpen('layerReviewGuide');"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_close_p.gif" alt="닫기"/></a></p> </div> </div>  </span> </div> <ul class="list_detail_booklog"> <li>해당도서의 리뷰가 없습니다.</li> </ul>  <script type="text/javascript"> (function($){ $('.list_detail_booklog .btn_more').click(function(e){ e.preventDefault(); var speed = $(this).parent().next('.content').size() ? 300 : 0; $('body, html').animate({ scrollTop: $(this).closest('li').offset().top -10 -50 }, speed); $(this).parent().hide().siblings('.content').show(); }); })(jQuery); </script>   <h2 class="title_detail_basic kp_title"> 문장수집 <span class="total" id="killingTotal">(0)</span> <a href="javascript:openWriteKillingPart();" class="btn_small">문장수집 쓰기</a> <a href="javascript:goMyKillingPart();" class="btn_small">나의 독서기록 보기</a>  <div class="kp_point_info"> <span>※구매도서의 문장수집을 기록하면 통합포인트 적립</span> <span class="popup_load"> <a href="javascript:popOpen('layerKp');" class="btn_small">안내</a>  <div id="layerKp" style="display:none; position: absolute; left: -320px; top: 30px; z-index: 300;"> <div class="layer_popup" style="width:430px;">  <p style="position:absolute;left:325px;top:-6px"><img src="http://image.kyobobook.co.kr/ink/images/common/icon_arrow_top.png" alt=""></p>  <dl class="new_c"> <dt class="new_t"><strong>문장수집 안내</strong></dt> <dd class="new_d"> <ul> <li>문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는<br>교보문고의 새로운 서비스입니다.</li> <li>마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요"하여 모아보세요.</li> <li>구매 후 90일 이내에 문장수집을 남겨주시면 100P,<br>해당 도서의 최초 작성자라면 200P를 적립해드립니다.</li> <li>※포인트는 발송완료 후 익일 적립되며, 취소/반품/절판/품절<br>도서는 제외됩니다.<br></li> </ul> </dd> </dl> <p class="new_btn"><a href="javascript:popOpen('layerKp');"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_close_p.gif" alt="닫기"></a></p> </div> </div>  </span> </div>  </h2> <div id="box_detail_killingPart"></div> <script type="text/javascript"> var barcode = "9788975607547"; var ejkGb = "KOR"; (function($){ $(window).scroll(function(){ if( $('#box_detail_killingPart').size() && $('#box_detail_killingPart').is(':empty') && $('#box_detail_killingPart').data('loading')!=1){ if( $('#box_detail_killingPart').offset().top < $(this).scrollTop() + $(this).height() && $('#box_detail_killingPart').offset().top > $(this).scrollTop() ){ $('#box_detail_killingPart').data('loading',1); jQuery("#box_detail_killingPart").load("/killingpart/selectProductKPList.laf?gb=total&barcode="+barcode+"&ejkGb="+ejkGb+"&pageNumber=1"); } } }); })(jQuery); //킬링파트 팝업 function openWriteKillingPart(){ alert("로그인 후 작성 가능합니다."); fn_openLogin(location.href); return; var barcode = "9788975607547"; var ejkGb = "KOR"; var popWidth = 0; var popHeight = 0; popWidth = 450; popHeight = 780; var goToUrl = "/killingpart/popupWriteKP.laf?gb=barcode&ejkGb=" + ejkGb + "&barcode=" + barcode; window.open(goToUrl,'multiPopup2','width='+popWidth+',height='+popHeight+',scrollbars'); } function likeKP(num){ alert("로그인 후 좋아요 가능합니다."); fn_openLogin(location.href); return; jQuery.ajax({ type: "POST", url: "/killingpart/kpLike.laf", async:false, cache:false, data: {"num":num}, dataType : "jsonp", jsonp : "callback", success: function(data){ if(data.result == "Y"){ alert("이 문장을 좋아요 했습니다. 나의독서기록에서 확인 가능합니다"); var current = jQuery('.like'+num).text(); current = parseInt(current) + 1; jQuery('.like'+num).text(current); }else if(data.result == "D"){ alert("이미 좋아요 하셨습니다."); }else if(data.result == "L"){ alert("로그인 해주세요."); fn_openLogin(location.href); }else if(data.result == "M"){ alert("본인이 작성한 문장수집은 '좋아요'를 클릭할 수 없습니다"); }else{ alert("처리중 오류가 발생하였습니다."); } }, error: function(result){ alert("처리중 오류가 발생하였습니다."); return; } }); } function likeKPBest(num){ alert("로그인 후 좋아요 가능합니다."); fn_openLogin(location.href); return; jQuery.ajax({ type: "POST", url: "/killingpart/kpLike.laf", async:false, cache:false, data: {"num":num}, dataType : "jsonp", jsonp : "callback", success: function(data){ if(data.result == "Y"){ alert("이 문장을 좋아요 했습니다. 나의독서기록에서 확인 가능합니다"); var current = jQuery('.likeB'+num).text(); current = parseInt(current) + 1; jQuery('.likeB'+num).text(current); }else if(data.result == "D"){ alert("이미 좋아요 하셨습니다."); }else if(data.result == "L"){ alert("로그인 해주세요."); fn_openLogin(location.href); }else if(data.result == "M"){ alert("본인이 작성한 문장수집은 '좋아요'를 클릭할 수 없습니다"); }else{ alert("처리중 오류가 발생하였습니다."); } }, error: function(result){ alert("처리중 오류가 발생하였습니다."); return; } }); } function goMyKillingPart(){ alert("로그인을 해주세요."); openLoginTop(location.href); return; location.href="/killingpart/myRecords.laf?gb=KP&mem="; } </script>  </div>    <ul class="tab_detail_content" id="guide"> <li><a href="#book_info">상품정보</a></li> <li><a href="#review">회원리뷰 <span>(0)</span></a></li> <li class="on"><a href="#guide">교환/반품/품절</a></li> </ul>    <div class="box_detail_content"> <h2 class="title_detail_basic">교환/반품/품절안내</h2> <p class="margin_top20">※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)</p> <table class="table_simple2 table_detail_guide margin_top10" summary="교환/반품/품절안내 상세테이블로 목록으로 반품/교환방법, 반품/교환가능 기간, 반품/교환비용, 반품/교환 불가 사유, 상품 품절, 소비자 피해보상 환불지연에 따른 배상"> <caption class="caption_hidden">교환/반품/품절안내</caption> <colgroup> <col width="22%" /> <col width="*" /> </colgroup> <tbody> <tr> <th scope="row">반품/교환방법</th> <td><strong>마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > <a href="http://www.kyobobook.co.kr/myroom/orderList.laf">반품/교환신청</a> , <br /> <a href="http://www.kyobobook.co.kr/cscenter/qnaForm.laf?questionType=003">[1:1상담>반품/교환/환불]</a> 또는 고객센터 (1544-1900)</strong><br /> ※ 오픈마켓, 해외배송주문, 기프트 주문시 <a href="http://www.kyobobook.co.kr/cscenter/qnaForm.laf?questionType=003">[1:1상담>반품/교환/환불]</a><br /> 또는 고객센터 (1544-1900)</td> </tr> <tr> <th scope="row">반품/교환가능 기간</th> <td>변심반품의 경우 수령 후 7일 이내,<br /> 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내</td> </tr> <tr> <th scope="row">반품/교환비용</th> <td>변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담</td> </tr> <tr> <th scope="row">반품/교환 불가 사유</th> <td> <ul class="list_normal"> <li>소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우<br /> (단지 확인을 위한 포장 훼손은 제외)</li> <li>소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우<br /> 예) 화장품, 식품, 가전제품(악세서리 포함) 등</li> <li>복제가 가능한 상품 등의 포장을 훼손한 경우<br /> 예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집</li> <li>소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)</li> <li>디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우</li> <li>시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우</li> <li>전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에<br /> 해당되는 경우</li> </ul> (1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용) </td> </tr> <tr> <th scope="row">상품 품절</th> <td>공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는<br /> 이메일과 문자로 안내드리겠습니다.</td> </tr> <tr> <th scope="row">소비자 피해보상<br /> 환불지연에 따른 배상</th> <td> <ul class="list_normal"> <li>상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은<br /> 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨</li> <li>대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의<br /> 소비자 보호에 관한 법률에 따라 처리함</li> </ul> </td> </tr> </tbody> </table> </div>     <div class="box_detail_content"> <div class="posr margin_bot20"> <h2 class="title_detail_basic">기프트 BEST</h2> <a href="http://gift.kyobobook.co.kr/ht/hot/hotAwardPage?dispMstrId=CATE_GFT_BEST&ctgrId=0000&orderClick=JAp" class="btn_more_conts"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_more.gif" alt="더보기"></a> </div> <div class="gift_list_best" id="giftProducts"> <div class="event_list"> <ul> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042075972&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1077/hot1602721465892.jpg" alt=" 스타벅스 리저브 에디션 [마이더치 콜드브루 메이커]" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit"> 스타벅스 리저브 에디션 [마이더치 콜드브루 메이커]</span> <span class="item_sale_price">49,800</span> <span class="item_per">(37%↓)</span> </a> <form name="giftItemListForm1" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042075972"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042075972&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042970055&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1071/hot1610349500156.jpg" alt="캐시미어 울양말 5족 세트" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">캐시미어 울양말 5족 세트</span> <span class="item_sale_price">25,000</span> <span class="item_per">(0%↓)</span> </a> <form name="giftItemListForm2" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042970055"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042970055&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315025164698&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1051/hot1606874250354.jpg" alt="비타그램 마이 온열 파티션 히터" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">비타그램 마이 온열 파티션 히터</span> <span class="item_sale_price">39,860</span> <span class="item_per">(69%↓)</span> </a> <form name="giftItemListForm3" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2315025164698"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315025164698&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041640027&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1660/hot1587023026936.jpg" alt="맥도도 데스크 휴대폰 / 태블릿PC 스탠드 거치대" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">맥도도 데스크 휴대폰 / 태블릿PC 스탠드 거치대</span> <span class="item_sale_price">10,900</span> <span class="item_per">(54%↓)</span> </a> <form name="giftItemListForm4" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310041640027"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041640027&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310033971733&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1998/hot1565922015057.jpg" alt="[꿀.건.달] 보자기묶음_천연꿀 미니3종세트" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[꿀.건.달] 보자기묶음_천연꿀 미니3종세트</span> <span class="item_sale_price">17,600</span> <span class="item_per">(16%↓)</span> </a> <form name="giftItemListForm5" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310033971733"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310033971733&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042132347&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1168/hot1597884668110.jpg" alt="초강력 자석 후크고리 10P 세트" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">초강력 자석 후크고리 10P 세트</span> <span class="item_sale_price">5,300</span> <span class="item_per">(55%↓)</span> </a> <form name="giftItemListForm6" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042132347"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042132347&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> </ul> </div> <button type="button" class="btn_prev"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_prev06.gif" alt="이전" /></button> <button type="button" class="btn_next"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_next06.gif" alt="다음" /></button> </div>  <div class="gift_list_best margin_top30" id="giftProducts2"> <div class="event_list"> <ul> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310043019685&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1797/hot1611019243490.jpg" alt="[2/2출고] 아에르 어드밴스드 KF94 30매 (박스제공)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[2/2출고] 아에르 어드밴스드 KF94 30매 (박스제공)</span> <span class="item_sale_price">35,700</span> <span class="item_per">(60%↓)</span> </a> <form name="giftItemListForm1" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310043019685"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310043019685&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315002327832&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1041/hot1607473312649.png" alt="[선착순] 타오트로닉스 노이즈캔슬링 헤드셋 TT-BH22K" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[선착순] 타오트로닉스 노이즈캔슬링 헤드셋 TT-BH22K</span> <span class="item_sale_price">59,000</span> <span class="item_per">(54%↓)</span> </a> <form name="giftItemListForm2" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2315002327832"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2315002327832&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042949051&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1153/hot1609996305438.jpg" alt="카나나 릴타입 쿼드라 충전기" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">카나나 릴타입 쿼드라 충전기</span> <span class="item_sale_price">15,900</span> <span class="item_per">(47%↓)</span> </a> <form name="giftItemListForm3" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310042949051"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310042949051&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041194155&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1451/hot1577745543739.jpg" alt="알루미늄 높이조절 노트북 거치대 SOME2V" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">알루미늄 높이조절 노트북 거치대 SOME2V</span> <span class="item_sale_price">29,900</span> <span class="item_per">(40%↓)</span> </a> <form name="giftItemListForm4" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310041194155"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310041194155&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310031016993&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1787/hot1501055255213.jpg" alt="미쯔비시 유니 제트스트림 SXN150 유성볼펜[00031115]" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">미쯔비시 유니 제트스트림 SXN150 유성볼펜[00031115]</span> <span class="item_sale_price">1,440</span> <span class="item_per">(20%↓)</span> </a> <form name="giftItemListForm5" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310031016993"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310031016993&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> <li> <div class="gift_item"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310040584094&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1061/hot1562496977678.png" alt="[모트모트] 텐미닛 플래너 100DAYS - 화이트 (1EA)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[모트모트] 텐미닛 플래너 100DAYS - 화이트 (1EA)</span> <span class="item_sale_price">6,000</span> <span class="item_per">(0%↓)</span> </a> <form name="giftItemListForm6" method="post"> <input type="hidden" name="chkAllHidden" value='N' /> <input type="hidden" id="giftItemList_qty" name="qty" value="1"/> <input type="hidden" name="loginYN" value="N"> <input type="hidden" id="giftItemList_barcode" name="barcode" value="2310040584094"/> <input type="hidden" id="giftItemList_ejkGb" name="ejkGb" value="GFT"/> </form> <div class="buttons single"> <a href="http://gift.kyobobook.co.kr/ht/product/detail?barcode=2310040584094&orderClick=JAp" target=_blank><img src="http://image.kyobobook.co.kr/ink/images/common/btn_open_new.png" alt="새창보기"></a> </div> </div> </li> </ul> </div> <button type="button" class="btn_prev"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_prev06.gif" alt="이전" /></button> <button type="button" class="btn_next"><img src="http://image.kyobobook.co.kr/ink/images/common/btn_next06.gif" alt="다음" /></button> </div> </div>  <script type="text/javascript"> (function($){ //20-04-13 수정 $("#giftProducts, #giftProducts2").each(function(){ var gift = $(this).find(".event_list ul"); var total = gift.children("li").size(); var random = Math.floor(Math.random()*total); gift.children("li:lt("+random+")").appendTo(gift); $(this).find(".btn_next").click(function(){ gift.children("li:lt(2)").appendTo(gift); }); $(this).find(".btn_prev").click(function(){ gift.children("li:gt("+(total-3)+")").prependTo(gift); }); }); })(jQuery); function goAddCart_Inner(frm, barcode, ejkGb){ var frm = document.giftItemListForm; frm.barcode.value = barcode; frm.ejkGb.value = ejkGb; frm.qty.value = "1"; frm.action = "javascript:goAddCart(frm, '_parent');"; frm.submit(); } </script>   </div> <div class="content_right">  <div class="ad_detail01">  <script src='https://compass.adop.cc/assets/js/adop/adopJ.js?v=14' ></script><ins class='adsbyadop' _adop_zon = '0444861b-f4e3-4a2f-ad51-3b8d06cf679f' _adop_type = 're' style='display:inline-block;width:200px;height:200px;' _page_url=''></ins>  </div>    <div class="box_detail_aside"> <h2 class="title_detail_aside">이 분야의 베스트</h2> <ul class="list_detail_aside"> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459&orderClick=JAI"> <strong class="rank">1</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/459/m9791165213459.jpg" alt="컴퓨터활용능력 1급 필기(2021)(시나공 총정리)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459&orderClick=JAI"> 컴퓨터활용능력 1급 필기(2021)(시나공 총정리) </a> </div> <div class="author"> 길벗R&D </div> <div class="price">18,000원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492&orderClick=JAI"> <strong class="rank">2</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/492/m9791166620492.jpg" alt="전산회계 1급 이론+실기+기출문제(2021)(해커스)(개정판)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492&orderClick=JAI"> 전산회계 1급 이론+실기+기출문제(2021)(해커스)(개정판) </a> </div> <div class="author"> 이남호 </div> <div class="price">23,310원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213169&orderClick=JAI"> <strong class="rank">3</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/169/m9791165213169.jpg" alt="컴퓨터활용능력 2급 실기(2021)(시나공)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213169&orderClick=JAI"> 컴퓨터활용능력 2급 실기(2021)(시나공) </a> </div> <div class="author"> 길벗R&D </div> <div class="price">19,800원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213152&orderClick=JAI"> <strong class="rank">4</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/152/m9791165213152.jpg" alt="컴퓨터활용능력 1급 실기(2021)(시나공)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213152&orderClick=JAI"> 컴퓨터활용능력 1급 실기(2021)(시나공) </a> </div> <div class="author"> 길벗R&D </div> <div class="price">32,400원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661&orderClick=JAI"> <strong class="rank">5</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/661/m9791157675661.jpg" alt="정보처리기사 필기 1권+2권 합본세트(2021)(수제비)(2판)(전2권)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661&orderClick=JAI"> 정보처리기사 필기 1권+2권 합본세트(2021)(수제비)(2판)(전2권) </a> </div> <div class="author"> 윤영빈 </div> <div class="price">30,600원</div> </li> </ul> <a class="btn_more" href="/bestseller/bestSeller.laf?mallGb=KOR&linkClass=33&cateDivYn=Y&range=0&kind=0&Kc=KDMRBEbestseller">더보기+</a> </div>   <div class="box_detail_aside"> <h2 class="title_detail_aside">이 분야의 신간</h2> <ul class="list_detail_aside"> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459"> <img src="http://image.kyobobook.co.kr/images/book/medium/459/m9791165213459.jpg" alt="컴퓨터활용능력 1급 필기(2021)(시나공 총정리)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791165213459"> 컴퓨터활용능력 1급 필기(2021)(시나공 총정리) </a> </div> <div class="author"> 길벗R&D </div> <div class="price">18,000원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661"> <img src="http://image.kyobobook.co.kr/images/book/medium/661/m9791157675661.jpg" alt="정보처리기사 필기 1권+2권 합본세트(2021)(수제비)(2판)(전2권)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791157675661"> 정보처리기사 필기 1권+2권 합본세트(2021)(수제비)(2판)(전2권) </a> </div> <div class="author"> 윤영빈 </div> <div class="price">30,600원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162243664"> <img src="http://image.kyobobook.co.kr/images/book/medium/664/m9791162243664.jpg" alt="혼자 공부하는 머신러닝+딥러닝" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162243664"> 혼자 공부하는 머신러닝+딥러닝 </a> </div> <div class="author"> 박해선 </div> <div class="price">23,400원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791196943622"> <img src="http://image.kyobobook.co.kr/images/book/medium/622/m9791196943622.jpg" alt="ADsP 데이터 분석 준전문가(2021)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791196943622"> ADsP 데이터 분석 준전문가(2021) </a> </div> <div class="author"> 윤종식 </div> <div class="price">25,200원</div> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492"> <img src="http://image.kyobobook.co.kr/images/book/medium/492/m9791166620492.jpg" alt="전산회계 1급 이론+실기+기출문제(2021)(해커스)(개정판)" onerror="javascript:noImage(this,'L','KOR');"/> </a> </div> <div class="title"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791166620492"> 전산회계 1급 이론+실기+기출문제(2021)(해커스)(개정판) </a> </div> <div class="author"> 이남호 </div> <div class="price">23,310원</div> </li> </ul> <a class="btn_more" href="/category/categoryKor.laf?ejkGb=KOR&linkClass=3314&mallGb=KOR&orderClick=&tabName=NewBook&sortColumn=sale_qty&Kc=KDMRNEnewbook">더보기+</a> </div>   </div> </div>  <script type="text/javascript"> (function($){ $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); var tabActive = false; $('.tab_detail_content:not(.fixed)').each(function(idx){ var thisHeight = $(this).outerHeight(); var thisStart = parseInt( $(this).offset().top ) -50; //- thisHeight; var thisFinish = thisStart + thisHeight + $(this).next('.box_detail_content').outerHeight(); if( scrollTop > thisStart && scrollTop < thisFinish ){ $('#detailFixedTab').find('.nav_page').html( $(this).clone().removeAttr('id').addClass('fixed') ); if(!tabActive) $('#detailFixedTab').show(); tabActive = true; } }); if(!tabActive) $('#detailFixedTab').hide(); }); })(jQuery); </script>    </div>  </div> <script type="text/javascript"> (function($){ // 닫기태그 오류 대안 if( $('#wrap #footer').size() ){ document.write('</div></div>'); $('#wrap #footer').remove(); } // 웹접근성: LNB 있는 페이지 본문바로가기 if( $('#myroom_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#myroom_contents'); if( $('#recommend_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#recommend_contents'); if( $('#pubevent_contents').size() ) $('#skip_to_content a').eq(0).attr('href','#pubevent_contents'); })(jQuery); </script> <style type="text/css"> html{background:none !important;} #footer{margin-top:70px;background:#f5f5f5 url('http://image.kyobobook.co.kr/ink/images/common/bg_footer3.gif') 0 0 repeat-x;*position:relative;} #footer .footer_con{width:950px;margin:0 auto;padding:0 30px 30px;background:url('http://image.kyobobook.co.kr/ink/images/common/bg_footer3.gif') 0 0 repeat-x;color:#666;*zoom:1;} #footer .footer_con:after{content:'';display:block;clear:both;} #footer .footer_con .logo_area{clear:both;padding-top:21px;} #footer .footer_con .shortcut_list {float:right;width:150px;height:44px;} #footer .footer_con .shortcut_list .btn_open {padding-top:15px;padding-bottom:13px;border:1px solid #6d6d6d;background:#6d6d6d url('http://image.kyobobook.co.kr/ink/images/common/arr_shortcut2.png') no-repeat right 0;color:#fff;font-weight:bold;padding-right:27px;text-align:center;text-transform:uppercase;} #footer .footer_con .shortcut_list ul {bottom:43px;} #footer .footer_con .shortcut_open .btn_open {background-position:right -44px;} #footer .footer_con .member_area{float:left;height:44px;width:800px;background-color:#8b8b8b;line-height:15px;} #footer .footer_con .member_area li{float:left;padding:16px 13px 0 14px;height:28px;text-align:center;background:url('http://image.kyobobook.co.kr/ink/images/common/line_footer.gif') no-repeat left center;} #footer .footer_con .member_area li:first-child {background-image:none;padding-left:14px;} #footer .footer_con .member_area a {text-decoration:none;color:#f1f0f0;} #footer .footer_con .member_area a:hover {text-decoration:underline;color:#fff;} #footer .footer_con .member_area strong {color:#fff;text-decoration:underline;} #footer .footer_con .click_footer{float:left;width:460px;margin:18px 0 0 0;} #footer .footer_con .click_footer address{font-size:11px;line-height:18px;} #footer .footer_con .click_footer address a{text-decoration:underline;color:#666;} #footer .footer_con .click_footer address a:hover {text-decoration:underline;color:#3c5fe1;} #footer .footer_con .click_footer address .copy {margin-top:10px;} #footer .footer_con .click_footer address .big {font-size:12px;} #footer .footer_con .lg_area{float:right;width:460px;font-size:11px;line-height:18px;margin:18px 0 0 20px;} #footer .footer_con .lg_area p {font-size:11px;line-height:18px;color:#666;} #footer .footer_con .lg_area a:link {text-decoration:underline;color:#666;} #footer .footer_con .lg_area a:hover {text-decoration:underline;color:#3c5fe1;} #footer .footer_con .mark_isms{float:right;width:460px;margin-top:10px;position:relative;}/* 2020-09-01 */ #footer .footer_con .mark_isms a{display:inline-block;padding:10px 0 0 52px;height:38px;font-size:11px;line-height:15px;} #footer .footer_con .mark_isms p {position:absolute;left:168px;top:10px;font-size:11px;color:#666666;line-height:1.5;} /* 2020-09-01 */ #footer .footer_con .mark_isms a {background:url('http://image.kyobobook.co.kr/ink/images/common/mark_isms_02.png') no-repeat 0 0;} /* 2020-12-04 */ /* 기프트 */ #footer .footer_con .click_footer address {float:none;padding-left:0;} /* PubPle */ #footer {height:auto;} </style> <div id="footer"> <div class="footer_con"> <ul class="member_area"> <li><a href="http://www.kyobobook.co.kr/company/intro.laf?orderClick=rXa">회사소개</a></li> <li><a href="http://www.kyobobook.co.kr/contents/provision.laf?orderClick=rXc">이용약관</a></li> <li><a href="http://www.kyobobook.co.kr/contents/privacyPolicy.laf?orderClick=rXd"><strong>개인정보처리방침</strong></a></li> <li><a href="http://www.kyobobook.co.kr/contents/youthPolicy.laf">청소년보호정책</a></li> <li><a href="http://www.kyobobook.co.kr/cscenter/csCenterMain.laf?Kc=GNHHNOcscenter&orderClick=rXo">고객센터</a></li> <li><a href="http://www.kyobobook.co.kr/guidePublisher/chargePerson.laf?orderClick=rXf">협력사여러분</a></li> <li><a href="https://www.kyobobook.co.kr/guidePublisher/suggest.laf?orderClick=rXi">제휴·제안</a></li> <li><a href="https://ad.kyobobook.co.kr/?orderClick=rXg">광고문의</a></li> <li><a href="https://ehr.kyobobook.co.kr/recr/recruit_system_1.jsp?orderClick=rXb" target="_blank">채용정보</a></li> </ul> <style type="text/css"> .shortcut_list {position:relative;width:133px;height:20px; text-align:left;} .shortcut_list .btn_open {border:1px solid #707070;background:#fff url('https://simage.kyobobook.co.kr/ink/images/common/arr_shortcut.png') no-repeat right 0;} .shortcut_list a {display:block;height:14px;padding:3px 4px 1px;font:12px/14px/dotum;color:#666;background-color:#fff; text-decoration:none;} .shortcut_list a:hover {color:#666;} .shortcut_list ul {display:none;position:absolute;z-index:1000;left:0;right:0;bottom:19px;_width:131px;border:1px solid #707070;background-color:#fff;} .shortcut_list ul li {} .shortcut_list ul li.on a, .shortcut_list ul li a:hover, .shortcut_list ul li a:active, .shortcut_list ul li a:focus {background-color:#dedede;color:#212121;} .shortcut_top ul {top:0;bottom:auto;} .shortcut_top .btn_open {background-position:right -20px;} .shortcut_top ul {top:19px;bottom:auto;} .shortcut_top.shortcut_open .btn_open {background-position:right 0;} .shortcut_open .btn_open {background-position:right -20px;} .shortcut_open ul {display:block;} .shortcut_auto {display:inline-block;width:auto;*display:inline;*zoom:1;} .shortcut_auto .btn_open {padding-right:20px;} #footer .footer_con .shortcut_list {/*margin-top:15px;*/} #comp_footer .con_footer .shortcut_list, #store_footer .con_footer .shortcut_list {position:absolute;right:0;top:20px;} .ink-search #footer .shortcut_list .btn_open {width:116px;} </style> <div class="shortcut_list"> <a href="#" class="btn_open">Family Site</a> <ul> <li><a href="http://www.kyobo.co.kr" target="_blank" title="새 창 열림">교보생명</a></li> <li><a href="http://www.kyobotrade.com" target="_blank" title="새 창 열림">교보증권</a></li> <li><a href="http://www.kico.co.kr" target="_blank" title="새 창 열림">교보정보통신</a></li> <li><a href="http://www.kyoborealco.co.kr" target="_blank" title="새 창 열림">교보리얼코</a></li> <li><a href="http://www.kyoboitm.co.kr" target="_blank" title="새 창 열림">교보악사자산운용</a></li> <li><a href="http://www.lifeplanet.co.kr" target="_blank" title="새 창 열림">교보라이프플래닛생명</a></li> <li><a href="http://www.kcasonsa.co.kr" target="_blank" title="새 창 열림">KCA 손해사정</a></li> <li><a href="http://www.kcase.co.kr" target="_blank" title="새 창 열림">KCA 서비스</a></li> <li><a href="https://www.kyobotrust.co.kr" target="_blank" title="새 창 열림">교보자산신탁주식회사</a></li> <li><a href="http://www.daesan.or.kr" target="_blank" title="새 창 열림">대산문화재단</a></li> <li><a href="http://www.kbedu.or.kr" target="_blank" title="새 창 열림">교보교육재단</a></li> <li><a href="http://www.dsa.or.kr" target="_blank" title="새 창 열림">대산농촌재단</a></li> <li><a href="http://www.hottracks.co.kr/ht/welcomeMain" target="_blank" title="새 창 열림">핫트랙스</a></li> <li><a href="http://www.kyoboacademy.co.kr" target="_blank" title="새 창 열림">교보아카데미</a></li> </ul> </div> <script type="text/javascript"> (function($){ $('.shortcut_list .btn_open').click(function(e){ e.preventDefault(); $(this).parent().toggleClass('shortcut_open'); }); $('.shortcut_list a').hover( function(){$(this).addClass('hover');}, function(){$(this).removeClass('hover');} ).focus( function(){$(this).addClass('focus');} ).blur( function(){$(this).removeClass('focus');} ); $('.shortcut_list ul a').click( function(){$(this).closest('.shortcut_list').removeClass('shortcut_open');} ); $('body').click(function(){ $('.shortcut_list').each(function(){ if( !$(this).find('.focus').size() && !$(this).find('.hover').size() ){ $(this).removeClass('shortcut_open'); } }); }); })(jQuery); </script> <div class="logo_area"> <img src="http://image.kyobobook.co.kr/ink/images/common/logo_footer.png" alt="KYOBO 교보문고"/> </div> <div class="click_footer"> <address> ㈜ 교보문고 서울시 종로구 종로 1 대표이사 : 박영규<br /> 사업자등록번호 : 102-81-11670<br /> <strong class="big">대표전화 : 1544-1900 (발신자 부담전화)</strong> 팩스 : 0502-987-5711 (지역번호공통)<br /> 서울특별시 통신판매업신고번호 : 제 653호 ▶<a href="http://www.ftc.go.kr/info/bizinfo/communicationViewPopup.jsp?wrkr_no=1028111670" target="_blank" title="새 창 열림">사업자정보확인</a><br /> <div class="copy">COPYRIGHT(C) <strong>KYOBO BOOK CENTRE</strong> ALL RIGHTS RESERVED.</div> </address> </div> <div class="lg_area"> <p> LG U+ 구매안전서비스 ▶<a href="http://www.kyobobook.co.kr/prom/EscrowJoinConfirm.jsp?orderClick=rXn" onclick="window.open(this.href,'lguplus','scrollbars=yes,width=470,height=550');return false;" title="새 창 열림">서비스 가입 확인</a><br /> 고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다. </p> </div> <div class="mark_isms"> <a href="http://www.kyobobook.co.kr/prom/markISMS.jsp" onclick="window.open(this.href,'mark_isms','width=600,height=855');return false;" title="새창열림">정보보호관리체계<br /> ISMS 인증획득</a> <p>[인증범위] 온라인 교보문고 서비스 운영<br />[유효기간] 2020.11.04. ~ 2023.11.03.</p> </div> </div> </div> <script type="text/javascript"> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } </script>   <style type="text/css"> #quick_menu2 {position:absolute;left:0;right:0;top:268px;z-index:9999;min-width:1010px;height:0;background-color:transparent;} #quick_menu2 .quick_label {font-size:0;color:transparent;position:absolute;visibility:hidden;} #quick_menu2 .quick_contents {position:absolute;top:0;left:50%;margin-left:500px;width:63px;} #quick_menu2 .btn_quick_open {} #quick_menu2 .btn_quick_open a {position:relative;display:block;height:50px;font-size:0;color:transparent;background:#5e6b9e url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -103px 13px;border:1px solid #5e6b9e;border-width:0 1px;transition:all 0.2s;} #quick_menu2 .btn_quick_open a small {position:absolute;left:34px;top:11px;font-weight:bold;display:inline-block;font-size:11px;line-height:12px;background:url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 0 -200px;color:#fff;} #quick_menu2 .btn_quick_open a small span {display:inline-block;position:relative;left:5px;background:url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat right -200px;padding:3px 5px 0 0;} #quick_menu2 .btn_quick_open a .btn_open {display:block;visibility:hidden;opacity:0;transform:translate(10px,0);width:20px;height:50px;font-size:0;color:transparent;position:absolute;right:65px;top:0;background:#44528a url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 7px -21px;transition:all 0.2s;*cursor:pointer;} #quick_menu2 .btn_quick_open:hover {padding-left:3px;margin-left:-3px;*zoom:1;} #quick_menu2 .btn_quick_open a:hover {background-color:#44528a;} #quick_menu2 .btn_quick_open:hover .btn_open, #quick_menu2 .btn_quick_open a:hover .btn_open {visibility:visible;opacity:1;transform:translate(0,0);background-color:#353f67;} #quick_menu2 .btn_quick_top {margin-bottom:2px;} #quick_menu2 .btn_quick_top a {display:block;height:34px;font-size:0;color:transparent;border:1px solid #d2d2d2;background:#f9f9f9 url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat 21px -108px;transition:all 0.2s;} #quick_menu2 .btn_quick_top a:hover {border-color:#999;} #quick_menu2 .btn_quick_down {margin-bottom:2px;} #quick_menu2 .btn_quick_down a {display:block;height:34px;font-size:0;color:transparent;border:1px solid #d2d2d2;background:#f9f9f9 url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -19px -108px;transition:all 0.2s;} #quick_menu2 .btn_quick_down a:hover {border-color:#999;} #quick_menu2.opened {} #quick_menu2.opened .quick_goods {visibility:visible;opacity:1;*display:block;} #quick_menu2.opened .btn_quick_open a {border-color:#8592bc;} #quick_menu2.opened .btn_quick_open a .btn_open {visibility:hidden;opacity:0;transform:translate(-100px,0);} #quick_menu2.fixed {position:fixed;top:auto !important;bottom:0;transition:all 0.2s;} #quick_menu2.fixed .quick_contents {top:auto;bottom:0;} #quick_menu2.fixed .quick_goods {background-color:transparent;transform:translate(0,50px);} #quick_menu2.fixed.opened {height:50px;background-color:#5e6b9e;} #quick_menu2.fixed.opened .quick_goods {transform:translate(0,0);} body.welcome #quick_menu2 {top:888px;} body.welcome #quick_menu2.fixed {top:auto;bottom:0;} /* #quick_menu2.opened.fixed {background-color:transparent;height:0;} #quick_menu2.opened.fixed .quick_goods {visibility:hidden;opacity:1;transform:translate(0,50px);} #quick_menu2.opened.fixed .btn_quick_open a {border-color:#5e6b9e;} */ .quick_contents {line-height:16px;} .quick_contents h2 {text-align:center;margin:10px 0;color:#103a74;font-size:12px;font-family:dotum;line-height:16px;} .quick_contents a {color:#777;text-decoration:none;line-height:16px!important;} .quick_contents a:visited {color:#777;} .quick_contents a:hover {color:#555;text-decoration:none;} .quick_contents .quick_banner {} .quick_contents .quick_banner li {border:1px solid #d2d2d2;margin-bottom:2px;transition:all 0.2s;} .quick_contents .quick_banner li:hover {border-color:#aaa;} .quick_contents .quick_banner li img {max-width:100%;} .quick_contents .quick_banner li.popup {} .quick_contents .quick_banner li.popup .layer {visibility:hidden;opacity:0;transform:scale(0.7,0.7);transition:all 0.3s;position:absolute;right:218px;width:720px;bottom:60px;text-align:right;box-shadow:3px 3px 10px rgba(0,0,0,0.3);} .quick_contents .quick_banner li.popup .layer .btn_close {position:absolute;right:-56px;top:0;} .quick_contents .quick_banner li.popup.on .layer {visibility:visible;opacity:1;transform:scale(1,1);} .quick_contents .btn_prev {position:absolute;left:534px;bottom:6px;width:15px;height:14px;padding:0;border:0;background:transparent url('http://image.kyobobook.co.kr/ink/images/gnb/btn_left.gif') no-repeat;cursor:pointer;overflow:hidden;text-indent:-500px;} .quick_contents .btn_next {position:absolute;left:548px;bottom:6px;width:15px;height:14px;padding:0;border:0;background:transparent url('http://image.kyobobook.co.kr/ink/images/gnb/btn_right.gif') no-repeat;cursor:pointer;overflow:hidden;text-indent:-500px;} .quick_contents .quick_goods {visibility:hidden;opacity:0;*visibility:visible;*display:none;position:absolute;right:63px;bottom:0;width:930px;height:50px;padding-left:20px;padding-right:25px;background-color:#5e6b9e;transition:all 0.2s;} .quick_contents .quick_goods .btn_close {position:absolute;left:0;top:0;} .quick_contents .quick_goods .btn_close a {display:block;width:20px;height:50px;font-size:0;color:transparent;background:#44528a url('http://image.kyobobook.co.kr/ink/images/gnb/nav6_btn_sprite.png') no-repeat -33px -21px;transition:all 0.2s;} .quick_contents .quick_goods .btn_close a:hover {background-color:#353f67;} .quick_contents .quick_goods h3 {position:absolute;visibility:hidden;} .quick_contents .quick_goods_list {position:relative;padding:6px 20px 5px;color:#fff;} .quick_contents .quick_goods_list ul {*zoom:1;} .quick_contents .quick_goods_list ul:after {content:'';display:block;clear:both;} .quick_contents .quick_goods_list ul li {float:left;width:37px;margin-right:13px;position:relative;} .quick_contents .quick_goods_list ul li img {width:27px;height:39px;vertical-align:top;} .quick_contents .quick_goods_list ul li .btn_delete {position:absolute;left:30px;top:0;} .quick_contents .quick_goods_list ul li .btn_delete img {width:7px;height:7px;border:none;} .quick_contents .quick_goods .quick_ad {position:absolute;right:25px;bottom:0;} .quick_contents .quick_goods .quick_ad img {width:240px;height:84px;} /* @media print{ #quick_menu2 {display:none;} } */ </style>  <div id="quick_menu2"> <h2 class="quick_label">바로가기</h2> <div class="quick_contents">     <ul class="quick_banner" id="quick_banner"> <li> <a href="http://www.kyobobook.co.kr/prom/2019/general/190529_nonstop.jsp?orderClick=dot" target="_blank"><img src="https://simage.kyobobook.co.kr/ink/images/welcome/sample/sample_banner_15.jpg" alt="우측 확장형 배너 2" /></a> </li> <li> <a href="http://gift.kyobobook.co.kr/ht/hot/eventDetail?eventId=71950&orderClick=do7" ><img src="https://simage.kyobobook.co.kr/newimages/giftshop_new/work/1141/1611202609774_61_114.jpg" alt="우측 확장형 배너 2" /></a> </li> </ul>   <div class="btn_quick_top"><a href="#Top">TOP</a></div> <div class="btn_quick_down"><a href="#Down">DOWN</a></div>  <div class="btn_quick_open"><a href="#" title="최근 본 상품">최근 본 상품 <small><span id="nowseeTotCnt">0</span></small> <span class="btn_open">열기</span></a></div> <div class="quick_goods"> <h3 class="on">최근 본 상품</h3> <div class="quick_goods_list"> <ul> </ul> </div>   <div class="quick_ad"> <iframe src="http://imac.kyobobook.co.kr/html/INK/ink_wel_2016/ink_wel_2016@wel_12" title="배너광고" width="200" height="81" frameborder="0" scrolling="no" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" allowtransparency="true"></iframe> </div>  <div class="btn_close"><a href="#">닫기</a></div> </div> <script type="text/javascript"> (function($){ $(document).ready(function(){ /* 최근 본 상품 삭제 스크립트 참고용 */ $('.quick_goods_list .btn_delete').click(function(e){ e.preventDefault(); if( $(this).closest('.quick_goods_list').find('li:visible').length == 1 ){ $(this).closest('.quick_goods_list').find('li').prevAll().slice(0,2).show(); } else { $(this).closest('.quick_goods_list').find('li:visible:last').next().show(); } $(this).closest('li').remove(); //checkNextQuick( $('#quick_menu2 .quick_goods .quick_goods_list:visible') ); /* 최근 본 상품 목록 쿠키값 제어 */ document.deleteForm.target="deleteNowSeeFrm"; document.deleteForm.action="http://www.kyobobook.co.kr/common/deleteNowSee.laf"; document.deleteForm.barcode.value=jQuery(this).attr("barcode"); document.deleteForm.ejkGb.value=jQuery(this).attr("ejkGb"); document.deleteForm.submit(); /* 최근 본 상품 목록 쿠키값 제어 */ }); /* 최근본 상품 삭제 스크립트 참고용 */ }); })(jQuery); </script>    </div> </div>  <script type="text/javascript"> (function($){ /* 상품목록 탐색 */ /* function checkNextQuick(target){ if( target.find('li:visible:last').next().size() ){ target.find('.btn_next').fadeTo(0,1); } else { target.find('.btn_next').fadeTo(0,.3); } if( target.find('li:visible:first').prev().size() ){ target.find('.btn_prev').fadeTo(0,1); } else { target.find('.btn_prev').fadeTo(0,.3); } } $('.quick_goods_list .btn_next').click( function(){ if( $(this).closest('.quick_goods_list').find('li:visible:last').next().size() ) $(this).closest('.quick_goods_list').find('li:visible').hide().filter(':last').nextAll().slice(0,10).show(); checkNextQuick( $(this).closest('.quick_goods_list') ); } ); $('.quick_goods_list .btn_prev').click( function(){ if( $(this).closest('.quick_goods_list').find('li:visible:first').prev().size() ) $(this).closest('.quick_goods_list').find('li:visible').hide().filter(':first').prevAll().slice(0,10).show(); checkNextQuick( $(this).closest('.quick_goods_list') ); } ); $(function(){ checkNextQuick( $('#quick_menu2 .quick_goods .quick_goods_list:visible') ); }); */ /* 최근 본 상품 */ $('.quick_goods_list').each(function(){ if ( $(this).find('li').size() == 0 ) $(this).append('<div style="padding-top:14px;">최근 본 상품이 없습니다.</div>'); }); $('#quick_menu2 .btn_quick_open a, #quick_menu2 .quick_goods .btn_close a').click(function(e){ e.preventDefault(); $('#quick_menu2').toggleClass('opened'); }); // Top/Down 버튼 $('#quick_menu2 .btn_quick_top').click(function(e){ e.preventDefault(); $('body, html').animate({ scrollTop: 0 }, 200); }); $('#quick_menu2 .btn_quick_down').click(function(e){ e.preventDefault(); $('body, html').animate({ scrollTop: $(document).height() - $(window).height() }, 200); }); // 레이어 팝업 $('.quick_banner .popup .btn_open').click(function(e){ e.preventDefault(); $(this).closest('.popup').toggleClass('on').siblings('.popup').removeClass('on'); $('.quick_banner .popup .layer img').each(function(){ if( $(this).attr('data-original') && $(this).attr('src') != $(this).attr('data-original') ){ $(this).attr('src', $(this).attr('data-original') ).removeAttr('data-original'); } }); }); $('.quick_banner .popup .btn_close').click(function(e){ e.preventDefault(); $(this).closest('.popup').toggleClass('on'); }); // 헤더와 겹침 방지 var $header = $('#header_gnb').size()?$('#header_gnb'):$('#header'); var $wrapper = $('#quick_menu2').parent(); $(window).bind('load scroll resize',function(){ var st = $(this).scrollTop(); var wh = $(this).height(); var qh = $('#quick_menu2 .quick_contents').height(); var ht = $header.offset().top; var hh = $header.outerHeight(); var fix = $wrapper.css('position') == 'relative' ? $wrapper.offset().top : 0; var t1 = ht + hh + 15 - fix; var t2 = st + wh - qh - fix; t1 = $('body').is('.welcome')||$('#wing_ad2').size()?t1+683:t1; // 웰컴 메인배너, 검색 날개배너와 겹침 방지 if($('body').is('.bookcast')) t1 += 299; // 북캐스트 if($('body').is('.bookcast.home')) t1 += 1319 - 299; // 북캐스트 홈 var isTop = t2 < t1; if($(this).width()<1126){ $('#quick_menu2').removeClass('fixed').css('top',isTop?t1:t2); }else{ $('#quick_menu2').toggleClass('fixed',!isTop).css('top',isTop?t1:'auto'); } }); })(jQuery); </script> <form name="deleteForm" method="post"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> </form> <iframe name="deleteNowSeeFrm" frameborder="0" width="0" height="0" title="최근본상품 삭제"></iframe>  <script type="text/javascript"> (function() { var nl = document.createElement('script'); nl.type = 'text/javascript'; nl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.kyobobook.co.kr/js/datastory.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nl, s); var done = false; nl.onload = nl.onreadystatechange = function() { if ( !done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") ) { done = true; // _n_sid 값 별로 로그파일이 생성이 됩니다. if(location.href.indexOf("http://order.kyobobook.co.kr") == 0){ // 통합주문 _n_sid = "order.kyobobook.co.kr"; // 통합주문 }else{ _n_sid = document.domain; // 분석대상 사이트 도메인명을 입력하세요 } _n_uid_cookie = "WNO"; // 사이트 내에서 사용하는 회원ID(또는 회원번호) 쿠키명을 입력하시면 됩니다. n_logging(); nl.onload = nl.onreadystatechange = null; } } })(); </script>  <script type="text/javascript"> var mode = ""; var wccAllow = false; if(mode == ""){ // 인교/통주에서 호출할때 wccAllow = true; }else if(mode == "ETC"){ // 제휴사이트에서 호출할때 var whitelist = new Array ("music.kyobobook.co.kr", "gift.kyobobook.co.kr"); // 음반/기프트만 허용 for(var i=0; i<= whitelist.length; i++){ if(document.domain.indexOf(whitelist[i]) > -1){ wccAllow = true; break; } } } if(wccAllow){ if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_453f4415ebcb"; if (!_nasa) var _nasa={}; wcs_do(_nasa); } </script>  </div> <iframe id="myAuthor" name="myAuthor" width="0" height="0" title="관심작가추가하기" style="display:none"></iframe> <iframe id="iframecart" name="iframecart" width="0" height="0" title="장바구니" style="display:none"></iframe> <iframe id="iframeEbookCart" name="iframeEbookCart" width="0" height="0" title="eBook 장바구니" style="display:none"></iframe> <iframe id="HiddenActionFrame" name="HiddenActionFrame" width="0" height="0" title="빈프레임" style="display:none"></iframe> <iframe id="namuIt2Frm" name="namuIt2Frm" width="0" height="0" title="분석소스" style="display:none"></iframe> <form id="proCartOneForm" name="proCartOneForm" action="/cart/cartAdd.laf" method="post"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty"> <input type="hidden" name="eventId"/> <input type="hidden" name="Kc"> <input type="hidden" name="cartType"/> </form> <form id="ebookCartForm" name="ebookCartForm" method="post" action="http://www.kyobobook.co.kr/cart/cartAdd.laf"> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="indexCnt"/> <input type="hidden" name="cartType"/> <input type="hidden" name="barcode"/> <input type="hidden" name="ejkGb"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="indexCnt"/> <input type="hidden" name="cartType"/> </form> <form id="recommForm" name="recommForm" method="post" action="/mail/recommandMailForm.laf"> <input type="hidden" name="windowGb" value="NORMAL"/> <input type="hidden" name="barcode" value=""/> <input type="hidden" name="ejkGb" value=""/> <input type="hidden" name="sendNm" value=""/> <input type="hidden" name="sendEmail" value=""/> <input type="hidden" name="recvNm" value=""/> <input type="hidden" name="recvEmail" value=""/> <input type="hidden" name="memo" value=""/> </form> <form id="booktrendSms" name="booktrendSms" method="post"> <input type="hidden" name="phone" value=""/> <input type="hidden" name="memno" value=""/> <input type="hidden" name="barcode" value=""/> </form>  <form name="preCalForm" method="post" action="/product/PreEstimation.laf?orderClick=JCR"> <input type="hidden" name="barcode" value="9788975607547"/> <input type="hidden" name="ejkGb" value="KOR"/> <input type="hidden" name="saveAmt" value="1190"/> <input type="hidden" name="bookNm" value="HTML CSS 자바스크립트 무작정따라하기(동영상과 280개 예제로 배우는)(CD1장포함)(무작정 따라하기 183)"/> <input type="hidden" name="salePri" value="21420"/> <input type="hidden" name="couponYn" value="false"/> <input type="hidden" name="pubCd" value="00947"/> <input type="hidden" name="freeSendYn" value="true"/> <input type="hidden" name="statusCode" value="2"/> <input type="hidden" name="pubymdGb" value="N"/> <input type="hidden" name="orderCouponYn" value="Y"/> <input type="hidden" name="qty" value="1"/> <input type="hidden" name="subBookNm1" value=""/> </form> <form id="qnaForm" name="qnaForm" method="post"> <input type="hidden" name="barcode" value="9788975607547" /> <input type="hidden" name="ejkGb" value="KOR" /> <input type="hidden" name="ejkNm" value="" /> <input type="hidden" name="authorNm" value="고경희" /> <input type="hidden" name="pubNm" value="길벗" /> <input type="hidden" name="bookNm" value="HTML CSS 자바스크립트 무작정따라하기(동영상과 280개 예제로 배우는)(CD1장포함)(무작정 따라하기 183)" /> </form> <form id="namuIt2" name="namuIt2" method="post"> <input type="hidden" name="pc" value="9788975607547"/> <input type="hidden" name="pt" value="331403"/> <input type="hidden" name="so" value=""/> <input type="hidden" name="mp" value="9788975607547_21420_1"/> <input type="hidden" name="ps" value="21420"/> <input type="hidden" name="pa" value=""/> </form> <form id="multiPopupFrm" name="multiPopupFrm" method="post"> <input type="hidden" name="pageGb" value="KOR"/> <input type="hidden" name="popupMode" value=""/>  <input type="hidden" name="docId" value=""/> <input type="hidden" name="query" value=""/>   <input type="hidden" name="ejkGb" value="KOR"/> <input type="hidden" name="sortColumn" value="recommend_cnt"/>   <input type="hidden" name="barcode" value="9788975607547"/>   <input type="hidden" name="sBarcode" value="7000000066338"/>   <input type="hidden" name="aBarcode" value="7000000044592"/>   <input type="hidden" name="bBarcode" value=""/>  </form> <form id="subjectForm" name="subjectForm" method="post"> <input type="hidden" name="vPtagSearch" value=""/> <input type="hidden" name="vPstrKeyWord" value=""/> <input type="hidden" name="vPsKeywordInfo" value=""/> <input type="hidden" name="vPoutSearch" value=""/> <input type="hidden" name="vPcondition" value=""/> <input type="hidden" name="vPorderClick" value=""/> <input type="hidden" name="vPstrCategory" value=""/> </form> <script type="text/javascript"> (function($){ $(window).load(function(){ $.ajax({ url : "/product/clickInfo.laf", type : "post", data : {mallGb:"KOR",ejkGb:"KOR",barcode:"9788975607547",orderClick:"",device:"PC WEB", author:"%B0%ED%B0%E6%C8%F1", linkClass:"%C4%C4%C7%BB%C5%CD%2FIT", productNm:"HTML+CSS+%C0%DA%B9%D9%BD%BA%C5%A9%B8%B3%C6%AE+%B9%AB%C0%DB%C1%A4%B5%FB%B6%F3%C7%CF%B1%E2%28%B5%BF%BF%B5%BB%F3%B0%FA+280%B0%B3+%BF%B9%C1%A6%B7%CE+%B9%E8%BF%EC%B4%C2%29%28CD1%C0%E5%C6%F7%C7%D4%29%28%B9%AB%C0%DB%C1%A4+%B5%FB%B6%F3%C7%CF%B1%E2+183%29", coverYn:"Y"}, datatype : "json", success : function(result, status){ }, error : function(xhr, status, error){ } }); }); })(jQuery); </script> </body> </html>

자동로그인 안내

메뉴 전체보기

스페셜 코너

스페셜 코너

서비스 안내

스페셜코너

스페셜 코너

스페셜 코너

추천

컨텐츠

클래스

스페셜 코너

동영상과 280개 예제로 배우는 HTML CSS 자바스크립트 무작정따라하기

키워드 Pick

가격정보

배송정보

이 책을 구매하신 분들이 함께 구매하신 상품입니다 KOR (개인)

책소개

이 책이 속한 분야

이 책의 시리즈

이 책의 총서

상세이미지

목차