본문내용 바로가기
MD의선택 무료배송 소득공제

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

CD1장포함 | 무작정 따라하기 183
고경희 지음 | 길벗 | 2008년 06월 23일 출간
  • 정가 : 23,800원
    판매가 : 21,420 [10%↓ 2,380원 할인]
  • 통합포인트 :
    [기본적립] 1,190원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 도서상태 : 절판
상품상세정보
ISBN 9788975607547(8975607542)
쪽수 486쪽
크기 210 * 297 mm 판형알림

책소개

이 책이 속한 분야

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

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

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

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

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

이 책의 시리즈

시리즈 자세히 보기

이 책의 총서

총서 자세히 보기

상세이미지

HTML CSS 자바스크립트 무작정따라하기(동영상과 280개 예제로 배우는)(CD1장포함)(무작정 따라하기 183) 도서 상세이미지

저자소개

저자가 속한 분야

고경희 고경희

홍익대학교 공과대학 전산과 및 동 대학원 졸업

현) 마이크로소프트 윈도우 비스타 공인 베타테스터
Adobe 유저 그룹 매니저
한국디지털대학교 웹 기초(HTML) 분야 강사

컴퓨터 활용 및 웹 프로그래밍 정보에 대한 다양한 의견을 개진하는
Webguru(http://www.webguru.pe.kr) 운영

저서)
《인터넷 무작정 따라하기》
《테마가 있는 HTML&CSS 무작정 따라하기》
《드림위버 8 무작정 따라하기》
《제로보드 무작정 따라하기》
《윈도우 비스타 무작정 따라하기》
《회사에서 바로 통하는 파워포인트 2007》

목차

