저자 머리말
필드 어드바이저 머리말
워밍업
강의 계획표
숲과 나무 이야기
부록 CD 구성 및 강의 보조 자료
1부. 준비학습: 인터넷과 웹
1장. 인터넷 이해하기
01. 인터넷이란
02. 도메인명과 URL
03. 웹 페이지 동작 원리
04. 웹 문서 제작 표준 언어의 변천 과정
05. 웹 브라우저
요약
연습 문제/심화 연습 문제
2장. 홈페이지를 만들기 전에
01. 홈페이지 제작 목적과 제작 과정
02. 홈페이지 제작 관련 기술
03. 홈페이지 제작에 필요한 준비물
04. 어떤 웹 에디터를 사용할 것인가
05. 에디트플러스 설치와 환경설정
[실습] 에디트플러스 설치하기
[실습] 에디트플러스 환경설정하기
요약
연습 문제/심화 연습 문제
2부. 기본학습 1: HTML
3장. HTML 기본 구조와 태그
01. HTML 기본 구조
02. 에디트플러스에서 HTML 문서 제작해보기
[실습] HTML 문서 제작하기
03. HTML 태그 사용법
[실습] 태그 구성해보기
요약
연습 문제
4장. 문단, 컬러, 글꼴, 목록 태그 다루기
01. 문단 관련 태그
[실습] 문단 관련 태그 코딩해보기
02. 위지윅과 특수문자
[실습]
<![CDATA[, <UL>태그, <, >, 코딩해보기<BR>
03. <BODY>태그로 컬러 문서 만들기<BR>
[실습] 문서 전체에 색 입히기<BR>
04. 글꼴 관련 태그<BR>
[실습] 글꼴 꾸밈 태그 코딩해보기<BR>
05. 목록 관련 태그<BR>
[실습] 목록 관련 태그 코딩해보기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
[현장의 목소리] 전체를 볼 수 있는 안목을 키워라 <BR>
<BR>
5장. <IMG>태그로 그림 삽입하기<BR>
01. 홈페이지용 그림 활용법<BR>
[실습] 인터넷에 있는 그림 내 것으로 만들기<BR>
02. 그림 삽입 태그 <IMG><BR>
[실습] 그림 꾸미기<BR>
(CD) [실습] 조각 그림 짜 맞추기<BR>
03. 배경 그림 다루기<BR>
[실습] 배경 그림 삽입하기<BR>
[실습] 배경 그림 고정하기<BR>
04. 그림과 문자열의 어울림<BR>
[실습] 그림과 문자열의 어울림 실습하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
6장. <A>태그로 하이퍼링크 설정하기<BR>
01. 하이퍼링크 설정<BR>
[실습] 사이트 새 창으로 열기<BR>
02. 절대경로와 상대경로<BR>
[실습] 다른 폴더의 문서 링크걸기<BR>
03. 대상 창 설정법<BR>
[실습] 대상 창 설정법 두 가지<BR>
04. 책갈피<BR>
[실습] 같은 문서의 특정 위치로 이동하기<BR>
(CD) [실습] 다른 문서의 특정 위치로 이동하기<BR>
05. 이미지맵<BR>
[실습] 앨범처럼 그림에 링크걸기<BR>
[실습] 그림 하나에 여러 사이트 링크걸기<BR>
06. 모든 종류의 파일 링크<BR>
(CD) [실습] 음악감상실 만들기<BR>
(CD) [실습] 다운로드 자료실 만들기<BR>
(CD) [실습] 홈페이지에 이메일 연결하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
7장. <TABLE> 태그로 표 디자인하기<BR>
01. <TABLE> 태그 기본 사용법<BR>
[실습] 2행 2열의 표 만들기<BR>
02. 기본 태그 속성 살펴보기<BR>
[실습] <TABLE>, <TR>, <TD>, <TH> 태그에 적용할 수 있는 속성 코딩해보기<BR>
[실습] <TABLE> 태그의 속성 코딩해보기<BR>
(CD) [실습] 얇은 가로선만 표시하기<BR>
[실습] <TR>, <TD> 태그의 속성 코딩해보기<BR>
03. 실습으로 <TABLE> 태그 사용법 익히기<BR>
[실습] 해상도와 관계 없이 항상 브라우저의 중앙에 보이게 하기<BR>
[실습] 달력 테두리 모양 다양하게 꾸며보기<BR>
[실습] 나누기 힘들 땐 표를 중첩해서 사용한다<BR>
[실습] 분할된 그림 표로 짜 맞추기<BR>
(CD) [실습] 투명한 표 만들기<BR>
(CD) [실습] 다양한 모양의 선 그리기<BR>
(CD) [실습] 모서리가 둥근 표 만들기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
8장. 프레임 나누기<BR>
01. 프레임 개요<BR>
02. 프레임 관련 태그<BR>
[실습] 프레임 수직으로 나누기<BR>
[실습] 프레임 수평으로 나누기<BR>
[실습] 프레임 안에 프레임 분할하기<BR>
03. 원하는 프레임에 문서 보여주기<BR>
[실습] 오르골 홈페이지에 프레임 나누기<BR>
04. <IFRAME>태그로 독립적인 창 넣기<BR>
[실습] 꿈풀이 문서 만들기<BR>
(CD) 부모 프레임 안에 자식 프레임 종속시키기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
[현장의 목소리] 뿌리 없는 나무는 없다 <BR>
<BR>
9장. 재미있게 활용할 수 있는 태그<BR>
01. <EMBED> 태그<BR>
[실습] 오르골 음악감상실 만들기<BR>
[실습] 배경 음악 끝없이 흐르게 하기<BR>
(CD) [실습] 플래시 애니메이션 삽입하기<BR>
02. <MARQUEE> 태그<BR>
[실습] <MARQUEE> 태그를 이용해 시 감상하기<BR>
03. <META> 태그<BR>
[실습] 고양이 앨범 자동으로 보기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
10장. 폼 양식으로 회원전용 공간 만들기<BR>
01. 폼 관련 태그<BR>
[실습] 폼 양식 만들어보기<BR>
[실습] 회원가입 절차 4단계<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
[현장의 목소리] 고객의 요구가 최우선? <BR>
<BR>
<BR>
3부. 기본학습 2: CSS <BR>
<BR>
11장. CSS<BR>
01. CSS 개요와 삽입법<BR>
02. 선택자<BR>
03. 글꼴/문단 관련 스타일<BR>
[실습] 글꼴/문단 관련 스타일로 문자 디자인하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
12장. 배경 그림, 목록, 하이퍼링크 관련 스타일<BR>
01. 배경 그림 다루기<BR>
[실습] 배경 그림을 화면의 중앙에 한 번만 표시되도록 하기<BR>
02. 목록 꾸미기<BR>
03. 하이퍼링크 꾸미기<BR>
[실습] 하이퍼링크 문자에 다양한 스타일 적용해보기<BR>
04. 마우스 커서 모양<BR>
[실습] cursor 속성의 종류 알아보기<BR>
[실습] 하이퍼링크 속성과 커서 모양 변경해보기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
13장. 테두리, 폼 양식 관련 스타일과 레이어<BR>
01. 테두리 관련 스타일<BR>
[실습] 스타일로 표 디자인하기<BR>
02. 폼 양식 관련 스타일<BR>
[실습] 폼 양식에 다양한 스타일 적용해보기<BR>
03. 레이어<BR>
[실습] 레이어의 계층 구조와 좌표 값 이해하기<BR>
[실습] 인터넷 익스플로러 로고 만들기<BR>
[실습] 그림 자르기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
14장. 필터 효과와 CSS 활용하기<BR>
01. 포토샵을 대신하는 필터 효과<BR>
[실습] 사진에 필터 효과주기<BR>
[실습] 문자에 적용했을 때 효과적인 필터 확인해보기<BR>
02. CSS 활용하기<BR>
[실습] CSS 외부 파일 생성과 적용하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
<BR>
4부. 기본학습 3: 자바스크립트 <BR>
<BR>
15장. 자바스크립트<BR>
01.자바스크립트 개요<BR>
02.자바스크립트 사용법<BR>
[실습] 자바스크립트로 홈페이지 만들기<BR>
03.객체와 속성, 메소드<BR>
[실습] 방문자 화면 해상도 체크하기<BR>
04.이벤트와 이벤트핸들러<BR>
[실습] 홈페이지에 이벤트 발생시키기<BR>
[실습] 그림에 롤오버 효과주기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
16장. 변수, 연산자, 사용자 정의 함수<BR>
01. 변수<BR>
[실습] 변수를 활용해 소스 줄이기<BR>
02. 배열과 객체<BR>
[실습] 배열의 개수를 나타내는 length 속성 알아보기<BR>
[실습] 객체 조작문으로 롤오버 이미지 구현하기<BR>
03. 연산자<BR>
[실습] 시간 계산기 만들기<BR>
04. 사용자 정의 함수<BR>
[실습] 함수 두 개 만들어서 호출하기<BR>
[실습] 함수 하나로 다양하게 호출해보기<BR>
[실습] 덧셈 계산기 만들기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
[현장의 목소리] HTML 스크립터에서 프로젝트 관리자까지 <BR>
<BR>
17장. 제어문과 내장 함수<BR>
01. 제어문<BR>
[실습] IF 문으로 비밀번호 체크하기<BR>
[실습] FOR 문을 이용해 장미꽃 100송이 뿌려주기<BR>
02. 내장 함수<BR>
[실습] 간단한 계산기 만들기<BR>
[실습] 해상도에 따라 창 크기 조절하기<BR>
(CD) [실습] 미성년자 출입금지 사이트 만들기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
18장. window, screen, document, link, anchor 객체<BR>
01. window 객체<BR>
[실습] 이벤트 창 띄우기<BR>
[실습] 확대보기와 창 닫기<BR>
(CD) [실습] Remote Controler 제작하기<BR>
(CD) [실습] 문서 스크롤하기<BR>
02. screen 객체와 document 객체<BR>
[실습] 문서 없이 새 창 열기<BR>
03. link 객체와 anchor 객체<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
19장. navigator, history, location, string 객체<BR>
01. navigator 객체와 history 객체<BR>
[실습] 브라우저의 종류에 따라 경고 메시지 띄우기<BR>
[실습] 방문사이트 이동하기<BR>
02. location 객체와 string 객체<BR>
[실습] 내 홈페이지에 주소 입력줄 삽입하기<BR>
[실습]입력한 메일 주소의 형식 확인하기<BR>
[실습] 아이디 입력상자에 영문과 숫자만 입력되도록 설정하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
20장. Date, Array 객체<BR>
01. Date 객체<BR>
[실습] 오늘 날짜와 요일 표시하기<BR>
[실습] 그녀와 만난 날짜 계산하기<BR>
[실습] 동작되는 시계 삽입하기<BR>
02. Array 객체<BR>
[실습] 로딩 시 배너 랜덤하게 바꾸기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
21장. frame, image, event, math, layer 객체<BR>
01. frame 객체<BR>
[실습] 두 개의 프레임에서 동시에 문서 열기<BR>
02. image 객체<BR>
[실습] 롤오버 이미지 만들기<BR>
03. event 객체와 math 객체<BR>
[실습] 클릭 지점의 브라우저 좌표 값 표시하기<BR>
[실습] 접속할 때마다 다른 그림 보여주기<BR>
04. layer 객체<BR>
[실습] 반짝 설명글 보여주기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
22장. 폼 관련 객체<BR>
01. form 객체<BR>
[실습] 폼 양식의 name 속성 값 모두 출력하기<BR>
02. 입력상자, 체크상자, 라디오 버튼<BR>
[실습] 태그 연습장 만들기<BR>
[실습] 아이스크림으로 알아보는 심리테스트<BR>
03. 목록상자<BR>
[실습] 목록상자에 주소록 추가하기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
23장. 자바스크립트 활용하기<BR>
01. 스타일 제어<BR>
[실습] 버튼에 스타일 적용하기<BR>
02. 자바스크립트 활용하기<BR>
[실습] 앨범 단계별로 만들기<BR>
[실습] js 파일 생성과 적용하기<BR>
03. 자바스크립트 무작정 배껴쓰기<BR>
[실습] 마우스를 따라다니는 문자 만들기<BR>
요약<BR>
연습 문제/심화 연습 문제 <BR>
<BR>
[현장의 목소리] XML: HTML을 뛰어 넘어 <BR>
<BR>
<BR>
5부. 실전 프로젝트: 홈페이지 구축 <BR>
<BR>
24장. 시트콤 프렌즈 팬 사이트 구축하기<BR>
01. 홈페이지 계획<BR>
02. 홈페이지 구축<BR>
03. 홈페이지 배포와 관리<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">한민형 (지은이)</span>
<a class="author-more" rel="noreferrer" target="_blank" href="https://www.aladin.co.kr/author/wauthor_overview.aspx?AuthorSearch=@133648&partner=bookprice">정보 더보기</a><br/>
<div id="author-info" class="indent">원격교육, HCI, 프로젝트 관리 등에 관심을 가지고 있으며 최근에는 교육용 컨텐츠의 설계와 개발에 대해 연구하고 있다. 퍼듀대학교에서 수학과 전산학(B.A.)을 공부하고 뉴욕대학교 티쉬예술대학 대화형 통신학(ITP) 석사학위(M.P.S.)를 받았으며, 현재 용인대학교 멀티미디어학과에 교수로 재직 중이다.</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=9788998756895">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788998756895.jpg" alt=" 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript</div>
<div class="related-author">한민형, 주성례, 정선호 , 권원상</div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788979142402">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788979142402.jpg" alt=" 인터넷 프로그래밍 입문: HTML, CSS, JavaScript" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 인터넷 프로그래밍 입문: HTML, CSS, JavaScript</div>
<div class="related-author">한민형, 주성례, 정선호 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788995270905">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788995270905.jpg" alt=" The Web" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> The Web</div>
<div class="related-author">홍석기, 김경민, 장동훈, 김수정, 김태균, 이성식, 이종호, 한민형 </div>
</a>
</div>
<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=@140267&partner=bookprice">정보 더보기</a><br/>
<div id="author-info" class="indent">삼성, LG, 대우, 한국은행등에서 홈페이지 제작 과정, 나모, 드림위버등을 강의했고 온라인 교육 사이트 i-choongang에서 웹 디자인을 강의했다. 삼성항공 전산담당 강사로 근무했으며 현재 프리랜서 강사로 일하고 있다. 지은 책으로는 <OKOKOK 알찬 예제로 배우는 플래시 MX>등이 있다.</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=9788998756895">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788998756895.jpg" alt=" 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript</div>
<div class="related-author">한민형, 주성례, 정선호 , 권원상</div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788979142402">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788979142402.jpg" alt=" 인터넷 프로그래밍 입문: HTML, CSS, JavaScript" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 인터넷 프로그래밍 입문: HTML, CSS, JavaScript</div>
<div class="related-author">한민형, 주성례, 정선호 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788909081832">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788909081832.jpg" alt=" 포토샵 7" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 포토샵 7</div>
<div class="related-author">주성례 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788909078115">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788909078115.jpg" alt=" 플래시 MX" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 플래시 MX</div>
<div class="related-author">중앙교재편찬위, 주성례 </div>
</a>
</div>
<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=@180454&partner=bookprice">정보 더보기</a><br/>
<div id="author-info" class="indent">데이터베이스, 이미지/비디오 정보 검색을 전공하였고, 이학박사를 취득한 후 데이터베이스(오라클), 프로그래밍 언어(비주얼 베이직, 자바, 비주얼 C++), XML, 인터넷 등을 강의했다. (주)케이테크의 연구원을 지냈으며, 현재는 평택대학교 응용소프트웨어학과 교수로 재직 중이다.
『데이터베이스 개론』, 『비주얼 베이직 프로그래밍 입문』,『한번에 이해되는 나모웹에디터』외, 14권의 저서를 집필하였다.</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=9788970509020">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788970509020.jpg" alt=" 비주얼 베이직 2015" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 비주얼 베이직 2015</div>
<div class="related-author">정선호 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788998756895">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788998756895.jpg" alt=" 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> 인터넷 프로그래밍 입문 : HTML, CSS, JavaScript</div>
<div class="related-author">한민형, 주성례, 정선호 , 권원상</div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788992649483">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788992649483.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=9788992649445">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788992649445.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=9788983258328">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788983258328.jpg" alt=" MCAS Excel 2007" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title"> MCAS Excel 2007</div>
<div class="related-author">정선호 </div>
</a>
</div>
<div class="clear"></div>
</div><div class="clear"></div>
</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=9791194587330">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194587330.jpg" alt="업무와 일상을 정리하는 새로운 방법 노션 Notion - 생각 정리부터 업무 생산성, 협업 관리 도구를 노션 하나로!, 개정3판" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">업무와 일상을 정리하는 새로운 방법 노션 Notion - 생각 정리부터 업무 생산성, 협업 관리 도구를 노션 하나로!, 개정3판</div>
<div class="related-author">전시진 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788966264810">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788966264810.jpg" alt="#100일챌린지 - AI 시대, 가장 강력한 스펙은 하루 한 도전을 100일간 이어가는 힘이다" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">#100일챌린지 - AI 시대, 가장 강력한 스펙은 하루 한 도전을 100일간 이어가는 힘이다</div>
<div class="related-author">오츠카 아미 , 류두진 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9791194383116">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194383116.jpg" alt="이게 되네? 챗GPT 미친 활용법 71제 - 전면 개정 2판, 7배 더 빠르게, 7배 나은 퀄리티로 진짜 현업에 사용해온 일잘러 오대리의 ‘71가지 미친 업무 자동화’ with o3, 소라, 딥리서치, 프로젝트, 고급 음성모드, GPTs" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">이게 되네? 챗GPT 미친 활용법 71제 - 전면 개정 2판, 7배 더 빠르게, 7배 나은 퀄리티로 진짜 현업에 사용해온 일잘러 오대리의 ‘71가지 미친 업무 자동화’ with o3, 소라, 딥리서치, 프로젝트, 고급 음성모드, GPTs</div>
<div class="related-author">오힘찬 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9791169213608">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791169213608.jpg" alt="혼자 공부하는 머신러닝 + 딥러닝 - 케라스와 파이토치로 1:1 과외하듯 배우는 인공지능 자습서, 별책 용어노트, 저자 직강 유튜브 강의 제공" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">혼자 공부하는 머신러닝 + 딥러닝 - 케라스와 파이토치로 1:1 과외하듯 배우는 인공지능 자습서, 별책 용어노트, 저자 직강 유튜브 강의 제공</div>
<div class="related-author">박해선 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9791194587309">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791194587309.jpg" alt="한 번에 완성하는 AI 영상 제작 with 챗GPT+소라+브루 - 누구나 쉽게 시작하는 숏폼 & 애니메이션 영상 제작" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">한 번에 완성하는 AI 영상 제작 with 챗GPT+소라+브루 - 누구나 쉽게 시작하는 숏폼 & 애니메이션 영상 제작</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=9791127462406">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791127462406.jpg" alt="스퀘어 에닉스의 게임 AI" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">스퀘어 에닉스의 게임 AI</div>
<div class="related-author">스퀘어 에닉스 , 송지연 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9791199271203">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791199271203.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=9788931476590">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788931476590.jpg" alt="2026 이기적 GTQ 일러스트 1급 기본서 (ver.CC 2020) - 동영상 강의 무료 + 실습 파일 제공 + 답안 전송 프로그램 제공" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">2026 이기적 GTQ 일러스트 1급 기본서 (ver.CC 2020) - 동영상 강의 무료 + 실습 파일 제공 + 답안 전송 프로그램 제공</div>
<div class="related-author">일마 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9791140714926">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9791140714926.jpg" alt="2026 시나공 컴퓨터활용능력 1급 실기 기본서" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">2026 시나공 컴퓨터활용능력 1급 실기 기본서</div>
<div class="related-author">길벗 R&D, 강윤석, 김용갑, 김우경, 김종일 </div>
</a>
</div>
<div class="related">
<a href="/compare.jsp?isbn=9788931479003">
<div class="related-img"><img class="lazy" data-src="/img_thumb2/9788931479003.jpg" alt="마인크래프트 건축 가이드 : 마법 프로젝트" onerror="this.src='./img/prepare.png'"></div>
<div class="related-title">마인크래프트 건축 가이드 : 마법 프로젝트</div>
<div class="related-author">Mojang AB , 강세중 </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-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>
<!-------right------->
</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 2025 BOOKPRICE All rights reserved</li>
</ul>
<ul class="copyright">
<li class="copyright_li">(주)인터버드 | 대표이사 : 성낙복 |  E-mail: badatime2@gmail.com<li>
<li class="copyright_li">사업자등록번호: 602-81-25941 | 통신판매업 신고 번호: 2003-부산영도-0052</li>
</ul>
</div>
<div class="clear"></div>
</div>
</footer><!----footer------------>
</div><!--wrap-->
<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: '9788979146363', 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: '9788979146363', 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() { adjustTabFix() });
$(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');
});
const totalData = {
isbn: '9788979146363', ps: '22000', ca: 'ko', as: '0',
category: 'ko', tt: encodeURIComponent('인터넷 프로그래밍 입문 : HTML, CSS, JavaScript'),
ep: '0', em: '0',
el: '', at: encodeURIComponent('한민형'),
yesup: 'true', kbup: 'true', evup: 'true', ypup: 'true', cpup: 'true', gmup: 'true',
ysel : '', kbel : '',
gmp: '0' ,gmd:'0', gms: '0', gmpo: '0', gml: '', gmcd: encodeURIComponent('')
}
const usedData = {
isbn: '9788979146363', aic: '0', amp: '0', aul : '', uic: '0',
ump: '0', uul: '', s: '2958780', ps11: '0', link11: '', gmp: '0', gml: ''
}
if('true'!='true'){
ajaxNew(totalData);
ajaxUsed(usedData);
}
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("등록된 직구도서 정보가 없습니다.");
}
if('false'){
}
});
const adjustTabFix =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');
}
}
}
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_thumb2/${isbn}.jpg`);
});
</script>
<script type="text/javascript" src="https://www.google.com/books/jsapi.js"></script>
<script>
var isbn;
const checkPreview = function(booksInfo){
for (id in booksInfo) {
isbn = id;
if (booksInfo[id] && booksInfo[id].preview == 'partial') {
google.books.load();
document.getElementById('previewBtn').style.display = 'block';
}
}
}
document.querySelector('#previewBtn').addEventListener('click', function () {
const pre = document.getElementsByClassName('previewCanvas')[0]
if(pre.innerHTML == '') {
document.querySelector('#loader').style.display = 'block';
preview();
}
document.querySelector('.preview_box').classList.add('preview_on');
document.body.style.overflow = 'hidden';
document.querySelector('.tab').classList.remove('tab-fix');
document.querySelector('.tab').classList.remove('tab-fix-mo');
document.querySelector('header').classList.remove('header_fix');
document.querySelector('header').classList.remove('header_fix_mo');
//document.body.style.paddingRight ='15px';
})
const preview = function(){
const canvas = document.querySelector('.previewCanvas')
const viewer = new google.books.DefaultViewer(canvas);
viewer.load([isbn], null, previewSucc);
}
const previewSucc = function(viewer){
document.querySelector('#loader').style.display = 'none';
const canvas = document.querySelector('.previewCanvas')
canvas.style.position = 'relative'
const closeBtn = document.createElement('div')
closeBtn.id = 'previewCloseBtn'
closeBtn.textContent='닫기'
canvas.prepend(closeBtn)
closeBtn.addEventListener('click', e => {closePreviewBox()})
}
const previewBox = document.querySelector('.preview_box')
const closePreviewBox = function(){
previewBox.classList.remove('preview_on');
document.body.style.overflow = '';
adjustTabFix()
responsive()
}
previewBox.addEventListener('click', (e) => {
if(e.target === previewBox) closePreviewBox();
})
</script>
<script src="https://encrypted.google.com/books?jscmd=viewapi&bibkeys=ISBN:&callback=checkPreview"></script>
</body>
<!--block:0.001-->
<!--upYN:0.001-->
<!--api+db:-1.753124685609E9-->
<!--db:0.0-->
<!--img:0.0-->
<!--sel:0.124-->
<!--series:1.753124685733E9-->
<!--total:0.126-->
</html>
]]> 
