HTML5 + CSS3 + 자바스크립트의 정석 책 가격비교

책 이미지

책 정보

· 제목 : HTML5 + CSS3 + 자바스크립트의 정석 (HTML5 필수 API로 배우는 차세대 웹 프로그래밍)
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
· ISBN : 9788960773233
· 쪽수 : 544쪽

책 소개

HTML5, CSS3, 자바스크립트를 활용한 웹 프로그래밍의 정도(正道)를 설명하는 책. 자바스크립트에 대한 기본적인 설명을 시작으로 필수 API에 대해 실전 예제를 중심으로 총 16장에 걸쳐 단계별로 명쾌하게 풀어간다.

1장 HTML5 문서
___기본 구성
___구조
______독타입
______
______
______
______
______<BR> ______<link><BR> ___바디 구조<BR> ______구성<BR> ______<header><BR> ______<nav><BR> ______<section><BR> ______<aside><BR> ______<footer><BR> ___바디 내부 <BR> ______<article><BR> ______<hgroup><BR> ______<figure>와 <figcaption><BR> ___신/구 요소<BR> ______<mark><BR> ______<small><BR> ______<cite><BR> ______<address><BR> ______<time><BR> ___定石: HTML5 문서<BR> <BR> 2장 CSS 스타일과 박스 모델<BR> ___CSS와 HTML<BR> ___스타일과 구조<BR> ______블록 요소<BR> ______박스 모델<BR> ___스타일에 대한 기본 사항<BR> ______인라인 스타일<BR> ______임베디드 스타일<BR> ______외부 파일<BR> ______참조<BR> ______키워드로 참조<BR> ______id 속성으로 참조<BR> ______클래스 속성으로 참조<BR> ______임의의 속성으로 참조<BR> ______유사 클래스로 참조<BR> ______새로운 선택자<BR> ___템플릿에 CSS 적용<BR> ___전통적인 박스 모델<BR> ______템플릿 <BR> ______범용 선택자 *<BR> ______새로운 제목 계층구조<BR> ______새로운 HTML5 요소 선언<BR> ______바디 중앙 정렬<BR> ______메인 박스 생성<BR> ______헤더<BR> ______내비게이션바<BR> ______섹션과 사이드바<BR> ______푸터<BR> ______마무리 작업<BR> ______박스 크기<BR> ___유연한 박스 모델<BR> ___유연한 박스 모델 이해<BR> ______display<BR> ______box-orient<BR> ______box-direction<BR> ______box-ordinal-group<BR> ______box-pack<BR> ______box-flex<BR> ______box-align<BR> ___定石: CSS 스타일과 박스 모델<BR> ______유연한 박스 모델<BR> ______유사 클래스와 선택자<BR> <BR> 3장 CSS3 프로퍼티<BR> ___새로운 규칙<BR> ______CSS3가 미쳤어요!<BR> ______템플릿<BR> ______border-radius<BR> ______box-shadow <BR> ______text-shadow<BR> ______@font-face<BR> ______선형 그라디언트<BR> ______원형 그라디언트<BR> ______RGBA<BR> ______HSLA<BR> ______outline<BR> ______border-image<BR> ______변형과 전환<BR> ______transform: scale<BR> ______transform: rotate<BR> ______transform: skew<BR> ______transform: translate<BR> ______일괄 변형 <BR> ______동적 변형<BR> ______전환<BR> ___定石: CSS3 프로퍼티<BR> <BR> 4장 자바스크립트<BR> ___자바스크립트의 연관성<BR> ___자바스크립트 통합<BR> ______인라인<BR> ______내장<BR> ______외부 파일<BR> ___새로운 선택자<BR> ______querySelector()<BR> ______querySelectorAll()<BR> ___이벤트 핸들러<BR> ______인라인 이벤트 핸들러<BR> ______프로퍼티로서의___ 이벤트 핸들러<BR> ______addEventListener() 메소드<BR> ___API<BR> ______캔버스 API<BR> ______드래그 앤드 드롭 API<BR> ______지오로케이션 API<BR> ______스토리지 API<BR> ______파일 API<BR> ______커뮤니케이션API<BR> ______웹 워커API<BR> ______히스토리API<BR> ______오프라인API<BR> ___외부 라이브러리<BR> ______제이쿼리<BR> ______구글 지도<BR> ___定石: 자바스크립트<BR> ______요소<BR> ______선택자<BR> ______이벤트<BR> ______API<BR> <BR> 5장 비디오와 오디오<BR> ___HTML5를 이용한 비디오 재생<BR> ______<video> 요소<BR> ______<video> 속성<BR> ___비디오 플레이어 제작<BR> ______디자인<BR> ______코드 <BR> ______이벤트<BR> ______메소드 <BR> ______프로퍼티<BR> ______코드 동작<BR> ___비디오 포맷<BR> ___HTML5를 이용한 오디오 재생<BR> ______<audio> 요소<BR> ___오디오 플레이어 프로그래밍<BR> ___定石: 비디오와 오디오<BR> ______요소<BR> ______속성<BR> ______비디오 속성<BR> ______이벤트<BR> ______메소드<BR> ______프로퍼티<BR> <BR> 6장 폼과 폼 API<BR> ___HTML5 웹 폼<BR> ______<form> 요소<BR> ______<input> 요소<BR> ______email 타입<BR> ______search 타입<BR> ______url 타입<BR> ______tel 타입<BR> ______number 타입<BR> ______range 타입<BR> ______date 타입<BR> ______week 타입<BR> ______month 타입<BR> ______time 타입<BR> ______datetime 타입<BR> ______datetime-local 타입<BR> ______color 타입<BR> ___새로운 속성<BR> ______placeholder 속성<BR> ______required 속성<BR> ______multiple 속성<BR> ______autofocus 속성<BR> ______pattern 속성<BR> ______form 속성<BR> ___새로운 폼 요소<BR> ______<datalist> 요소<BR> ______<progress> 요소<BR> ______<meter> 요소<BR> ______<output> 요소<BR> ___폼 API<BR> ______setCustomValidity()<BR> ______Invalid 이벤트<BR> ______실시간 유효성 검증<BR> ______유효성 제약조건 <BR> ______willValidate <BR> ___定石: 폼과 폼 API<BR> ______타입<BR> ______속성<BR> ______요소<BR> ______메소드<BR> ______이벤트<BR> ______상태<BR> <BR> 7장 캔버스 API<BR> ___캔버스 준비<BR> ______<canvas> 요소<BR> ______getContext()<BR> ___캔버스에 그리기<BR> ______사각형 그리기<BR> ______색상<BR> ______그라디언트<BR> ______패스 생성<BR> ______선 스타일<BR> ______텍스트<BR> ______그림자<BR> ______변환 <BR> ______상태 복구<BR> ______globalCompositeOperation<BR> ___이미지 처리<BR> ______drawImage()<BR> ______이미지 데이터<BR> ______패턴<BR> ___애니메이션<BR> ___비디오 처리<BR> ___定石: 캔버스 API<BR> ______메소드<BR> ______프로퍼티<BR> <BR> 8장 드래그 앤 드롭 API<BR> ___웹에서의 드래그 앤 드롭<BR> ______새로운 이벤트<BR> ______dataTransfer<BR> ______dragenter, dragleave, dragend<BR> ______유효한 소스 선택<BR> ______setDragImage()<BR> ______파일 <BR> ___定石: 드래그 앤 드롭 API<BR> ______이벤트<BR> ______메소드 <BR> ______프로퍼티<BR> <BR> 9장 지오로케이션 API<BR> ___위치 찾기<BR> ______getCurrentPosition(location)<BR> ______getCurrentPosition(location, error)<BR> ______getCurrentPosition(location, error, configuration)<BR> ______watchPosition(location, error, configuration)<BR> ______구글 지도 사용<BR> ___定石: 지오로케이션 API<BR> ______메소드<BR> ______객체<BR> <BR> 10장 웹 스토리지 API<BR> ___두 가지 스토리지 시스템<BR> ___sessionStorage<BR> ______데이터 스토리지 구현<BR> ______데이터 생성<BR> ______데이터 조회<BR> ______데이터 삭제<BR> ___localStorage<BR> ______스토리지 이벤트<BR> ______스토리지 공간<BR> ___定石: 웹 스토리지 API<BR> ______스토리지 형태<BR> ______메소드<BR> ______프로퍼티<BR> ______이벤트<BR> <BR> 11장 IndexedDB API<BR> ___로우레벨 API<BR> ______데이터베이스<BR> ______객체와 객체 저장소<BR> ______인덱스<BR> ______트랜잭션<BR> ______객체 저장소 메소드<BR> ___IndexedDB 구현<BR> ______템플릿<BR> ______데이터베이스 열기<BR> ______데이터베이스 버전<BR> ______객체 저장소와 인덱스<BR> ______객체 추가<BR> ______객체 조회<BR> ______코드 종료와 테스트<BR> ___데이터 목록<BR> ______커서<BR> ______순서 변경<BR> ___데이터 삭제<BR> ___데이터 검색<BR> ___定石: IndexedDB API<BR> ______환경 인터페이스(IDBEnvironment와 IDBFactory)<BR> ______데이터베이스 인터페이스(IDBDatabase)<BR> ______객체 저장소 인터페이스(IDBObjectStore)<BR> ______커서 인터페이스(IDBCursor)<BR> ______트랜잭션 인터페이스(IDBTransaction)<BR> ______범위 인터페이스(IDBKeyRangeConstructors)<BR> ______에러 인터페이스(IDBDatabaseException)<BR> <BR> 12장 파일 API<BR> ___파일 스토리지<BR> ___사용자의 파일 처리<BR> ______템플릿<BR> ______파일 읽기<BR> ______파일 프로퍼티<BR> ______블롭<BR> ______이벤트<BR> ___파일 생성<BR> ______템플릿<BR> ______하드 드라이브<BR> ______파일 생성<BR> ______디렉터리 생성 <BR> ______파일 목록<BR> ______파일 처리<BR> ______이동<BR> ______복사<BR> ______삭제<BR> ___파일 콘텐츠<BR> ______콘텐츠 작성<BR> ______콘텐츠 추가<BR> ______콘텐츠 읽기<BR> ___실제 파일 시스템<BR> ___定石: 파일 API<BR> ______Blob 인터페이스(파일 API)<BR> ______File 인터페이스(파일 API)<BR> ______FileReader 인터페이스(파일 API)<BR> ______LocalFileSystem 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______FileSystem 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______Entry 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______DirectoryEntry 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______DirectoryRead___er 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______FileEntry 인터페이스(파일 API: 디렉터리와 시스템)<BR> ______BlobBuilder 인터페이스(파일 API: 라이터)<BR> ______FileWriter 인터페이스(파일 API: 라이터)<BR> ______FileError 인터페이스(파일 API와 확장)<BR> <BR> 13장 커뮤니케이션 API<BR> ___에이잭스 레벨 2<BR> ______데이터 조회<BR> ______응답 프로퍼티<BR> ______이벤트<BR> ______데이터 전송<BR> ______크로스 근원 요청<BR> ______파일 업로드<BR> ______실제 애플리케이션<BR> ___크로스 도큐먼트 메시징<BR> ______생성자<BR> ______메시지 이벤트와 프로퍼티<BR> ______메시지 전송<BR> ______필터와 크로스 근원<BR> ___웹 소켓<BR> ______WS 서버 설정<BR> ______생성자<BR> ______메소드 <BR> ______프로퍼티 <BR> ______이벤트<BR> ______템플릿<BR> ______통신 시작<BR> ______전체 애플리케이션<BR> ___定石: 커뮤니케이션 API<BR> ______XMLHttpRequest 레벨 2<BR> ______웹 메시징 API<BR> ______웹소켓 API<BR> <BR> 14장 웹 워커 API<BR> ___고난이도 작업<BR> ______워커 생성<BR> ______메시지 송수신<BR> ______에러 검출<BR> ______워커 종료<BR> ______동기식 API<BR> ______스크립트 임포트<BR> ______공유 워커<BR> ___定石: 웹 워커 API<BR> ______워커 <BR> ______전용 워커<BR> ______공유 워커 <BR> <BR> 15장 히스토리 API<BR> ___히스토리 인터페이스<BR> ______웹 내비게이션<BR> ______새로운 메소드<BR> ______가짜 URL<BR> ______추적<BR> ______실전 예제<BR> ___定石: 히스토리 API<BR> <BR> 16장 오프라인 API<BR> ___캐시 매니페스트<BR> ______매니페스트 파일<BR> ______카테고리<BR> ______주석<BR> ______매니페스트 파일 사용<BR> ___오프라인 API<BR> ______에러<BR> ______온라인과 오프라인<BR> ______캐시 처리<BR> ______진행<BR> ______캐시 업데이트<BR> ___定石: 오프라인 API<BR> ______매니페스트 파일<BR> ______프로퍼티<BR> ______이벤트<BR> ______메소드<BR> <BR> 맺음말<BR> ___세계를 위한 작업<BR> ______대안<BR> ______모더나이저<BR> ______라이브러리<BR> ______구글 크롬 프레임<BR> ___클라우드를 위한 작업<BR> ___최종 권고<BR> </p></div> </div> <div id="tab4" class="tab-content"> <em class="anchor" id="bookAuthor"></em> <h3>저자소개</h3> <div id="innerAuthor" class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="min-height: 40px;"> <span class="author-name">J.D. 고샤 (지은이)</span> <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@2454260&partner=bookprice">정보 더보기</a><br/> <div id="author-info" class="indent">프리랜서 웹 프로그래머이자 세계 시장에서 기회를 발굴하기 위해 최선을 다하는 기업가다. 지난 10년간 다수의 프로젝트에 참여했으며 HTML, CSS, PHP, 자바스크립트에 관한 기사를 기고했다. 현재는 최신 기술로 구현한 웹과 웹 애플리케이션 개발에 주력하고 있다.</div> </div> <div class="authInfo-more"><span>펼치기</span><i class="i-more"></i></div> <div style="margin:10px 0px 10px 0px;"> <div class="clear"></div> </div><div class="clear"></div> </div> <div id="innerAuthor" class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="min-height: 40px;"> <span class="author-name">홍영표 (옮긴이)</span> <a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@2220057&partner=bookprice">정보 더보기</a><br/> <div id="author-info" class="indent">카이스트 경영대학에서 정보경영 석사과정을 졸업했으며 현재 금융회사에 재직 중이다. 저서로는 『기술, 경영을 만나다』(에이콘, 2016)가 있으며, 옮긴 책으로는 에이콘출판사에서 출간한 『아이폰&아이패드 인 액션』(2011), 『Professional iPhone and iPad Database Application Programming 한국어판』(2012), 『HTML5+CSS3+자바스크립트의 정석』(2012), 『HTML & CSS』(2012), 『The Modern Web』(2014), 『타입스크립트 디자인 패턴』(2017)과 『스프링 인 액션(제3판)』(제이펍, 2012), 『제이콥 닐슨의 모바일 사용성 컨설팅 보고서』(제이펍, 2013)가 있다.</div> </div> <div class="authInfo-more"><span>펼치기</span><i class="i-more"></i></div> <div style="margin:10px 0px 10px 0px;"> <div style="margin-top: 5px; font-weight: bold;">홍영표의 다른 책 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791161756288"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791161756288.jpg" alt=" Quantitative Economics with R" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> Quantitative Economics with R</div> <div class="related-author">비크람 다얄 , 홍영표 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791161753522"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791161753522.jpg" alt=" 데이터 과학자를 위한 금융 분석 총론" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 데이터 과학자를 위한 금융 분석 총론</div> <div class="related-author">마크 베넷, 더크 휴겐 , 홍영표, 오승훈 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791161750842"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791161750842.jpg" alt=" R고 하는 금융 분석" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> R고 하는 금융 분석</div> <div class="related-author">파람 지트, 프라샨트 바츠 , 홍영표, 오승훈 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788960779914"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9788960779914.jpg" alt=" 타입스크립트 디자인 패턴" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 타입스크립트 디자인 패턴</div> <div class="related-author">빌릭 베인 , 홍영표 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788960778955"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9788960778955.jpg" alt=" 기술, 경영을 만나다" onerror="this.src='./img/prepare.png'"></div> <div class="related-title"> 기술, 경영을 만나다</div> <div class="related-author">홍영표, 오승훈, 양상근 </div> </a> </div> <div class="clear"></div> </div><div class="clear"></div> </div> </div> <div id="tab5" class="tab-content"> <em class="anchor" id="bookReview"></em> <h3>리뷰</h3> <div class="content-inner" > <a target="_blank" rel="noreferrer" href="https://blog.aladin.co.kr/763197103/5765465?partner=bookprice"> <div class="review-box"> <div id="writer">net****</div> <div id="star">★★★★★<span style="color:black">(10)</span></div> <div id="review">([100자평]책 제목이 그냥 정석은 아니군요. 최근 새로운 부서로 ...)</div> <div id="expand">자세히</div><div class="clear"></div> </div> </a> <a target="_blank" rel="noreferrer" href="https://blog.aladin.co.kr/776237116/6023858?partner=bookprice"> <div class="review-box"> <div id="writer">joy****</div> <div id="star">★★★☆☆<span style="color:black">(6)</span></div> <div id="review">([100자평]내용의 깊이보다 넓게 기술한 것에 중점을 두었다.)</div> <div id="expand">자세히</div><div class="clear"></div> </div> </a> </div> </div> <div id="tab7" class="tab-content"> <em class="anchor" id="bookRelate"></em> <h3>추천도서</h3> <div class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="font-weight:bold;">분야의 베스트셀러 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791191998276"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791191998276.jpg" alt="아이들의 화면 속에선 무슨 일이 벌어지고 있는가 - 중독과 저항, 새로운 정체성의 관문" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">아이들의 화면 속에선 무슨 일이 벌어지고 있는가 - 중독과 저항, 새로운 정체성의 관문</div> <div class="related-author">김지윤 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791169212427"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791169212427.jpg" alt="켄트 벡의 Tidy First? 세트 - 전2권 - 더 나은 소프트웨어 설계를 위한 32가지 코드 정리법" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">켄트 벡의 Tidy First? 세트 - 전2권 - 더 나은 소프트웨어 설계를 위한 32가지 코드 정리법</div> <div class="related-author">켄트 벡 , 안영회 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791169212182"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791169212182.jpg" alt="챗GPT API를 활용한 챗봇 만들기 - : 5일만에 배우는 AI 챗봇 개발의 모든것(LLM,프롬프트 엔지니어링, 오픈AI API, 에이전트, 벡터DB)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">챗GPT API를 활용한 챗봇 만들기 - : 5일만에 배우는 AI 챗봇 개발의 모든것(LLM,프롬프트 엔지니어링, 오픈AI API, 에이전트, 벡터DB)</div> <div class="related-author">이승우 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791140708598"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791140708598.jpg" alt="랭체인으로 LLM 기반의 AI 서비스 개발하기 - 현직 AI Specialist에게 배우는 RAG! 랭체인, 오픈AI API, 스트림릿으로 8가지 서비스 구현까지" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">랭체인으로 LLM 기반의 AI 서비스 개발하기 - 현직 AI Specialist에게 배우는 RAG! 랭체인, 오픈AI API, 스트림릿으로 8가지 서비스 구현까지</div> <div class="related-author">서지영 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791189909604"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791189909604.jpg" alt="디자인, 이것만 알면 쉬워져요 with 63가지 LESSON - 레이아웃 원칙부터 배색, 타이포그래피, 인쇄, UX까지 완성도 높은 디자인의 비결" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">디자인, 이것만 알면 쉬워져요 with 63가지 LESSON - 레이아웃 원칙부터 배색, 타이포그래피, 인쇄, UX까지 완성도 높은 디자인의 비결</div> <div class="related-author">요네쿠라 아키오, 이쿠타 신이치, 아오야나기 치사토(베이컨) , 최재원 </div> </a> </div> <div class="clear"></div> </div> <div class="content-inner" style="border: 1px solid #ececec; border-radius: 5px; margin-bottom:30px; padding: 5px;"> <div style="font-weight:bold;">분야의 신간도서 > </div> <div class="related"> <a href="/compare.jsp?isbn=9791141078850"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791141078850.jpg" alt="예술 인공지능을 만나다 - 예술가를 위한 ChatGPT 활용 전략" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">예술 인공지능을 만나다 - 예술가를 위한 ChatGPT 활용 전략</div> <div class="related-author">신석근 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791169212366"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791169212366.jpg" alt="한 권으로 배우는 도커 & 쿠버네티스 - 컨테이너 개념부터 쿠버네티스를 활용한 배포까지" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">한 권으로 배우는 도커 & 쿠버네티스 - 컨테이너 개념부터 쿠버네티스를 활용한 배포까지</div> <div class="related-author">장철원 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791156001799"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791156001799.jpg" alt="인과관계 추론과 발견 with Python - 실제 사례를 접목한 이론서, 한국어판" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">인과관계 추론과 발견 with Python - 실제 사례를 접목한 이론서, 한국어판</div> <div class="related-author">Aleksander Molak , 김민경, 김수환 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9791156001843"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9791156001843.jpg" alt="3D 딥러닝 with python - PyTorch3D 등을 사용하여 3D 데이터로 컴퓨터 비전 모델 설계/개발 (한국어판)" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">3D 딥러닝 with python - PyTorch3D 등을 사용하여 3D 데이터로 컴퓨터 비전 모델 설계/개발 (한국어판)</div> <div class="related-author">Xudong Ma, Vishakh Hegde, Lilit Yolyan , 서정용, 송재숙 </div> </a> </div> <div class="related"> <a href="/compare.jsp?isbn=9788927773870"> <div class="related-img"><img class="lazy" data-src="/img_thumb/9788927773870.jpg" alt="2024 원큐패스 ISMS-P 인증심사원 자격검정 실전모의고사 - 최신 개인정보보호법 완벽 반영" onerror="this.src='./img/prepare.png'"></div> <div class="related-title">2024 원큐패스 ISMS-P 인증심사원 자격검정 실전모의고사 - 최신 개인정보보호법 완벽 반영</div> <div class="related-author">김창중, 한종빈, 오명선, 강용훈, 오세현, 김정한, 최형욱, 허아람, 강태우, 장준덕, 최성희, 변준엽 </div> </a> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> <div class="supply-coupang">이 포스팅은 쿠팡 파트너스 활동의 일환으로,</div> <div class="supply-coupang">이에 따른 일정액의 수수료를 제공받습니다.</div> <div class="supply">도서 DB 제공 : 알라딘 서점(www.aladin.co.kr)</div> </div> <div class="clear"></div> </div> <style> .right-side { position:fixed; left: calc(50% + 600px); top: calc(25%); } #recent-list { position: relative; border: 1px solid #e3e5e8; width: 100px; max-height: 525px; z-index: 9999; border-radius: 5px; } #recent-list.on { top: auto; bottom: 204px; z-index: 1; } .right-side.on { top: auto; bottom: 150px; z-index: 1; } .view-all { margin: 2px 0 3px 5px; padding: 5px 0; font-size: 12px; font-weight: bold; } .view-all a{ color: #5d5959; } @media (max-width: 1170px){ .right-side {display: none;} .top-anchor {display: block;} } </style> <script> $(window).scroll(function() { if ($(this).scrollTop() > 500) { $('.top-anchor').fadeIn(100); } else { $('.top-anchor').fadeOut(100); } }); $(window).on('scroll resize onResize', function() { var sT = $(window).scrollTop(); var val = $(document).height() - $(window).height() - $('.copyright').outerHeight(); if(sT >= val){ $('.right-side').addClass('on'); } else { $('.right-side').removeClass('on'); } }); </script> <div class="right-side"> <div id="recent-list"> <div style="font-weight:bold; color: #528996; font-size: 14px; padding: 5px; border-bottom: 1px solid #ececec">최근 본 책</div> </div> <div class="top-anchor" style="display: none; width: 34px; height: 44px; margin-top:10px; background-image:url('./img/gotop.png'); background-size: 34px 44px; cursor:pointer;" onclick="window.scrollTo(0,0);"></div> </div> <div class="clear"></div>  </section> <style> footer {height: 120px} .logo-footer {float:left; margin: 45px 30px 30px 150px;} .content-footer {margin: 20px 0px 0px 60px; float: left} .copyright {display: block; text-align: left; padding: 0px; margin: 0px 0px 15px 0px; line-height: 22px;} .footer-nav {float: left; padding:2px 0px; font-size: 14px; margin: 10px 0px 15px 0px; font-weight: bold;} .footer-nav::after {content: "|"; display: block; float: right; padding: 0px 40px; color: #d9d9d9; font-size: 13px;} .footer-nav:nth-child(3)::after {content: ""; padding: 0px;} .footer-nav:nth-child(1) {padding-left: 0px;} .footer-nav:nth-child(3) {color: #767676} @media (max-width: 1170px){ footer {border-top: 2px solid #cbeaf1;} .container .copyright {display: block; margin-left: 0px !important;} .container .logo-footer {display: none;} .container .content-footer {margin: 0 auto; width: 670px; float: none} .container .privacy {margin-top: -10px !important; font-size: 12px !important; float:none !important; text-align: center;} } @media (max-width: 800px){ .container .copyright .copyright_li {font-size: 10px; display: none;} .container .content-footer {float: right; width: 100%} .container .content-footer ul {text-align: center;} .container .content-footer .footer-nav {float: none; display: inline-block;} .footer-nav:nth-child(1)::before {content: "";} } @media (max-width: 700px){ footer {height: 60px;} .container .content-footer {width: 270px; margin: 10px auto; float: none; line-height: 10px; } .container .content-footer .footer-nav{ font-size: 11px; margin: 5px 0px; display: inline-block; float: none;} .container .content-footer .footer-nav:nth-child(2)::after{display: none;} } </style> <footer> <div class="container"> <div class="logo-footer"> <img style="width: 200px; height:27px;"src="./img/logo_left.png" alt="logo"> </div> <div class="content-footer"> <ul> <li class="footer-nav"><a href="./board/question.jsp">문의하기</a> <li class="footer-nav"><a href="./privacy.jsp">개인정보처리방침</a></li> <li class="footer-nav">Copyright 2021 BOOKPRICE All rights reserved</li> </ul> <ul class="copyright"> <li class="copyright_li">(주)인터버드 | 대표이사 : 성낙복 | 주소: 부산광역시 영도구 절영로71 멀티미디어 지원센터 301호<li> <li class="copyright_li">사업자등록번호: 602-81-25941 | 통신판매업 신고 번호: 2003-부산영도-0052</li> </ul> </div> <div class="clear"></div> </div> </footer> </div> <script> document.addEventListener('DOMContentLoaded', function () { let lazyloadImages = document.querySelectorAll('img.lazy'); let lazyloadThrottleTimeout; function lazyload() { if (lazyloadThrottleTimeout) { clearTimeout(lazyloadThrottleTimeout); } lazyloadThrottleTimeout = setTimeout(function () { let scrollTop = window.pageYOffset; Array.prototype.forEach.call(lazyloadImages, function (img,index) { if(img.offsetParent!=null){ if (img.offsetParent.offsetTop < window.innerHeight + scrollTop) { img.src = img.dataset.src; img.classList.remove('lazy'); } } }); if (lazyloadImages.length === 0) { document.removeEventListener('scroll', lazyload); window.removeEventListener('resize', lazyload); window.removeEventListener('orientationChange', lazyload); window.removeEventListener('load', lazyload); } }, 20); } document.addEventListener('scroll', lazyload); window.addEventListener('resize', lazyload); window.addEventListener('orientationChange', lazyload); window.addEventListener('load', lazyload); }); $(document).ready(function(){ $("#new_tb").on("click", "tbody .tr2", function(event){ const clickTarget = event.target.parentNode.getAttribute('onclick'); const params = {"target": clickTarget, "sid": '', isbn: '9788960773233', ua: navigator.userAgent, t: "new"} Clicker(params); }) $("#used_tb").on("click", "tbody .tr4", function(event){ const clickTarget = event.target.parentNode.getAttribute('onclick'); const params = {"target": clickTarget, "sid": '', isbn: '9788960773233', ua: navigator.userAgent, t: "used"} Clicker(params); }) $('#tab4 #innerAuthor').each(function (){ var aa= $(this).children().find("#author-info")[0].scrollHeight; var bb = $(this).children().find("#author-info").innerHeight(); if(aa > bb) { $(this).children(".authInfo-more").css("display","block"); } }); $('.authInfo-more').click(function(){ var more = $(this).parent().children().children('#author-info'); if(more.css("-webkit-line-clamp") != "3"){ more.css("-webkit-line-clamp","3"); $(this).children('.i-more').css("transform","rotate(360deg)"); $(this).children('span').text("펼치기"); } else { more.css("-webkit-line-clamp","initial"); $(this).children('.i-more').css("transform","rotate(180deg)"); $(this).children('span').text("접기"); } }); $(window).on('scroll resize onResize', function() { if($( window ).width() > 700){ if($(document).scrollTop() >= $('.content').offset().top-100){ $('.tab').removeClass('tab-fix-mo'); $('.tab').addClass('tab-fix'); // $('header').css('height','103px'); } else { $('.tab').removeClass('tab-fix'); $('.tab').removeClass('tab-fix-mo'); } } else { if($(document).scrollTop() >= $('.content').offset().top-82){ $('.tab').removeClass('tab-fix'); $('.tab').addClass('tab-fix-mo'); } else { $('.tab').removeClass('tab-fix-mo'); $('.tab').removeClass('tab-fix'); } } }); $(window).on('scroll resize onResize', function() { $('.tab-content').each(function() { if($(window).scrollTop()>=$(this).offset().top-100){ var text = $(this).children("h3").text(); $('.tab a div').removeClass('tab-select'); $('.tab a div:contains('+text+')').addClass('tab-select'); } else if ($(window).scrollTop()+1 >= $(document).height() - $(window).height()){ $('.tab a div').removeClass('tab-select'); $('.tab a div').last().addClass('tab-select'); } }); }); $('.tab div').click(function(){ var index = $('.tab div').index(this) $('.tab div').removeClass('tab-select'); $('.tab div').removeClass('tab-select'); $(this).addClass('tab-select'); $('.tab div:eq('+index+')').addClass('tab-select'); }); if('false'!='true'){ ajaxNew('9788960773233','ko','30000','0','HTML5 + CSS3 + 자바스크립트의 정석','0','0','null','J.D. 고샤'); ajaxUsed('9788960773233','0','0','','0','0','','0','0','18032143'); } if(document.querySelector('#amzn_assoc_ad_div_adunit0_0')!=null){ setTimeout(function(){ const oversea = document.getElementsByClassName('oversea'); const amzAds = document.getElementById('amzn-native-ad-0'); if(amzAds.style.display != 'block'){$('.oversea').html("등록된 직구도서 정보가 없습니다.");} }, 2000); } else if(document.querySelector('.oversea')!=null){ $('.oversea').html("등록된 직구도서 정보가 없습니다."); } }); function Clicker(params){ $.ajax({ type: "post", url: "./ajax/ajax_clicker.jsp", data: params, dataType: "html", contentType: "application/x-www-form-urlencoded; charset:UTF-8", cache: true, timeout: 600000, //10분 success: function(data) { }, error: function(){ console.log("cliker error"); }, complete: function(){ } }); } document.querySelector('#book-thumb_img').addEventListener("click",(e)=>{ e.preventDefault(); let link = document.querySelector('#new_tb .tr2').getAttribute("onclick"); if(link) { link = link.substring(link.indexOf("(")+2, link.indexOf(")")-1); window.open(link); } }); document.querySelector('.detail').addEventListener("click",(e)=>{ const isbn = e.target.getAttribute("data-id"); window.open(`/img_thumb/${isbn}.jpg`); }); </script> </body>          </html>

서점	할인가	할인률	배송비	혜택/추가	실질최저가	구매하기
	27,000원	-10%	0원	1,500원	25,500원	>

서점	정가	할인가	마일리지	실질최저가	구매하기

HTML5 + CSS3 + 자바스크립트의 정석

(HTML5 필수 API로 배우는 차세대 웹 프로그래밍)

일반도서

중고도서

e-Book

책 이미지

책 정보

책 소개

목차