머리말
베타테스터들의 말말말!
이 책의 구성
부록 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> <!-- *** //e:목차 *** --> <!-- *** s:출판사 서평 *** --> <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> <!-- *** //e:출판사 서평 *** --> <!-- *** //e:Contents - 목차/책 속으로/출판사 서평 *** --> <!-- *** s:Contents - 오늘의 책 - 카드뉴스 추가 *** --> <script language="javascript" src="http://image.kyobobook.co.kr/ink/js/sns_today.js"></script> <!-- *** //e:Contents - 오늘의 책 - 카드뉴스 추가 *** --> </div> <!-- *** //e:.box_detail_content - 상품정보 *** --> <!-- *** s:상품정보 스크립트 *** --> <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> <!-- *** //e:상품정보 스크립트 *** --> <!-- *** //e:Contents - 상품정보 *** --> <!-- *** s:.tab_detail_content - 회원리뷰 *** --> <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> <!-- *** //e:.tab_detail_content - 회원리뷰 *** --> <!-- *** s:Contents - 회원리뷰 *** --> <!-- *** s:.box_detail_content - 회원리뷰 *** --> <div class="box_detail_content"> <!-- *** s:북로그 리뷰 상세 *** --> <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"> <span style="letter-spacing:-0.05em;"><strong>도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.</strong><br> 결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원<br>(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.<br>외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)</span> <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> <!-- *** s:회원리뷰 더보기 Animation처리 script *** --> <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> <!-- *** //e:회원리뷰 더보기 Animation처리 script *** --> <!-- *** //e:북로그 리뷰 상세 *** --> <!-- *** s:간단리뷰 영역 *** --> <div id="review_simple"></div> <!-- *** s:klover 리뷰 상세 *** --> <!-- 16-07-28 Klover 간단리뷰/평점 --> <!-- Klover 간단리뷰/평점 --> <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> <!-- *** s:간단리뷰 script *** --> <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> <!-- *** //e:간단리뷰 script *** --> <!-- *** //e:klover 리뷰 상세 *** --> <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> <!-- 18-10-08 문장수집 포인트 안내 추가 --> <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> <!-- //18-10-08 문장수집 포인트 안내 추가 --> </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> <!-- *** e:간단리뷰 영역 *** --> </div> <!-- *** //e:.box_detail_content - 회원리뷰 *** --> <!-- *** //e:Contents - 회원리뷰 *** --> <!-- *** s:.tab_detail_content - 교환/반품/품절 *** --> <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> <!-- *** //e:.tab_detail_content - 교환/반품/품절 *** --> <!-- *** s:Contents - 교환/반품/품절 *** --> <!-- *** s:.box_detail_content - 교환/반품/품절 *** --> <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> <!-- *** //e:.box_detail_content - 교환/반품/품절 *** --> <!-- *** //e:Contents - 교환/반품/품절 *** --> <!-- *** s:2016. 10. 17. 기프트 상품 추가 - 장충성 --> <!-- 16-10-10 기프트 상품 --> <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><!-- //16-10-28 추가 --> <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=8809569843033&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1117/hot1575878375595.jpg" alt=" TGD 더 스마트 무선충전 다이어리 보조배터리" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit"> TGD 더 스마트 무선충전 다이어리 보조배터리</span> <span class="item_sale_price">29,800</span> <span class="item_per">(40%↓)</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="8809569843033"/> <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=8809569843033&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=2310040891727&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1420/hot1571033022510.jpg" alt="슈맥스 1.7L 티포트 커피포트 분유포트 포트 RU-890TP" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">슈맥스 1.7L 티포트 커피포트 분유포트 포트 RU-890TP</span> <span class="item_sale_price">29,900</span> <span class="item_per">(57%↓)</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="2310040891727"/> <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=2310040891727&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=2310040601340&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1461/hot1560238038751.jpg" alt="[2+1] [카멜] 전자노트 카멜보드 12인치 CB1210" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[2+1] [카멜] 전자노트 카멜보드 12인치 CB1210</span> <span class="item_sale_price">16,900</span> <span class="item_per">(11%↓)</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="2310040601340"/> <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=2310040601340&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=2315003584326&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1833/hot1564538889431.png" alt="음주측정기 AlcoScan AL8800" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">음주측정기 AlcoScan AL8800</span> <span class="item_sale_price">89,000</span> <span class="item_per">(10%↓)</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="2315003584326"/> <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=2315003584326&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=2310041019519&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1550/hot1573520643992.jpg" alt="[정관장] 홍삼보력 30포" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">[정관장] 홍삼보력 30포</span> <span class="item_sale_price">36,900</span> <span class="item_per">(62%↓)</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="2310041019519"/> <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=2310041019519&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=2315001115065&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1341/hot1560825655721.jpg" alt="4 in 1 충전 케이블 [8핀X2&C타입&마이크로 5핀]" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">4 in 1 충전 케이블 [8핀X2&C타입&마이크로 5핀]</span> <span class="item_sale_price">10,600</span> <span class="item_per">(39%↓)</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="2315001115065"/> <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=2315001115065&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=2310040744627&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1424/hot1567588507248.jpg" alt="듀팟 LED 라이트 3개 세트 (부착형/ 리모컨 포함)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">듀팟 LED 라이트 3개 세트 (부착형/ 리모컨 포함)</span> <span class="item_sale_price">6,900</span> <span class="item_per">(72%↓)</span> </a> <form name="giftItemListForm7" 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="2310040744627"/> <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=2310040744627&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=2310040938217&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1939/hot1571988264590.jpg" alt="FX 153 볼펜(0.5)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">FX 153 볼펜(0.5)</span> <span class="item_sale_price">1,350</span> <span class="item_per">(10%↓)</span> </a> <form name="giftItemListForm8" 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="2310040938217"/> <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=2310040938217&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=2310036417221&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1448/hot1553225891670.jpg" alt="스타빌로 스윙쿨 파스텔 144 (파스텔펜)" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">스타빌로 스윙쿨 파스텔 144 (파스텔펜)</span> <span class="item_sale_price">1,100</span> <span class="item_per">(26%↓)</span> </a> <form name="giftItemListForm9" 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="2310036417221"/> <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=2310036417221&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=2310037562258&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1349/hot1538359116832.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">9,900</span> <span class="item_per">(34%↓)</span> </a> <form name="giftItemListForm10" 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="2310037562258"/> <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=2310037562258&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=8809611675643&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1887/hot1576023172315.jpg" alt="AHC 에이지리스 리얼 아이크림 포 페이스" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">AHC 에이지리스 리얼 아이크림 포 페이스</span> <span class="item_sale_price">1,700</span> <span class="item_per">(79%↓)</span> </a> <form name="giftItemListForm11" 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="8809611675643"/> <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=8809611675643&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=2310041108213&orderClick=JAp"> <span class="item_img"><img src="http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1082/hot1575880472218.jpg" alt="2019 크리스마스 테이블탑 미니우드트리" onerror="this.src='http://image.kyobobook.co.kr/newimages/apps/b2c/product/Noimage_s.gif'" /></span> <span class="item_tit">2019 크리스마스 테이블탑 미니우드트리</span> <span class="item_sale_price">7,000</span> <span class="item_per">(53%↓)</span> </a> <form name="giftItemListForm12" 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="2310041108213"/> <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=2310041108213&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> <!-- //16-10-10 기프트 상품 --> <script type="text/javascript"> (function($){ var gift = $("#giftProducts .event_list ul"); var total = gift.children("li").size(); var random = Math.floor(Math.random()*total); gift.children("li:gt("+random+")").appendTo(gift); $("#giftProducts .btn_next").click(function(){ gift.children("li:first").appendTo(gift); }); $("#giftProducts .btn_prev").click(function(){ gift.children("li:last").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> <!-- *** e:2016. 10. 17. 기프트 상품 추가 - 장충성 --> <!-- *** //e:상세정보 *** --> </div> <div class="content_right"> <!-- *** s:연관 상품정보(Right) 광고영역 *** --> <div class="ad_detail01"> <!-- *** s:국내도서 배너영역 *** --> <script src='http://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> <!-- *** //e:국내도서 배너영역 *** --> </div> <!-- *** //e:연관 상품정보(Right) 광고영역 *** --> <!-- *** s:연관 상품정보(Right) *** --> <!-- *** s:이 분야의 베스트 *** --> <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=9791160509762&orderClick=JAI"> <strong class="rank">1</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/762/m9791160509762.jpg" alt="정보처리기사 필기(2020)(시나공)" 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=9791160509762&orderClick=JAI"> 정보처리기사 필기(2020)(시나공) </a> </div> <div class="author"> 길벗알앤디 </div> <div class="price">27,900원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="27,900"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791160509762"; _A_pn[_ace_countvar]="정보처리기사 필기(2020)(시나공)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162241882&orderClick=JAI"> <strong class="rank">2</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/882/m9791162241882.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=9791162241882&orderClick=JAI"> 혼자 공부하는 파이썬 </a> </div> <div class="author"> 윤인성 </div> <div class="price">16,200원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="16,200"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791162241882"; _A_pn[_ace_countvar]="혼자 공부하는 파이썬"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162667903&orderClick=JAI"> <strong class="rank">3</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/903/m9791162667903.jpg" alt="해커스 전산회계 1급 이론+실기+기출문제(2019)(개정판)" 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=9791162667903&orderClick=JAI"> 해커스 전산회계 1급 이론+실기+기출문제(2019)(개정판) </a> </div> <div class="author"> 이남호 </div> <div class="price">23,310원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="23,310"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791162667903"; _A_pn[_ace_countvar]="해커스 전산회계 1급 이론+실기+기출문제(2019)(개정판)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791162668870&orderClick=JAI"> <strong class="rank">4</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/870/m9791162668870.jpg" alt="해커스 전산세무 2급 이론+실기+기출문제(2019)(개정판)" 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=9791162668870&orderClick=JAI"> 해커스 전산세무 2급 이론+실기+기출문제(2019)(개정판) </a> </div> <div class="author"> 이남호 </div> <div class="price">23,310원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="23,310"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791162668870"; _A_pn[_ace_countvar]="해커스 전산세무 2급 이론+실기+기출문제(2019)(개정판)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791160500790&orderClick=JAI"> <strong class="rank">5</strong> <img src="http://image.kyobobook.co.kr/images/book/medium/790/m9791160500790.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=9791160500790&orderClick=JAI"> 직장인을 위한 실무 엑셀(개정판) </a> </div> <div class="author"> 선양미 </div> <div class="price">18,900원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="18,900"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791160500790"; _A_pn[_ace_countvar]="직장인을 위한 실무 엑셀(개정판)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> </ul> <a class="btn_more" href="/bestseller/bestSeller.laf?mallGb=KOR&linkClass=33&cateDivYn=Y&range=0&kind=0&Kc=KDMRBEbestseller">더보기+</a> </div> <!-- *** //e:이 분야의 베스트 *** --> <!-- *** s:이 분야의 신간 *** --> <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=9791160509762"> <img src="http://image.kyobobook.co.kr/images/book/medium/762/m9791160509762.jpg" alt="정보처리기사 필기(2020)(시나공)" 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=9791160509762"> 정보처리기사 필기(2020)(시나공) </a> </div> <div class="author"> 길벗알앤디 </div> <div class="price">27,900원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="27,900"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791160509762"; _A_pn[_ace_countvar]="정보처리기사 필기(2020)(시나공)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9788947545228"> <img src="http://image.kyobobook.co.kr/images/book/medium/228/m9788947545228.jpg" alt="딥러닝 레볼루션(양장본 HardCover)" 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=9788947545228"> 딥러닝 레볼루션(양장본 HardCover) </a> </div> <div class="author"> 테런스 J. 세즈노스키 </div> <div class="price">22,500원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="22,500"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9788947545228"; _A_pn[_ace_countvar]="딥러닝 레볼루션(양장본 HardCover)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791127853693"> <img src="http://image.kyobobook.co.kr/images/book/medium/693/m9791127853693.jpg" alt="프린세스 커넥트! Re:Dive 공식 공략 팬북" 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=9791127853693"> 프린세스 커넥트! Re:Dive 공식 공략 팬북 </a> </div> <div class="author"> 다카라지마사 </div> <div class="price">9,900원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="9,900"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791127853693"; _A_pn[_ace_countvar]="프린세스 커넥트! Re:Dive 공식 공략 팬북"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9788965402602"> <img src="http://image.kyobobook.co.kr/images/book/medium/602/m9788965402602.jpg" alt="스프링 부트와 AWS로 혼자 구현하는 웹 서비스" 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=9788965402602"> 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 </a> </div> <div class="author"> 이동욱 </div> <div class="price">19,800원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="19,800"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9788965402602"; _A_pn[_ace_countvar]="스프링 부트와 AWS로 혼자 구현하는 웹 서비스"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </li> <li> <div class="cover"> <a href="http://www.kyobobook.co.kr/product/detailViewKor.laf?mallGb=KOR&ejkGb=KOR&barcode=9791160509465"> <img src="http://image.kyobobook.co.kr/images/book/medium/465/m9791160509465.jpg" alt="시나공 컴퓨터활용능력 1급 필기(2020)(시나공기본서 19)" 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=9791160509465"> 시나공 컴퓨터활용능력 1급 필기(2020)(시나공기본서 19) </a> </div> <div class="author"> 길벗R&D </div> <div class="price">27,000원</div> <script type="text/javascript"> _A_amt[_ace_countvar]="27,000"; _A_nl[_ace_countvar]="1"; _A_pl[_ace_countvar]="9791160509465"; _A_pn[_ace_countvar]="시나공 컴퓨터활용능력 1급 필기(2020)(시나공기본서 19)"; _A_ct[_ace_countvar]=""; _ace_countvar++; </script> </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> <!-- *** //e:이 분야의 신간 *** --> <!-- *** //e:연관 상품정보(Right) *** --> </div> </div> <!-- //e:.content_middle --> <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; // $('#detailFixedTab').css('top', thisFinish - scrollTop < thisHeight ? thisFinish - scrollTop - thisHeight : 0 ); } // if( idx == 0 ) $('#detailFixedTab .btn_order').text( thisStart + ' ' + scrollTop + ' ' + thisFinish ); }); if(!tabActive) $('#detailFixedTab').hide(); }); })(jQuery); </script> <!-- IE7 버그 패치 --> <!--[if lte IE 7 ]> <script type="text/javascript"> (function($){ var total = $('.popup_load').size(); $('.popup_load').each(function(idx){ $(this).css('z-index',300+total-idx); }); $('.box_detail_content .title_detail_basic:first-child').addClass('title_detail_first'); })(jQuery); </script> <![endif]--> <!-- // IE7 버그 패치 --> </div> <!-- //e:#Container --> </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;} #footer .footer_con .mark_isms a{display:inline-block;padding:10px 0 0 52px;height:38px;font-size:11px;line-height:15px;color:#666;background:url('http://image.kyobobook.co.kr/ink/images/common/mark_isms.png') no-repeat 0 0;} /* 기프트 */ #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/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> <li><a href="http://www.kyobobook.co.kr/contents/sitemap.jsp?orderClick=rXm">서비스 전체보기</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('http://image.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.kyobobldg.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="http://www.sbnet.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://info.hottracks.co.kr/company/main" target="_blank" title="새 창 열림">핫트랙스</a></li> <li><a href="http://www.kyoboacademy.co.kr" target="_blank" title="새 창 열림">교보아카데미</a></li> <!-- <li><a href="http://www.andamc.com" target="_blank" title="새 창 열림">A&D신용정보</a></li> --> <!-- <li><a href="http://www.readingcoach.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=358,height=278');return false;" title="새 창 열림">서비스 가입 확인</a><br /> 고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다. </p> </div> <div class="mark_isms"> <a href="http://www.kyobobook.co.kr/pop_isms.html" onclick="window.open(this.href,'mark_isms','width=600,height=855');return false;">정보보호관리체계<br /> ISMS 인증획득</a> </div> </div> </div> <script type="text/javascript"> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } </script> <!-- s:퀵메뉴 영역 --> <!-- 퀵메뉴 --> <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"> <!-- *** s:(자동화)퀵메뉴 상단배너 *** --> <!-- #####wel_RightBanner_START##### --> <!-- #####wel_RightBanner_START##### --> <!-- 출판사 캐스트 --> <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=65610&orderClick=do7" ><img src="https://simage.kyobobook.co.kr/newimages/giftshop_new/work/1141/1576131005290_61_114.jpg" alt="우측 확장형 배너 2" /></a> </li> </ul> <!-- #####wel_RightBanner_END##### --> <!-- *** //e:(자동화)퀵메뉴 상단배너 *** --> <div class="btn_quick_top"><a href="#Top">TOP</a></div> <div class="btn_quick_down"><a href="#Down">DOWN</a></div> <!-- s:(고정)최근 본 상품 --> <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> <!-- s:(고정)퀵메뉴배너 --> <!--웰컴 메인배너 --> <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> <!-- //e:(고정)퀵메뉴배너--> <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> <!-- //e:(고정)최근 본 상품 --> <!-- *** s:(자동화)퀵메뉴 상단배너 *** --> <!-- *** //e:(자동화)퀵메뉴 상단배너 *** --> </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> <!-- //e:퀵메뉴 영역 --> <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/wl6.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> <noscript><img src='http://kyobobook.loginside.co.kr:8080/?uid=1&je=n&' border="0" width="0" height="0" alt=""/></noscript> <script type="text/javascript"> var host = window.location.host; if(host != null && (host.indexOf("www.kyobobook.co.kr") == 0 || host.indexOf("order.kyobobook.co.kr") == 0)){ var code = ''; if(host.indexOf("www.kyobobook.co.kr") == 0){ code = '41c3247060'; }else if(host.indexOf("order.kyobobook.co.kr") == 0){ code = '935b3ef9ea'; } (function(w, d, a){ w.__beusablerumclient__ = { load : function(src){ var b = d.createElement("script"); b.src = src; b.async=true; b.type = "text/javascript"; d.getElementsByTagName("head")[0].appendChild(b); } };w.__beusablerumclient__.load(a); })(window, document, '//rum.beusable.net/script/b190418e233458u50/' + code); } </script> <!-- naver keword analyzer 201402--> <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> <!-- naver keword analyzer 201402--> </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=""/> <!-- s:본문검색(내서) --> <input type="hidden" name="docId" value=""/> <input type="hidden" name="query" value=""/> <!-- //e:본문검색(내서) --> <!-- s:회원리뷰 --> <input type="hidden" name="ejkGb" value="KOR"/> <input type="hidden" name="sortColumn" value="recommend_cnt"/> <!-- //e:회원리뷰 --> <!-- s:회원리뷰/책속의 한문장 --> <input type="hidden" name="barcode" value="9788975607547"/> <!-- //e:회원리뷰/책속의 한문장 --> <!-- s:이 책의 시리즈 --> <input type="hidden" name="sBarcode" value="7000000066338"/> <!-- //e:이 책의 시리즈 --> <!-- s:이 책의 총서 --> <input type="hidden" name="aBarcode" value="7000000044592"/> <!-- //e:이 책의 총서 --> <!-- s:이 책의 연관도서 --> <input type="hidden" name="bBarcode" value=""/> <!-- //e:이 책의 연관도서 --> </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>