Crawling1.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "8e3db147-d536-4fe4-b430-67420f4a817e",
   "metadata": {},
   "source": [
    "# 웹 페이지 추출\n",
    "- 웹 페이지 추출 시 HTTP 헤더와 HTML의 meta 태그를 기반으로 인코딩 방식을 판별 필요\n",
    "- 표준 라이브러리 urllib.request 모듈을 사용하여 웹 페이지 추출\n",
    "- urllib.request에 포함돼 있는 urlopen() 함수에 url을 인자로 주면 웹 페이지 추출 가능\n",
    "- HTTP 헤더를 변경 불가, Basic 인증을 사용하기 위한 복잡한 처리 필요\n",
    "- HTTP 헤더 변경 및 Basic 인증을 위해 urllib 대신 Requests 모듈 사용 필요\n",
    "---"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "31d95f3a-d2f2-4936-a880-f37146a27d8e",
   "metadata": {},
   "source": [
    "## urllib을 이용한 웹 페이지 추출"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "0d7f0c99-09a5-422c-8b47-afa0687fffb5",
   "metadata": {},
   "outputs": [],
   "source": [
    "from urllib.request import urlopen"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 75,
   "id": "62f287fa-b8b6-4156-92ab-88ef80b2dc44",
   "metadata": {},
   "outputs": [],
   "source": [
    "f = urlopen('http://hanbit.co.kr')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 33,
   "id": "eb1cd6ed-470e-4b28-bc92-0bd578d06987",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "http.client.HTTPResponse"
      ]
     },
     "execution_count": 33,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# urlopen() 함수는 HTTPResponse 자료형의 객체를 반환\n",
    "# 파일 객체이므로 open() 함수로 반환되는 파일 객체처럼 핸들링\n",
    "type(f)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 37,
   "id": "c9480971-aec0-4529-9b66-4a2447c54ba7",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "200"
      ]
     },
     "execution_count": 37,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "f.status   # 상태 코드를 추출   # 200 -> 정상 연결"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 38,
   "id": "bc0dc222-d23f-4f1e-8101-e0df0d2fab79",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'text/html; charset=UTF-8'"
      ]
     },
     "execution_count": 38,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "f.getheader('Content-Type')    # HTTP 헤더 값 추출"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d6cb8052-8902-4f4e-a2b4-ab061759089e",
   "metadata": {},
   "source": [
    "## HTTP 헤더에서 인코딩 방식 추출"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 79,
   "id": "25280716-271f-4b63-95e9-0fb670eda293",
   "metadata": {},
   "outputs": [],
   "source": [
    "import sys\n",
    "from urllib.request import urlopen"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 80,
   "id": "3512a8bd-f852-447b-a139-4c7c7111385b",
   "metadata": {},
   "outputs": [],
   "source": [
    "f = urlopen('http://www.hanbit.co.kr/store/books/full_book_list.html')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 81,
   "id": "c400e66e-e7f8-4553-b9ac-19285610f2d2",
   "metadata": {},
   "outputs": [],
   "source": [
    "# HTTP 헤더를 기반으로 인코딩 방식을 추출 ( 명시돼 있지 않을 경우 utf-8을 사용 )\n",
    "encoding = f.info().get_content_charset(failobj='utf-8')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 41,
   "id": "72418b56-e369-40d4-ac6b-14f6aa41d35d",
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "encoding : utf-8\n"
     ]
    }
   ],
   "source": [
    "import sys\n",
    "print(f'encoding : {encoding}', file=sys.stderr)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 76,
   "id": "c297d09a-6285-49eb-be60-815f48deb759",
   "metadata": {},
   "outputs": [],
   "source": [
    "text = f.read().decode(encoding)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 77,
   "id": "df8dab8c-cd43-4741-8d3f-c830fe706bee",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "<!DOCTYPE html>\n",
      "<html lang=\"ko\">\n",
      "<head>\n",
      "<!--[if lte IE 8]>\n",
      "<script>\n",
      "  location.replace('/support/explorer_upgrade.html');\n",
      "</script>\n",
      "<![endif]-->\n",
      "<meta charset=\"utf-8\"/>\n",
      "<title>한빛출판네트워크</title>\n",
      "<link rel=\"shortcut icon\" href=\"https://www.hanbit.co.kr/images/common/hanbit.ico\"> \n",
      "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=Edge\" />\n",
      "<meta property=\"og:type\" content=\"website\"/>\n",
      "<meta property=\"og:title\" content=\"한빛출판네트워크\"/>\n",
      "<meta property=\"og:description\" content=\"더 넓은 세상, 더 나은 미래를 위한 아시아 출판 네트워크 :: 한빛미디어, 한빛아카데미, 한빛비즈, 한빛라이프, 한빛에듀\"/>\n",
      "<meta property=\"og:image\" content=\"https://www.hanbit.co.kr/images/hanbitpubnet_logo.jpg\" />\n",
      "<meta property=\"og:url\" content=\"https://hanbit.co.kr/\"/>\n",
      "<link rel=\"canonical\" href=\"https://hanbit.co.kr/\" />\n",
      "<meta name=\"keywords\" content=\"한빛미디어,한빛아카데미,한빛비즈,한빛라이프,한빛에듀,리얼타임,대관서비스,책,출판사,IT전문서,IT활용서,대학교재,경제경영,어린이/유아,실용/여행,전자책,자격증,교육,세미나,강의,ebook,정보교과서\" />\n",
      "<meta name=\"description\" content=\"더 넓은 세상, 더 나은 미래를 위한 아시아 출판 네트워크 :: 한빛미디어, 한빛아카데미, 한빛비즈, 한빛라이프, 한빛에듀\" />\n",
      "<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0\">\n",
      "<meta name=\"viewport\" content=\"width=1260\">\n",
      "<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n",
      "<meta name=\"naver-site-verification\" content=\"01c29ed1852aecca7a48ac0c3e0869627bc512d8\"/>\n",
      "<link rel=\"stylesheet\" href=\"/css/common.css?20210603093421\" />\n",
      "<link href=\"/css/hover.css\" rel=\"stylesheet\" media=\"all\">\n",
      "<link rel=\"stylesheet\" href=\"/js/jquery.raty.css\" />\n",
      "<script type=\"text/javascript\" src=\"/js/jquery-latest.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/jquery-ui.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/jquery.event.drag-1.5.min.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/jquery.touchSlider.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/jquery.raty.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/main.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/lib/cheditor/cheditor.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/jquery.ui.datepicker-ko.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/engine.js\"></script>\n",
      "<script type=\"text/javascript\" src=\"/js/vue.js\"></script>\n",
      "\n",
      "<!-- Google Analytics -->\n",
      "<script>\n",
      "(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){\n",
      "(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n",
      "m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n",
      "})(window,document,'script','//www.google-analytics.com/analytics.js','ga');\n",
      "ga('create', 'UA-47080738-1', 'hanbit.co.kr');\n",
      "ga('require', 'linkid', 'linkid.js');\n",
      "ga('send', 'pageview');\n",
      "</script>\n",
      "<!-- Google Analytics -->\n",
      "\n",
      "<!-- Facebook Pixel Code -->\n",
      "<script>\n",
      "  !function(f,b,e,v,n,t,s)\n",
      "  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n",
      "  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n",
      "  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n",
      "  n.queue=[];t=b.createElement(e);t.async=!0;\n",
      "  t.src=v;s=b.getElementsByTagName(e)[0];\n",
      "  s.parentNode.insertBefore(t,s)}(window, document,'script',\n",
      "  'https://connect.facebook.net/en_US/fbevents.js');\n",
      "  fbq('init', '406459623338891');\n",
      "  fbq('track', 'PageView');\n",
      "</script>\n",
      "<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\n",
      "  src=\"https://www.facebook.com/tr?id=406459623338891&ev=PageView&noscript=1\"\n",
      "/></noscript>\n",
      "<!-- End Facebook Pixel Code -->\n",
      "\n",
      "<!-- Google Tag Manager -->\n",
      "<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n",
      "new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n",
      "j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n",
      "'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n",
      "})(window,document,'script','dataLayer','GTM-W9D5PM3');</script>\n",
      "<!-- End Google Tag Manager -->\n",
      "\n",
      "<!-- Kakao Pixel Code -->\n",
      "<script type=\"text/javascript\" charset=\"UTF-8\" src=\"//t1.daumcdn.net/adfit/static/kp.js\"></script>\n",
      "<script type=\"text/javascript\">\n",
      "  kakaoPixel('3011392806152551233').pageView();\n",
      "</script>\n",
      "<!-- //Kakao Pixel Code -->\n",
      "</head>\n",
      "<body>\n",
      "<!-- Google Tag Manager (noscript) -->\n",
      "<noscript><iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-W9D5PM3\"\n",
      "height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>\n",
      "<!-- End Google Tag Manager (noscript) -->\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-hanbit.css?202206030909\" />\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-member.css\" />\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-network.css\" />\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-store.css\" />\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-myhanbit.css\" />\n",
      "<link rel=\"stylesheet\" href=\"/css/layout-event.css\" />\n",
      "<!-- 메뉴 바로가기 -->\n",
      "<div id=\"quick_skip_menu\">\n",
      "  <a href=\"#gnb\" onclick=\"document.getElementById('gnb').tabIndex = -1;document.getElementById('gnb').focus();return false;\"><span>메뉴 바로가기</span></a>\n",
      "  <a href=\"#top_search\" onclick=\"view_hover('main_search_area','','show'), document.getElementById('top_search').tabIndex = -1;document.getElementById('top_search').focus();return false;\"><span>검색 및 카테고리 바로가기</span></a>\n",
      "    <a href=\"#main_top_box\" onclick=\"document.getElementById('main_top_box').tabIndex = -1;document.getElementById('main_top_box').focus();return false;\"><span>프로모션 바로가기</span></a>\n",
      "  <a href=\"#main_book_area\" onclick=\"document.getElementById('main_book_area').tabIndex = -1;document.getElementById('main_book_area').focus();return false;\"><span>책 바로가기</span></a>\n",
      "  <a href=\"#main_network_area\" onclick=\"document.getElementById('main_network_area').tabIndex = -1;document.getElementById('main_network_area').focus();return false;\"><span>네트워크 바로가기</span></a>\n",
      "  </div>\n",
      "<!-- //메뉴 바로가기 -->\n",
      "\n",
      "<!-- header -->\n",
      "<header>\n",
      "  <!-- top menu -->\n",
      "    <nav>\n",
      "    <div id=\"wrap_nav\">\n",
      "      <ul class=\"top_brand\">\n",
      "        <li><a href=\"https://www.hanbit.co.kr/index.html\" name=\"hanbit_network\"><span>HOME</span></a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/media/\">한빛미디어</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/academy/\">한빛아카데미</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/biz/\">한빛비즈</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/life/\">한빛라이프</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/edu/\">한빛에듀</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/realtime/\">리얼타임</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/textbook/\" target=\"_blank\">한빛정보교과서</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/rent/\" target=\"_blank\">한빛대관서비스</a></li>\n",
      "      </ul>\n",
      "      \n",
      "      <ul class=\"top_menu\">\n",
      "                <li><a href=\"https://www.hanbit.co.kr/member/login.html\" class=\"login\">로그인</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/member/member_agree.html\" class=\"join\">회원가입</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/myhanbit/myhanbit.html\" class=\"myhanbit\">마이한빛</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/myhanbit/cart.html\" class=\"cart\">장바구니</a></li>\n",
      "                    <li class=\"top_menu_store\"><a href=\"https://www.hanbit.co.kr/publisher/foreignrights.html?lang=e\" target=\"_blank\">ENGLISH</a></li>\n",
      "      </ul>\n",
      "    </div>\n",
      "  </nav>\n",
      "  <!-- //top menu -->\n",
      "\n",
      "  <div id=\"wrap_gnb\">\n",
      "    <!-- logo -->\n",
      "    <h1><a href=\"https://www.hanbit.co.kr/index.html\">한빛출판네트워크</a></h1>\n",
      "    <!-- //logo -->\n",
      "\n",
      "    <!-- Menu -->\n",
      "    <div id=\"gnb\" name=\"gnb\">\n",
      "      <ul>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/brand/brand_submain.html\" class=\"\">BRAND</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/channel/channel_submain.html\" class=\"\">Channel.H</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/store/store_submain.html\" class=\"\">STORE</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/support/help_info.html\" class=\"\">SUPPORT</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/event/current/current_event_list.html\" class=\"\">EVENT</a></li>\n",
      "        \n",
      "        <li><a href=\"https://www.hanbit.co.kr/publisher/foreignrights.html?lang=e\" class=\"\" target=\"_blank\">RIGHTS</a></li>\n",
      "        \n",
      "        <li id=\"top_search\" class=\"search\"><a href=\"javascript:;\" onClick=\"view_hover('main_search_area','','show'); $('#keyword_str').focus();\"><span>SEARCH</span></a></li>\n",
      "      </ul>\n",
      "    </div>\n",
      "    <!-- //Menu -->\n",
      "    \n",
      "    <!-- lnb -->\n",
      "    <div class=\"lnb\" style=\"top:92px;\">\n",
      "      <div class=\"lnb_area\">\n",
      "      <!-- BRAND -->\n",
      "          </div>\n",
      "    </div>\n",
      "    <!--// lnb -->\n",
      "  </div>\n",
      "</header>\n",
      "<!-- //header -->\n",
      "\n",
      "<!-- 메인 검색 및 카테고리 영역 -->\n",
      "<div id=\"main_search_area\" class=\"fixed\" style=\"display:none;\">\n",
      "  <div class=\"msa_wrap\">\n",
      "\n",
      "    <!-- 검색 -->\n",
      "    <div class=\"msa_srch_wrap\">\n",
      "      <form onsubmit=\"return false;\">\n",
      "      <fieldset class=\"msa_srch_field\">\n",
      "        <legend>한빛출판네트워크 검색</legend>\n",
      "        <input title=\"검색어\" autocomplete=\"off\" class=\"srch_keyword\" accesskey=\"s\" type=\"text\" name=\"keyword_str\" id=\"keyword_str\" v-model=\"keyword\" @input=\"typeKeyword\">\n",
      "        <input type=\"submit\" class=\"srch_btn\" style=\"cursor:pointer;\" @click=\"clickSearch\">\n",
      "      </fieldset>\n",
      "      </form>\n",
      "    </div>\n",
      "    <!-- //검색 -->\n",
      "\n",
      "    <!-- ① 인기검색어 -->\n",
      "    <div class=\"msa_srch_polular\" v-if=\"showPopularKeyword === true\">\n",
      "      <h2 class=\"tit\">인기 검색어 <span>(최근 1개월간)</span></h2>\n",
      "        <div class=\"popula_box\">\n",
      "          <ul class=\"left\">\n",
      "            <li v-for=\"keyword in leftPopularKeywordList\">\n",
      "              <a :class=\"keyword.bold\" @click=\"clickPopularKeyword(keyword)\">\n",
      "                  {{ keyword.number }} {{ keyword.bookName }}\n",
      "              </a>\n",
      "            </li>\n",
      "          </ul>\n",
      "          <ul class=\"right\">\n",
      "            <li v-for=\"keyword in rightPopularKeywordList\">\n",
      "              <a :class=\"keyword.bold\" @click=\"clickPopularKeyword(keyword)\">\n",
      "                  {{ keyword.number }} {{ keyword.bookName }}\n",
      "              </a>\n",
      "            </li>\n",
      "          </ul>\n",
      "        </div>\n",
      "    </div>\n",
      "    <!-- ① 인기검색어 -->\n",
      "\n",
      "    <!-- ② 검색결과/검색서제스쳔 -->\n",
      "    <div class=\"msa_srch_suggestion\" v-if=\"showPopularKeyword === false\">\n",
      "      <div class=\"sugg_left\" v-if=\"bookList.length !== 0\">\n",
      "        <h3 class=\"tit\">BOOK</h3>\n",
      "        <ul class=\"books_list\">\n",
      "          <li v-for=\"book in bookList\" @mouseover=\"mouseOverBook(book.id)\"><a @click=\"clickBookKeyword(book)\"><p v-html=\"book.name\"></p></a></li>\n",
      "        </ul>\n",
      "      </div>\n",
      "\n",
      "      <div class=\"sugg_right\">\n",
      "        <div class=\"sugg_book\" v-if=\"bookList.length !== 0\">\n",
      "          <table class=\"sugg_book_detail\">\n",
      "            <tr>\n",
      "              <td class=\"cover\">\n",
      "                <a @click=\"clickBookKeyword(bookSummary)\">\n",
      "                  <img :src=\"bookSummary.imgUrl\" class=\"b_cover\">\n",
      "                </a>\n",
      "              </td>\n",
      "              <td class=\"draft\">\n",
      "                <a @click=\"clickBookKeyword(bookSummary)\" class=\"b_title\"><strong v-html=\"bookSummary.originName\"></strong></a>\n",
      "                <p class=\"b_int\">\n",
      "                {{ bookSummary.author }} 지음<br />\n",
      "                {{ bookSummary.publishingCompany }} | {{ bookSummary.date }}\n",
      "                </p>\n",
      "                <p class=\"b_type\">\n",
      "                <span>{{ bookSummary.bookType }}</span>\n",
      "                </p>\n",
      "              </td>\n",
      "            </tr>\n",
      "          </table>\n",
      "        </div>\n",
      "\n",
      "        <!--\n",
      "        <div class=\"sugg_edu\" v-if=\"educationList.length !== 0\">\n",
      "          <h3 class=\"tit\">EDUCATION</h3>\n",
      "          <ul class=\"edu_list\">\n",
      "            <li v-for=\"education in educationList\">&#149; <a @click=\"clickEducationKeyword(education)\"><span v-html=\"education.title\"></span></a></li>\n",
      "          </ul>\n",
      "        </div>\n",
      "        -->\n",
      "        \n",
      "        <div class=\"sugg_cont\" v-if=\"contentList.length !== 0\">\n",
      "          <h3 class=\"tit\">CONTENTS</h3>\n",
      "          <ul class=\"cont_list\">\n",
      "            <li v-for=\"content in contentList\">&#149; <a @click=\"clickContentKeyword(content)\"><span v-html=\"content.title\"></span></a></li>\n",
      "          </ul>\n",
      "        </div>\n",
      "      </div>\n",
      "    </div>\n",
      "    <!-- //② 검색결과/검색서제스쳔 -->\n",
      "\n",
      "  <!-- 닫기 -->\n",
      "  <div class=\"msa_wrap_close\">\n",
      "    <a href=\"javascript:;\" onclick=\"view_hover('main_search_area','','hide')\">닫기</a>\n",
      "  </div>\n",
      "  <!-- //닫기 -->\n",
      "\n",
      "  </div>\n",
      "</div>\n",
      "\n",
      "<script type=\"text/javascript\">\n",
      "    \"use strict\";\n",
      "\n",
      "    var common_top_search_vue = new Vue({\n",
      "        el: '#main_search_area',\n",
      "        data: {\n",
      "            //검색엔진 URL\n",
      "            searchProxyURL: \"https://search.hanbit.co.kr\",\n",
      "            //인기 검색어 show 여부\n",
      "            showPopularKeyword: true,\n",
      "            //사용자 검색 키워드\n",
      "            keyword: '',\n",
      "            //인기 검색어 리스트\n",
      "            popularKeywordList: [],\n",
      "            // 인기 검색어 리스트 (왼쪽)\n",
      "            leftPopularKeywordList: [],\n",
      "            // 인기 검색어 리스트 (오른쪽)\n",
      "            rightPopularKeywordList: [],\n",
      "            // 자동완성에서의 책 리스트\n",
      "            bookList: [],\n",
      "            // 자동완성에서의 책 정보\n",
      "            bookSummary: {\n",
      "                'imgUrl': '',\n",
      "                'link': '',\n",
      "                'name': '',\n",
      "                'author': '',\n",
      "                'publishingCompany': '',\n",
      "                'date': '',\n",
      "                'bookType': ''\n",
      "            },\n",
      "            //에듀케이션 리스트\n",
      "            educationList: [],\n",
      "            //컨텐츠 리스트\n",
      "            contentList: []\n",
      "        },\n",
      "        created: function created() {\n",
      "            // 인기 검색어 조회\n",
      "            this.getPopularKeyword();\n",
      "        },\n",
      "        methods: {\n",
      "            /**\n",
      "             * 사용자가 검색 키워드를 입력할때 발생하는 이벤트\n",
      "             */\n",
      "            typeKeyword: function typeKeyword() {\n",
      "                var self = this;\n",
      "                var keyword = $(\"#keyword_str\").val();\n",
      "\n",
      "                if (keyword.length !== 0) {\n",
      "                    //자동완성어\n",
      "                    this.findAutocompleteResult(keyword);\n",
      "                } else {\n",
      "                    //인기검색어\n",
      "                    self.showPopularKeyword = true;\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 인기검색어 조회\n",
      "             */\n",
      "            getPopularKeyword: function getPopularKeyword() {\n",
      "                var self = this;\n",
      "                this.popularKeywordList = [];\n",
      "                $.get(this.searchProxyURL + \"/querylog/popularKeyword\").done(function (data) {\n",
      "                    if (data != null) {\n",
      "                        self.drawPopularKeyword(data);\n",
      "                    }\n",
      "                });\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 인기 검색어 그리기\n",
      "             */\n",
      "            drawPopularKeyword: function drawPopularKeyword(popularBooks) {\n",
      "                var self = this;\n",
      "                popularBooks.forEach(function (item) {\n",
      "                    var popularBook = {\n",
      "                        bookName: item.keyword\n",
      "                    };\n",
      "                    self.popularKeywordList.push(popularBook);\n",
      "                });\n",
      "                var number = 0;\n",
      "\n",
      "                for (var _iterator = this.popularKeywordList, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {\n",
      "                    var _ref;\n",
      "\n",
      "                    if (_isArray) {\n",
      "                        if (_i >= _iterator.length) break;\n",
      "                        _ref = _iterator[_i++];\n",
      "                    } else {\n",
      "                        _i = _iterator.next();\n",
      "                        if (_i.done) break;\n",
      "                        _ref = _i.value;\n",
      "                    }\n",
      "\n",
      "                    var keyword = _ref;\n",
      "                    number = number + 1;\n",
      "                    keyword.number = number.toString().length < 2 ? \"0\" + number : number;\n",
      "\n",
      "                    if (number > 5) {\n",
      "                        keyword.direction = \"right\";\n",
      "                        self.rightPopularKeywordList.push(keyword);\n",
      "                    } else {\n",
      "                        keyword.direction = \"left\";\n",
      "\n",
      "                        if (number < 4) {\n",
      "                            keyword.bold = 'active';\n",
      "                        }\n",
      "\n",
      "                        self.leftPopularKeywordList.push(keyword);\n",
      "                    }\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 자동완성 검색 결과\n",
      "             */\n",
      "            findAutocompleteResult: function findAutocompleteResult(keyword) {\n",
      "                var self = this;\n",
      "                var param = {\n",
      "                    q: keyword,\n",
      "                    types: \"education,book,contents\",\n",
      "                    fq: keyword\n",
      "                };\n",
      "                $.post(this.searchProxyURL + \"/autocomplete/search\", param).done(function (data) {\n",
      "                    if (data != null) {\n",
      "                        var bookResult = data.booksResults;\n",
      "                        self.changeBookList(keyword, bookResult);\n",
      "                        var contentResult = data.contentsResults;\n",
      "                        self.changeContentList(keyword, contentResult);\n",
      "                        var educationResult = data.educationResults;\n",
      "                        self.changeEducationList(keyword, educationResult);\n",
      "                    }\n",
      "                });\n",
      "                this.showPopularKeyword = false;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 자동완성어에서 BOOK 부분에서 마우스를 올렸을 시에 발생하는 이벤트\n",
      "             * @param bookId\n",
      "             */\n",
      "            mouseOverBook: function mouseOverBook(bookId) {\n",
      "                var currentBook = this.bookList.filter(function (book) {\n",
      "                    return book.id === bookId;\n",
      "                });\n",
      "                this.changeBookSummary(currentBook[0]);\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 책 소개 변경\n",
      "             * @param book\n",
      "             */\n",
      "            changeBookSummary: function changeBookSummary(book) {\n",
      "                if (book !== {}) {\n",
      "                    this.bookSummary.name = book.name;\n",
      "                    this.bookSummary.originName = book.originName;\n",
      "                    this.bookSummary.author = book.author;\n",
      "                    this.bookSummary.bookType = book.bookType;\n",
      "                    this.bookSummary.imgUrl = book.imgUrl;\n",
      "                    this.bookSummary.link = book.link;\n",
      "                    this.bookSummary.publishingCompany = book.publishingCompany;\n",
      "                    this.bookSummary.date = book.date;\n",
      "                    this.bookSummary.bookType = book.bookType;\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * BOOK 리스트 변경\n",
      "             */\n",
      "            changeBookList: function changeBookList(keyword, bookResultList) {\n",
      "                var self = this;\n",
      "                self.bookList = [];\n",
      "                var index = 0;\n",
      "\n",
      "                if (bookResultList != null) {\n",
      "                    for (var _iterator2 = bookResultList, _isArray2 = Array.isArray(_iterator2), _i2 = 0, _iterator2 = _isArray2 ? _iterator2 : _iterator2[Symbol.iterator]();;) {\n",
      "                        var _ref2;\n",
      "\n",
      "                        if (_isArray2) {\n",
      "                            if (_i2 >= _iterator2.length) break;\n",
      "                            _ref2 = _iterator2[_i2++];\n",
      "                        } else {\n",
      "                            _i2 = _iterator2.next();\n",
      "                            if (_i2.done) break;\n",
      "                            _ref2 = _i2.value;\n",
      "                        }\n",
      "\n",
      "                        var result = _ref2;\n",
      "\n",
      "                        if (index < 10) {\n",
      "                            var book = {};\n",
      "                            book.id = result.code;\n",
      "                            book.originName = result.title;\n",
      "                            book.name = JSON.parse(JSON.stringify(self.replaceHighlightWord(result.title, keyword)));\n",
      "                            book.link = result.code;\n",
      "                            book.imgUrl = self.getBookImageURL(result.code);\n",
      "                            book.author = result.author;\n",
      "                            book.publishingCompany = result.brand;\n",
      "                            book.date = result.pubDate;\n",
      "                            book.bookType = result.bookType;\n",
      "                            self.bookList.push(book); //책 미리보기 변경\n",
      "\n",
      "                            self.changeBookSummary(self.bookList[0]);\n",
      "                        }\n",
      "                    }\n",
      "                } else {\n",
      "                    self.initBookSummary();\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 책 이미지 주소 가져오기\n",
      "             */\n",
      "            getBookImageURL: function getBookImageURL(bookCode) {\n",
      "                var imgURL;\n",
      "\n",
      "                if (bookCode.substr(0, 1) === \"E\") {\n",
      "                    imgURL = '/data/ebook/' + bookCode + '_m.jpg';\n",
      "                } else {\n",
      "                    imgURL = '/data/books/' + bookCode + \"_m.jpg\";\n",
      "                }\n",
      "\n",
      "                return imgURL;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 검색 결과가 없을 경우 책 미리보기 초기화\n",
      "             */\n",
      "            initBookSummary: function initBookSummary() {\n",
      "                this.bookSummary = {\n",
      "                    'imgUrl': '',\n",
      "                    'link': '',\n",
      "                    'name': '',\n",
      "                    'author': '',\n",
      "                    'publishingCompany': '',\n",
      "                    'date': '',\n",
      "                    'bookType': ''\n",
      "                };\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * education 리스트 변경\n",
      "             */\n",
      "            changeEducationList: function changeEducationList(keyword, educationResultList) {\n",
      "                var self = this;\n",
      "                self.educationList = [];\n",
      "                var index = 0;\n",
      "\n",
      "                if (educationResultList != null) {\n",
      "                    for (var _iterator3 = educationResultList, _isArray3 = Array.isArray(_iterator3), _i3 = 0, _iterator3 = _isArray3 ? _iterator3 : _iterator3[Symbol.iterator]();;) {\n",
      "                        var _ref3;\n",
      "\n",
      "                        if (_isArray3) {\n",
      "                            if (_i3 >= _iterator3.length) break;\n",
      "                            _ref3 = _iterator3[_i3++];\n",
      "                        } else {\n",
      "                            _i3 = _iterator3.next();\n",
      "                            if (_i3.done) break;\n",
      "                            _ref3 = _i3.value;\n",
      "                        }\n",
      "\n",
      "                        var result = _ref3;\n",
      "\n",
      "                        if (index < 3) {\n",
      "                            var content = {};\n",
      "                            content.title = JSON.parse(JSON.stringify(self.replaceHighlightWord(result.title, keyword)));\n",
      "                            content.link = result.code;\n",
      "                            self.educationList.push(content);\n",
      "                            index = index + 1;\n",
      "                        }\n",
      "                    }\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * contents 리스트 변경\n",
      "             */\n",
      "            changeContentList: function changeContentList(keyword, contentResult) {\n",
      "                var self = this;\n",
      "                self.contentList = [];\n",
      "                var index = 0;\n",
      "\n",
      "                if (contentResult != null) {\n",
      "                    for (var _iterator4 = contentResult, _isArray4 = Array.isArray(_iterator4), _i4 = 0, _iterator4 = _isArray4 ? _iterator4 : _iterator4[Symbol.iterator]();;) {\n",
      "                        var _ref4;\n",
      "\n",
      "                        if (_isArray4) {\n",
      "                            if (_i4 >= _iterator4.length) break;\n",
      "                            _ref4 = _iterator4[_i4++];\n",
      "                        } else {\n",
      "                            _i4 = _iterator4.next();\n",
      "                            if (_i4.done) break;\n",
      "                            _ref4 = _i4.value;\n",
      "                        }\n",
      "\n",
      "                        var result = _ref4;\n",
      "\n",
      "                        if (index < 7) {\n",
      "                            var content = {};\n",
      "                            content.title = JSON.parse(JSON.stringify(self.replaceHighlightWord(result.title, keyword)));\n",
      "                            content.link = result.code;\n",
      "                            self.contentList.push(content);\n",
      "                            index = index + 1;\n",
      "                        }\n",
      "                    }\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 하이라이트 표시\n",
      "             */\n",
      "            replaceHighlightWord: function replaceHighlightWord(str, highlightKeyword) {\n",
      "                var replaceHighlightKeyword = highlightKeyword.replace(/[^a-z0-9가-힣_ ]/gi, '');\n",
      "                var regEx = new RegExp(replaceHighlightKeyword, \"gi\");\n",
      "                str = str.replace(regEx, function (a) {\n",
      "                    return '<span class=\"keysel\">' + a + '</span>';\n",
      "                });\n",
      "                return str;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 검색 버튼 클릭 시\n",
      "             * @param e\n",
      "             */\n",
      "            clickSearch: function clickSearch(e) {\n",
      "                if (!this.keyword || this.keyword.length === 0) {\n",
      "                    alert(\"검색어를 입력하세요\");\n",
      "                    $(\"#keyword_str\").focus();\n",
      "                    e.preventDefault();\n",
      "                } else {\n",
      "                    location.href = \"/search/search_list.html?keyword=\" + this.keyword;\n",
      "                }\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 인기 검색어 클릭시\n",
      "             * @param book\n",
      "             */\n",
      "            clickPopularKeyword: function clickPopularKeyword(book) {\n",
      "                var searchKeyword = book.bookName;\n",
      "                location.href = \"/search/search_list.html?keyword=\" + searchKeyword;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 책 검색어 클릭시 책 상세로 이동\n",
      "             * @param book\n",
      "             */\n",
      "            clickBookKeyword: function clickBookKeyword(book) {\n",
      "                location.href = \"/store/books/look.php?p_code=\" + book.link;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 교육 클릭시 교육 상세로 이동\n",
      "             * @param education\n",
      "             */\n",
      "            clickEducationKeyword: function clickEducationKeyword(education) {\n",
      "                location.href = \"/store/education/edu_view.html?p_code=\" + education.link;\n",
      "            },\n",
      "\n",
      "            /**\n",
      "             * 컨텐츠 클릭시 컨텐츠 상세로 이동\n",
      "             * @param contents\n",
      "             */\n",
      "            clickContentKeyword: function clickContentKeyword(content) {\n",
      "                location.href = \"/channel/category/category_view.html?cms_code=\" + content.link;\n",
      "            }\n",
      "        }\n",
      "    });\n",
      "</script>\n",
      "<!-- //메인 검색 및 카테고리 영역 -->\n",
      "\n",
      "<link rel=\"stylesheet\" href=\"/css/main.css?202108041350\" />\n",
      "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n",
      "<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n",
      "<link href=\"https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap\" rel=\"stylesheet\">\n",
      "\n",
      "<!-- 프로모션 -->\n",
      "<section id=\"main_top_wrap\" name=\"main_top_wrap\">\n",
      "  <div class=\"main_promotion_wrap\">\n",
      "    <article onmouseover=\"view_hover('main_prm_btn','','show')\" onmouseout=\"view_hover('main_prm_btn','','hide')\">\n",
      "      <div class=\"promo_top\">\n",
      "        <div id=\"touchSlider_prm\">\n",
      "          <ul style=\"width:100% !important;\">\n",
      "                        <li style=\"background-color:#000000\"><a href=\"/event/current/current_event_view.html?hbe_idx=172\" target=\"_self\"><img src=\"/data/banner/web_banner_111.jpg\" width=\"1140\" height=\"400\" alt=\"오라일리 굿즈 한정판매\"></a></li>\n",
      "                        <li style=\"background: linear-gradient(to top, rgb(230,230,230), rgb(244,244,244)); float: none; display: block; position: absolute; top: 0px; left: -1367px; width: 1367px;\">\n",
      "                <div class=\"prm_tex_wrap\">\n",
      "                <a href=\"/store/books/look.php?p_code=B6361762764\" target=\"_self\">\n",
      "                <div class=\"prm_tex\">\n",
      "                  <span class=\"prm_brand_tex\">한빛미디어</span>\n",
      "                  <span class=\"prm_book_title\">아이패드 드로잉 with 프로크리에이트</span>\n",
      "                  <span class=\"prm_book_detail\">더 쉽게, 더 재미있게 아이패드 드로잉을 시작하자!</span>\n",
      "                  <!-- <span class=\"prm_book_author\"></span> --> \n",
      "                </div>\n",
      "                <div class=\"prm_img\">\n",
      "                  <img style=\"margin:41px 5px 0 0;\" src=\"/data/books/B6361762764_l.jpg\" width=\"\" height=\"340\" alt=\"아이패드 드로잉 with 프로크리에이트\">\n",
      "                </div>\n",
      "                </a>\n",
      "                </div>\n",
      "              </li>\n",
      "                        <li style=\"background: linear-gradient(to top, rgb(230,230,230), rgb(244,244,244)); float: none; display: block; position: absolute; top: 0px; left: -1367px; width: 1367px;\">\n",
      "                <div class=\"prm_tex_wrap\">\n",
      "                <a href=\"/store/books/look.php?p_code=B5825921855\" target=\"_self\">\n",
      "                <div class=\"prm_tex\">\n",
      "                  <span class=\"prm_brand_tex\">한빛미디어</span>\n",
      "                  <span class=\"prm_book_title\">사례 분석으로 배우는 데이터 시각화</span>\n",
      "                  <span class=\"prm_book_detail\">기초가 탄탄한 데이터 시각화 입문서</span>\n",
      "                  <!-- <span class=\"prm_book_author\"></span> --> \n",
      "                </div>\n",
      "                <div class=\"prm_img\">\n",
      "                  <img style=\"margin:41px 5px 0 0;\" src=\"/data/books/B5825921855_l.jpg\" width=\"\" height=\"340\" alt=\"사례 분석으로 배우는 데이터 시각화\">\n",
      "                </div>\n",
      "                </a>\n",
      "                </div>\n",
      "              </li>\n",
      "                        <li style=\"background-color:#f4f4f4\"><a href=\"https://www.hanbit.co.kr/devletter/\" target=\"_blank\"><img src=\"/data/banner/webbanner_1113.jpg\" width=\"1140\" height=\"400\" alt=\"데브레터 season2 구독하기\"></a></li>\n",
      "                    </ul>\n",
      "        </div>\n",
      "        <div id=\"main_prm_btn\" class=\"btn_prm_area\">\n",
      "          <div class=\"btn_promo_left\"><a href=\"javascript:;\" class=\"btn_prm_prev\"></a></div>\n",
      "          <div class=\"btn_promo_right\"><a href=\"javascript:;\" class=\"btn_prm_next\"></a></div>\n",
      "        </div>\n",
      "        <div class=\"btn_prm_area_page\" style=\"text-align:center;\">\n",
      "          <div class=\"btn_prm_page\">paging</div>\n",
      "        </div>\n",
      "      </div>\n",
      "    </article>\n",
      "  </div>\n",
      "</section>\n",
      "<!-- //프로모션 -->\n",
      "\n",
      "<!-- //메인 상단 영역 -->\n",
      "<section id=\"box_main_quick\">\n",
      "  <div class=\"main_quick_wrap\">\n",
      "  <!-- 배너 -->\n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"/publisher/write.html?lang=k\" target=\"_blank\">\n",
      "      <span class=\"icon_plan\"></span><br>\n",
      "      <strong>기획/원고 모집</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "    \n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"/academy/professor/\">\n",
      "      <span class=\"icon_professor\"></span><br>\n",
      "      <strong>교수전용</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "    \n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"/rent/\" target=\"_blank\">\n",
      "      <span class=\"icon_rent\"></span><br>\n",
      "      <strong>대관서비스</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "\n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"/support/supplement_list.html\">\n",
      "      <span class=\"icon_source\"></span><br>\n",
      "      <strong>부록/예제소스</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "\n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"https://support.hanbit.co.kr/hc/ko/categories/200229407-%EC%9E%90%EC%A3%BC-%EB%AC%BB%EB%8A%94-%EC%A7%88%EB%AC%B8-FAQ-\" target=\"_blank\">\n",
      "      <span class=\"icon_question\"></span><br>\n",
      "      <strong>자주묻는질문</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "\n",
      "    <article class=\"main_quick\">\n",
      "    <div class=\"txt\">\n",
      "      <p><a href=\"/publisher/foreignrights.html?lang=e\" target=\"_blank\">\n",
      "      <span class=\"icon_foreign\"></span><br>\n",
      "      <strong>FOREIGN RIGHTS</strong>\n",
      "      </a></p>\n",
      "    </div>\n",
      "    </article>\n",
      "  </div>\n",
      "  <!-- //배너 -->\n",
      "</section>\n",
      "<!-- //메인 상단 영역 -->\n",
      "\n",
      "\n",
      "\n",
      "<!-- 메인 책 영역 -->\n",
      "\n",
      "<script>\n",
      "var main_book_setid_list = new Array([\"#hbmain_book_area_new_HBIT\",\n",
      "                     \"#hbmain_book_area_new_HM\",\n",
      "                     \"#hbmain_book_area_new_HA\",\n",
      "                     \"#hbmain_book_area_new_HB\",\n",
      "                     \"#hbmain_book_area_new_HL\",\n",
      "                     \"#hbmain_book_area_new_HR\",\n",
      "                     \"#hbmain_book_area_new_MK\",\n",
      "                     \"#hbmain_book_area_new_HE\"],\n",
      "                     \n",
      "                    [\"#hbmain_book_area_best_HBIT\",\n",
      "                     \"#hbmain_book_area_best_HM\",\n",
      "                     \"#hbmain_book_area_best_HA\",\n",
      "                     \"#hbmain_book_area_best_HB\",\n",
      "                     \"#hbmain_book_area_best_HL\",\n",
      "                     \"#hbmain_book_area_best_HR\",\n",
      "                     \"#hbmain_book_area_best_MK\",\n",
      "                     \"#hbmain_book_area_best_HE\"]);\n",
      "\n",
      "function main_book_display(set_num, brand_num){\n",
      "  var set_num = set_num-1;\n",
      "  var brand_num = brand_num-1;\n",
      "  var array_langth = main_book_setid_list[0].length;\n",
      "  for(var i=0; i<array_langth; i++){\n",
      "    $(main_book_setid_list[0][i]).css(\"display\",\"none\");\n",
      "    $(main_book_setid_list[1][i]).css(\"display\",\"none\");\n",
      "  };\n",
      "  $(main_book_setid_list[set_num][brand_num]).css(\"display\",\"block\");\n",
      "}\n",
      "</script>\n",
      "\n",
      "<!-- 메인 새로나온책 -->\n",
      "<section id=\"hbmain_book_area_new_HBIT\" name=\"hbmain_book_area_new_HBIT\" style=\"display:block;\" onmouseover=\"view_hover('main_book_btn_new_HBIT','','show')\" onmouseout=\"view_hover('main_book_btn_new_HBIT','','hide')\">\n",
      "  <!-- 탭메뉴 -->\n",
      "  <div class=\"m_tab\">\n",
      "    <ul class=\"m_tab_menu\">\n",
      "      <li><a href=\"javascript:main_book_display(1,1);\" class=\"curr\">새로나온책</a></li>\n",
      "      <li><a href=\"javascript:main_book_display(2,1);\">베스트셀러</a></li>\n",
      "    </ul>\n",
      "  </div>\n",
      "  <!-- //탭메뉴 -->\n",
      "  \n",
      "  <!-- 책 리스트 -->\n",
      "  <div id=\"touchSlider_book_new_HBIT\">\n",
      "    <ul>\n",
      "      <li>\n",
      "        <div class=\"main_book_list\">\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_e\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B8661740335\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B8661740335','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">12,420<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B8661740335'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B8661740335_m.jpg\" alt=\"받침 없는 한글 동화 : 무시무시 마녀가 이사 와!\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_e\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B6084607806\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B6084607806','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">12,420<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B6084607806'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B6084607806_m.jpg\" alt=\"받침 없는 한글 동화 : 도, 도, 도깨비다!\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_e\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1382037871\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B1382037871','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">12,420<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1382037871'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B1382037871_m.jpg\" alt=\"받침 없는 한글 동화 : 바쁘다 바빠 너구리 바빠\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_b\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B4162156367\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">14,850<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B4162156367'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B4162156367_m.jpg\" alt=\"오늘도 시작하지 못하는 당신을 위해\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B5156679966\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">30,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B5156679966'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B5156679966_m.jpg\" alt=\"IT CookBook, 원리로 이해하는 전력전자공학&#40;2판&#41;\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li><li><div class='main_book_list'>          <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_b\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B6189263297\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">16,920<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B6189263297'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B6189263297_m.jpg\" alt=\"트러스트\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_l\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B8806843023\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B8806843023','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">16,200<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B8806843023'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B8806843023_m.jpg\" alt=\"리얼 싱가포르 [2022~2023 최신판]\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B4813114979\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B4813114979','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">36,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B4813114979'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B4813114979_m.jpg\" alt=\"구글 앱스 스크립트 완벽 가이드\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_b\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B2859439220\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">15,300<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B2859439220'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B2859439220_m.jpg\" alt=\"원소 이야기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1996635146\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B1996635146','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">34,200<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1996635146'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B1996635146_m.jpg\" alt=\"핸즈온 데이터 시각화\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li><li><div class='main_book_list'>          <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_e\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B4354575770\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B4354575770','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">6,300<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B4354575770'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B4354575770_m.jpg\" alt=\"생각하는 힘이 붙는 첫 숨은그림찾기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B9063949643\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">32,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B9063949643'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B9063949643_m.jpg\" alt=\"IT CookBook, TCP/IP 소켓 프로그래밍&#40;2판&#41;\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B7798657798\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B7798657798','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">28,800<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B7798657798'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B7798657798_m.jpg\" alt=\"파이썬을 활용한 베이지안 통계&#40;2판&#41;\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_b\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B5171715268\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">17,820<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B5171715268'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B5171715268_m.jpg\" alt=\"인피니티\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B7400451696\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">30,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B7400451696'\"></span>\n",
      "              </span>\n",
      "                                                        <img src=\"/data/books/B7400451696_m.jpg\" alt=\"IT CookBook, 쉽게 배우는 데이터 통신과 컴퓨터 네트워크&#40;3판&#41;\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li>  \n",
      "        </div>\n",
      "      </li>\n",
      "    </ul>\n",
      "  </div>\n",
      "  <div id=\"main_book_btn_new_HBIT\">\n",
      "    <div class=\"btn_book_left\"><a href=\"javascript:;\" class=\"btn_book_prev\" onmouseover=\"view_hover('main_book_btn','','show')\" onmouseout=\"view_hover('main_book_btn','','hide')\"></a></div>\n",
      "    <div class=\"btn_book_right\"><a href=\"javascript:;\" class=\"btn_book_next\" onmouseover=\"view_hover('main_book_btn','','show')\" onmouseout=\"view_hover('main_book_btn','','hide')\"></a></div>\n",
      "  </div>\n",
      "  <div class=\"btn_book_area_page\" style=\"text-align:center;\">\n",
      "    <div class=\"btn_book_page\">paging</div>\n",
      "  </div>\n",
      "  <!-- //책 리스트 -->\n",
      "  \n",
      "  <div class=\"btn_more\"><a href=\"/store/books/new_book_list.html\"><span>더보기</span></a></div>\n",
      "</section>\n",
      "<!-- //메인 새로나온 책-통합 -->\n",
      "\n",
      "\n",
      "<!-- 메인 베스트셀러 -->\n",
      "<section id=\"hbmain_book_area_best_HBIT\" name=\"hbmain_book_area_best_HBIT\" style=\"display:none;\" onmouseover=\"view_hover('main_book_btn_best_HBIT','','show')\" onmouseout=\"view_hover('main_book_btn_best_HBIT','','hide')\">\n",
      "  <!-- 탭메뉴 -->\n",
      "  <div class=\"m_tab\">\n",
      "    <ul class=\"m_tab_menu\">\n",
      "      <li><a href=\"javascript:main_book_display(1,1);\">새로나온책</a></li>\n",
      "      <li><a href=\"javascript:main_book_display(2,1);\" class=\"curr\">베스트셀러</a></li>\n",
      "    </ul>\n",
      "  </div>\n",
      "  <!-- //탭메뉴 -->\n",
      "  \n",
      "  <!-- 책 리스트 -->\n",
      "  <div id=\"touchSlider_book_best_HBIT\">\n",
      "    <ul>\n",
      "      <li>\n",
      "        <div class=\"main_book_list\">\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1207366943\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B1207366943','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">40,500<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1207366943'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B1207366943_m.jpg\" alt=\"구글 엔지니어는 이렇게 일한다\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B2002963743\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B2002963743','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">23,400<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B2002963743'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B2002963743_m.jpg\" alt=\"혼자 공부하는 머신러닝+딥러닝\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1854329839\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B1854329839','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">21,600<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1854329839'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B1854329839_m.jpg\" alt=\"혼자 공부하는 C 언어\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_b\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B7422209817\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">34,200<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B7422209817'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B7422209817_m.jpg\" alt=\"변화하는 세계 질서\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B8945183661\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B8945183661','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">30,600<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B8945183661'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B8945183661_m.jpg\" alt=\"이것이 취업을 위한 코딩 테스트다 with 파이썬\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li><li><div class='main_book_list'>          <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B3346434043\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B3346434043','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">21,600<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B3346434043'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B3346434043_m.jpg\" alt=\"일잘러의 비밀, 엑셀 대신 파이썬으로 업무 자동화하기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B4622884510\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">30,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B4622884510'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B4622884510_m.jpg\" alt=\"IT CookBook, UI/UX 디자인 이론과 실무 with 어도비 XD\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B6318137900\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">23,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B6318137900'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B6318137900_m.jpg\" alt=\"한번에 통과하는 논문 : SPSS 결과표 작성과 해석 방법\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_a\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1710834745\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                                    </span>\n",
      "                <span class=\"price\">35,000<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1710834745'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B1710834745_m.jpg\" alt=\"프리드버그 선형대수학\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_l\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B7748014142\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B7748014142','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">15,120<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B7748014142'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B7748014142_m.jpg\" alt=\"나는 왜 네 말이 힘들까\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li><li><div class='main_book_list'>          <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_e\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B1765707537\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B1765707537','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">10,800<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B1765707537'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B1765707537_m.jpg\" alt=\"1학년 한글 떼기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_r\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=E1054933296\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('E1054933296','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">14,400<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=E1054933296'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/ebook/E1054933296_m.jpg\" alt=\"C#과 데이터베이스로 누구나 쉽게 주식 자동매매 시스템 만들기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_r\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=E9745937947\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('E9745937947','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">12,600<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=E9745937947'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/ebook/E9745937947_m.jpg\" alt=\"Apache JMeter : 오픈소스로 대용량 웹 성능 테스트하기\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B4035028569\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B4035028569','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">19,800<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B4035028569'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B4035028569_m.jpg\" alt=\"맛있는 디자인 포토샵&일러스트레이터 CC 2022\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "                  <div class=\"view_box\">\n",
      "            <span class=\"view_box_block\">\n",
      "              <span class=\"img_hidden_m\">\n",
      "                <span class=\"pop_quick_menu\">\n",
      "                  <a href=\"/store/books/look.php?p_code=B6952616555\"><img src=\"/images/common/icon_view_detail.png\" alt=\"상세보기\" /></a>\n",
      "                                    <a href=\"javascript:;\" onClick=\"addCart('B6952616555','','1','');\"><img src=\"/images/common/icon_add_cart.png\" alt=\"장바구니 담기\" /></a>\n",
      "                                  </span>\n",
      "                <span class=\"price\">31,500<span>원</span></span>\n",
      "                <span class=\"pop_quick_bg\" onClick=\"location='/store/books/look.php?p_code=B6952616555'\"></span>\n",
      "              </span>\n",
      "                                          <img src=\"/data/books/B6952616555_m.jpg\" alt=\"리팩터링 2판 &#40;리팩토링 개정판&#41;\" class=\"thumb\" />\n",
      "                          </span>\n",
      "          </div>\n",
      "        </div></li>        </div>\n",
      "      </li>\n",
      "      \n",
      "    </ul>\n",
      "  </div>\n",
      "  \n",
      "  <div id=\"main_book_btn_best_HBIT\">\n",
      "    <div class=\"btn_book_left\"><a href=\"javascript:;\" class=\"btn_book_prev\" onmouseover=\"view_hover('main_book_btn','','show')\" onmouseout=\"view_hover('main_book_btn','','hide')\"></a></div>\n",
      "    <div class=\"btn_book_right\"><a href=\"javascript:;\" class=\"btn_book_next\" onmouseover=\"view_hover('main_book_btn','','show')\" onmouseout=\"view_hover('main_book_btn','','hide')\"></a></div>\n",
      "  </div>\n",
      "  <div class=\"btn_book_area_page\" style=\"text-align:center;\">\n",
      "    <div class=\"btn_book_page\">paging</div>\n",
      "  </div>\n",
      "  <!-- //책 리스트 -->\n",
      "  \n",
      "  <div class=\"btn_more\"><a href=\"/store/books/bestseller_list.html\"><span>더보기</span></a></div>\n",
      "</section>\n",
      "<!-- //메인 베스트셀러 -->\n",
      "\n",
      "<!-- //메인 책 영역 -->\n",
      "\n",
      "\n",
      "<!-- 메인 네트워크 영역 -->\n",
      "<section id=\"main_sns_area\" name=\"main_sns_area\" onmouseover=\"view_hover('main_network_btn','','show')\" onmouseout=\"view_hover('main_network_btn','','hide')\">\n",
      "  <!-- 타이틀 -->\n",
      "  <div class=\"main_sns_area_tit\">한빛 콘텐츠와 함께!!</div>\n",
      "  \n",
      "  <div class=\"main_sns_area_tit_r\">\n",
      "   <ul class=\"tab_sns\">\n",
      "    <li><a href=\"https://blog.hanbit.co.kr\" target=\"_blank\"><div class=\"sns_blog\"></div></a></li>\n",
      "    <li><a href=\"https://www.instagram.com/hanbit.pub/\" target=\"_blank\"><div class=\"sns_inst\"></div></a></li>\n",
      "    <li><a href=\"https://www.youtube.com/%ED%95%9C%EB%B9%9BTV\" target=\"_blank\"><div class=\"sns_yutu\"></div></a></li>\n",
      "    <li><a href=\"https://m.post.naver.com/hanbitstory\" target=\"_blank\"><div class=\"sns_nv\"></div></a></li>\n",
      "    <li><a href=\"https://www.facebook.com/hanbitmedia\" target=\"_blank\"><div class=\"sns_fb\"></div></a></li>\n",
      "    <li><a href=\"/channel/channel_submain.html\" target=\"_self\"><div class=\"sns_hb\"></div></a></li>\n",
      "  </ul> \n",
      "  </div>\n",
      "  <!-- //타이틀 -->\n",
      "  \n",
      "  <!-- 네트워크 리스트 -->\n",
      "  <div id=\"sns_network\">\n",
      "    <ul>\n",
      "      <li>\n",
      "        <div class=\"main_sns_list_area\">\n",
      "          <div class=\"main_sns_list\">\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_bl\"></div>\n",
      "              <a class=\"\" href=\"https://blog.hanbit.co.kr/284\" target=\"_blank\">\n",
      "\t\t\t\t  <img src=\"/data/cms/SNS7087861425_thumb.jpg\" alt=\"2022 서울국제도서전을 다녀오다 - 코엑스! 2년만인가!\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>2022 서울국제도서전을 다녀오다 - 코엑스! 2년만인가!</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_hb\"></div>\n",
      "              <a class=\"\" href=\"/channel/category/category_view.html?cms_code=CMS2118567228\" target=\"_self\">\n",
      "\t\t\t\t  <img src=\"/data/cms/CMS2118567228_thumb.jpg\" alt=\"개발자에 의한, 개발자를 위한...“데브렐이란 무엇인가?”\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>개발자에 의한, 개발자를 위한...“데브렐이란 무엇인가?”</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_hb\"></div>\n",
      "              <a class=\"\" href=\"/channel/category/category_view.html?cms_code=CMS7108503140\" target=\"_self\">\n",
      "\t\t\t\t  <img src=\"/data/cms/CMS7108503140_thumb.jpg\" alt=\"어느 구글러의 경험담: 내 코드를 숨기고 싶어요\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>어느 구글러의 경험담: 내 코드를 숨기고 싶어요</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_bl\"></div>\n",
      "              <a class=\"\" href=\"https://blog.hanbit.co.kr/282\" target=\"_blank\">\n",
      "\t\t\t\t  <img src=\"/data/cms/SNS8196601744_thumb.jpg\" alt=\"지나치게 재미있는 아카데미 워크숍♥\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>지나치게 재미있는 아카데미 워크숍♥</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "        </div><div class=\"main_sns_list\">            \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_yt\"></div>\n",
      "              <a class=\"\" href=\"https://youtu.be/Xtih85QeSB8\" target=\"_blank\">\n",
      "\t\t\t\t  <img src=\"/data/cms/SNS9061808850_thumb.jpg\" alt=\"미라클모닝 시작은 정말 6시일까?_해답드림&#40;미라클모닝 도서 담당자들&#41;\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>미라클모닝 시작은 정말 6시일까?_해답드림&#40;미라클모닝 도서 담당자들&#41;</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_hb\"></div>\n",
      "              <a class=\"\" href=\"/channel/category/category_view.html?cms_code=CMS7895414616\" target=\"_self\">\n",
      "\t\t\t\t  <img src=\"/data/cms/CMS7895414616_thumb.jpg\" alt=\"캐글 대회에서 가장 많은 우승을...XGBoost란?\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>캐글 대회에서 가장 많은 우승을...XGBoost란?</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_hb\"></div>\n",
      "              <a class=\"\" href=\"/channel/category/category_view.html?cms_code=CMS9733780399\" target=\"_self\">\n",
      "\t\t\t\t  <img src=\"/data/cms/CMS9733780399_thumb.jpg\" alt=\"파이썬과 엑셀 비교, python 업무 자동화 사례 알아보기\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>파이썬과 엑셀 비교, python 업무 자동화 사례 알아보기</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                    \n",
      "            <div class=\"thumb\">\n",
      "              <div class=\"sns_icon_hb\"></div>\n",
      "              <a class=\"\" href=\"/channel/category/category_view.html?cms_code=CMS7678783507\" target=\"_self\">\n",
      "\t\t\t\t  <img src=\"/data/cms/CMS7678783507_thumb.jpg\" alt=\"창시자가 말하는 엘릭서 언어의 탄생, “실용적으로 접근한 함수형 프로그래밍”\" class=\"thumb hv1\"/>\n",
      "\t\t\t\t  <span><p>창시자가 말하는 엘릭서 언어의 탄생, “실용적으로 접근한 함수형 프로그래밍”</p></span>\n",
      "              </a>\n",
      "            </div>\n",
      "                  </div>\n",
      "        </div>\n",
      "      </li>    \n",
      "    </ul>\n",
      "  </div>\n",
      "  <!-- //네트워크 리스트 -->\n",
      "</section>\n",
      "<!-- //메인 네트워크 영역 -->\n",
      "\n",
      "<!-- 공지사항 -->\n",
      "<section id=\"hb_supprt\">\n",
      "  <!-- 탭메뉴 -->\n",
      "  <div class=\"m_tab\">\n",
      "    <ul class=\"m_tab_menu\">\n",
      "      <li><a href=\"/support/notice_list.html\" class=\"curr\">공지사항</a></li>\n",
      "    </ul>\n",
      "  </div>\n",
      "  <div class=\"btn_more\"><a href=\"/support/notice_list.html\"><span>더보기</span></a></div>\n",
      "\n",
      "  <div class=\"supprt_wrap\">\n",
      "    <div class=\"supprt_content\">\n",
      "    <a class=\"gen_supprt\" href=\"/support/notice_view.html?hnb_idx=318\">\n",
      "      <p>[채용공고] IT활용서 분야 도서 기획편집자&#40;경력&#41; 모집&#40;서류전형 : 22/5/30 ~ 22/6/15&#41;</p>\n",
      "    </a>\n",
      "    <span>2022-05-30</span>\n",
      "  </div>\n",
      "    <div class=\"supprt_content_m\">\n",
      "    <a class=\"gen_supprt\" href=\"/support/notice_view.html?hnb_idx=317\">\n",
      "      <p>BIZSIREN 서버 교체 작업으로 본인인증서비스 중단 안내&#40;22년 5월 26일 03:00~06:00&#41;</p>\n",
      "    </a>\n",
      "    <span>2022-05-25</span>\n",
      "  </div>\n",
      "    <div class=\"supprt_content\">\n",
      "    <a class=\"gen_supprt\" href=\"/support/notice_view.html?hnb_idx=316\">\n",
      "      <p>[채용공고] 한빛라이프 여행 분야 도서 기획/편집자 모집</p>\n",
      "    </a>\n",
      "    <span>2022-03-28</span>\n",
      "  </div>\n",
      "    </div>\n",
      "</section>\n",
      "\n",
      "  <!-- 레이어 팝업 - 카트 담기 -->\n",
      "  \t<div class=\"add_cart_layer\">\n",
      "\t\t<div class=\"bg\"></div>\n",
      "\t\t<div class=\"add_cart_pop-layer\" id=\"layer_add_cart\">\n",
      "\t\t\t<div class=\"pop-container\">\n",
      "\t\t\t\t<div class=\"pop-conts\">\n",
      "\t\t\t\t\t\n",
      "\t\t\t\t\t<!--content //-->\n",
      "\t\t\t\t\t<div class=\"close\"><a class=\"cbtn\" href=\"javascript:;\" onClick=\"\"><img src=\"https://www.hanbit.co.kr/images/common/icon_close.png\" width=\"38\" height=\"38\" alt=\"닫기\" /></a></div>\n",
      "\t\t\t\t\t<p class=\"ctxt\"><span id='cartmsg'>해당 상품을 장바구니에 담았습니다.</span><span id='cartmsg2'>이미 장바구니에 추가된 상품입니다.</span><br />장바구니로 이동하시겠습니까?</p>\n",
      "\t\t\t\t\t<div class=\"btn_layer\">\n",
      "\t\t\t\t\t\t<a href=\"/myhanbit/cart.html\">장바구니<br />이동</a>\n",
      "\t\t\t\t\t\t<!--<a href=\"javascript:;\" onClick=\"$('.add_cart_layer').hide();\">쇼핑<br />계속</a>-->\n",
      "\t\t\t\t\t\t<a class=\"cbtn\" href=\"javascript:;\" onClick=\"\">쇼핑<br />계속</a>\n",
      "\t\t\t\t\t</div>\n",
      "\t\t\t\t\t<!--// content-->\n",
      "\t\t\t\t\t\n",
      "\t\t\t\t</div>\n",
      "\t\t\t</div>\n",
      "\t\t</div>\n",
      "\t</div>  <!-- //레이어 팝업 - 카트 담기 -->\n",
      "\n",
      "<!-- Footer -->\n",
      "<footer>\n",
      "  <!-- 공지사항 -->\n",
      "  <div class=\"foot_notice\" style=\"height:6px;\"></div>  <!-- //공지사항 -->\n",
      "  \n",
      "  <div class=\"foot_contents\">\n",
      "    <!-- 하단 메뉴 -->\n",
      "    <div class=\"foot_menu\">\n",
      "      <!-- added by coffin -->\n",
      "            <ul>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/publisher/index.html\" target=\"_blank\">회사소개</a>(<a href=\"https://www.hanbit.co.kr/publisher/index.html\" target=\"_blank\">KOR</a> | <a href=\"https://www.hanbit.co.kr/publisher/index.html?lang=e\" target=\"_blank\">ENG</a>) &#149; <a href=\"https://www.hanbit.co.kr/publisher/contact.html?lang=k\" target=\"_blank\">약도</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/publisher/write.html\" target=\"_blank\">기획 및 원고 모집</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/publisher/career.html\" target=\"_blank\">채용</a> &#149; 입사지원 <a href=\"mailto:jobs@hanbit.co.kr\">jobs@hanbit.co.kr</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/publisher/foreignrights.html\" target=\"_blank\">FOREIGN RIGHTS</a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/member/use_agreement.html\">이용약관</a> &#149; <a href=\"https://www.hanbit.co.kr/member/privacy_policy.html\"><strong>개인정보처리방침</strong></a></li>\n",
      "        <li><a href=\"https://www.hanbit.co.kr/sitemap/sitemap.html\">사이트맵</a></li>\n",
      "      </ul>\n",
      "          </div>\n",
      "    <!-- //하단 메뉴 -->\n",
      "\n",
      "    <!-- SNS -->\n",
      "    <div class=\"foot_sns\">\n",
      "          \t<!-- 데브레터 구독하기 -->\n",
      "    \t<div class=\"devletter_contet\">\n",
      "    \t\t<div class=\"devletter_sub\">\n",
      "    \t\t\t<span class=\"dev_header_img\">데브레터 구독하기</span><a class=\"dev_sit_a\" href=\"/devletter/\" target=\"_blank\"><span class=\"dev_site_img\">데브레터 보러가기</span></a>\n",
      "    \t\t</div>\n",
      "    \n",
      "    \t\t <form class=\"subscribe_form\" action=\"/devletter/dev_process.php\" method=\"post\">\n",
      "    \t\t\t<fieldset class=\"subscribe_fiel\">\n",
      "    \t\t\t\t<legend>구독서비스</legend>\n",
      "    \t\t\t\t<input type=\"text\" placeholder=\"Your Email Address\" name=\"user_email\"></input>\n",
      "    \t\t\t\t<button type=\"submit\" class=\"sub_btn\"><span>구독</span></button>\n",
      "    \t\t\t</fieldset>\n",
      "    \t\t </form>\n",
      "    \n",
      "    \t\t  <div class=\"main_foot_sns\">\n",
      "    \t\t\t  <ul>\n",
      "    \t\t\t\t<li class=\"main_foot_facebook\"><a href=\"https://www.facebook.com/hanbitmedia\" target=\"_blank\"><span>페이스북</span></a></li>\n",
      "    \t\t\t\t<li class=\"main_foot_youtube\"><a href=\"https://www.youtube.com/한빛TV\" target=\"_blank\"><span>유튜브</span></a></li>\n",
      "    \t\t\t\t<li class=\"main_foot_bolg\"><a href=\"http://blog.hanbit.co.kr/\" target=\"_blank\"><span>블로그</span></a></li>\n",
      "    \t\t\t\t<li class=\"main_foot_naverpost\"><a href=\"https://m.post.naver.com/hanbitstory\" target=\"_blank\"><span>네이버포스트</span></a></li>\n",
      "    \t\t\t  </ul>\n",
      "    \t\t  </div>\n",
      "    \t</div>  \n",
      "    \t<!-- 데브레터 구독하기 //-->\n",
      "          \n",
      "         </div>\n",
      "    <!-- //SNS -->\n",
      "    \n",
      "    <!-- 한빛 정보 -->\n",
      "    <div class=\"foot_about\">\n",
      "      <div class=\"foot_about_area\">\n",
      "        \n",
      "\n",
      "        <p><strong>한빛미디어㈜ &#149; 한빛아카데미㈜ &#149; 한빛비즈㈜</strong></p>\n",
      "        <p>(03785) 서울 서대문구 연희로2길 62</p>\n",
      "        <p>EMAIL : support@hanbit.co.kr</p>\n",
      "        <p>대표이사 : 김태헌</p>\n",
      "        <p>사업자등록번호 : 220-81-05665 <a href=\"http://www.ftc.go.kr/bizCommPop.do?wrkr_no=2208105665\" target=\"_blank\">[확인]</a></p>\n",
      "        <p>통신판매업신고 : 2017-서울서대문-0671호</p>\n",
      "        <p>호스팅제공자 : (주)누리호스팅</p>        \n",
      "\n",
      "      </div>\n",
      "    </div>\n",
      "    <!-- //한빛 정보 -->\n",
      "  </div>\n",
      "  \n",
      "  <div class=\"copyright\">&copy;1993-2022 Hanbit Publishing Network, Inc. All rights reserved.</div>\n",
      "</footer>\n",
      "<!-- //푸터 -->\n",
      "<div class=\"foot_download_btn\"><a href=\"https://www.hanbit.co.kr/support/supplement_list.html\">자료실</a></div>\n",
      "\n",
      "<!-- 공통 JS 호출 -->\n",
      "<script type=\"text/javascript\" src=\"/js/common.js\"></script>\n",
      "<!-- //공통 JS 호출 -->\n",
      "\n",
      "</body>\n",
      "</html>\n",
      "\n"
     ]
    }
   ],
   "source": [
    "print(text)"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d756f819-24d8-4b0e-b610-a4830f51742c",
   "metadata": {},
   "source": [
    "## meta 태그에서 인코딩 방식 추출\n",
    "- 웹 서버 설정에 따라 HTTP 헤더의 Content-Type 인코딩과 실제 사용되고 있는 인코딩 형식 상이\n",
    "- 브라우저는 HTML 내부의 meta 태그 또는 응답 본문의 바이트열 확인을 통해 최종 인코딩 방식 결정 및 화면 출력\n",
    "- 디코딩 처리에서 UnicodeDecodeError 발생 시 이러한 방식으로 구현 가능\n",
    "- HTML meta에 명시되는 인코딩 형식"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 82,
   "id": "c6903bdf-ad27-45e6-a726-24acb488192c",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re\n",
    "import sys\n",
    "from urllib.request import urlopen"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 83,
   "id": "dab6fc72-e94d-4dda-ba21-0c9820284058",
   "metadata": {},
   "outputs": [],
   "source": [
    "f = urlopen('http://www.hanbit.co.kr/store/books/full_book_list.html')\n",
    "# bytes 자료형의 응답 본문을 일단 변수에 저장\n",
    "bytes_content = f.read()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 84,
   "id": "ee183333-a00d-4052-9892-a6a4bdc60c42",
   "metadata": {},
   "outputs": [],
   "source": [
    "# charset은 HTML의 앞부분에 적혀 있는 경우가 많으므로\n",
    "# 응답 본문의 앞부분 1024 바이트를 ASCII 문자로 디코딩\n",
    "# ASCII 범위 이외의 문자는 U+FFFD ( REPLACEMENT CHARACTER ) 로 변환되어 예외가 발생하지 않음\n",
    "scanned_text = bytes_content[:1024].decode('ascii', errors='replace')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 87,
   "id": "527b643c-c0a0-45a4-9853-9ea58ec1f9ea",
   "metadata": {},
   "outputs": [],
   "source": [
    "# 디코딩한 문자열에서 정규 표현식으로 charset 값을 추출\n",
    "match = re.search(r'charset=[\"\\']?([\\w-]+)', scanned_text)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 88,
   "id": "f31fd9ea-54f1-42ee-9f21-d56867aa9e01",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'utf-8'"
      ]
     },
     "execution_count": 88,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "match.group(1)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 89,
   "id": "29ad5047-d475-4b6b-95db-c001336ef3fd",
   "metadata": {},
   "outputs": [],
   "source": [
    "if match:\n",
    "    encoding = match.group(1)\n",
    "else:\n",
    "    # charset이 명시되어 있지 않으면 UTF-8 사용\n",
    "    encoding = 'utf-8'"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "8c320786-2abc-4330-a316-ed0108272535",
   "metadata": {},
   "source": [
    "## 정규표현식으로 스크레이핑 하기"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 91,
   "id": "cdfea2ce-103a-4566-8b61-2ac1de4c04f6",
   "metadata": {},
   "outputs": [],
   "source": [
    "import re"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 92,
   "id": "3bd67101-0efb-4fbc-8f25-ee4fbc756404",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<re.Match object; span=(0, 3), match='abc'>"
      ]
     },
     "execution_count": 92,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# re.search() 함수를 사용하면 두 번째 매개변수의 문자열이 \n",
    "# 첫 번째 매개변수의 정규표현식과 매칭되는지 확인 가능\n",
    "# 매칭되는 경우 Match 객체를 반환, 매칭되지 않는 경우 None 반환\n",
    "re.search(r'a.*c', 'abc123DEF')\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 93,
   "id": "728abdb6-bc69-4250-8771-1b5b7a2de76a",
   "metadata": {},
   "outputs": [],
   "source": [
    "# 다음 예는 정규 표현식에 맞지 않으므로 None을 반환\n",
    "re.search(r'a.*d', 'abc123DEF')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 94,
   "id": "b7f63d6f-ca53-44c9-9a2b-ab634396a1d7",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<re.Match object; span=(0, 7), match='abd123D'>"
      ]
     },
     "execution_count": 94,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# re.ignorecase(또는 re.I)를 지정하면 대소문자를 무시\n",
    "re.search(r'a.*d', 'abd123DEF', re.I)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 95,
   "id": "c1fbc086-2dc8-485a-8230-30fbbd7db0e7",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'abc'"
      ]
     },
     "execution_count": 95,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# match 객체의 group() 메서드로 일치한 값을 추출\n",
    "# 매개변수에 0을 지정하면 매치된 모든 값을 반환\n",
    "m = re.search(r'a(.*)c', 'abc123DEF')\n",
    "m.group(0)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 96,
   "id": "e0241b76-c63e-4ef5-8b4b-d480743e8678",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'b'"
      ]
     },
     "execution_count": 96,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# 매개변수에 1 이상의 숫자를 지정하면 정규 표현식에서 0으로 감싼 부분에 해당하는 값을 추출\n",
    "# 1이라면 1번째 그룹, 2라면 2번째 그룹 추출\n",
    "m.group(1)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 98,
   "id": "fcae7b78-fd97-4241-9ec1-6f26cd111741",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['This', 'is', 'pen']"
      ]
     },
     "execution_count": 98,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# re.findall() 함수를 사용하면 정규 표현식에 맞는 모든 문자열을 리스트 타입으로 추출 가능\n",
    "# 다음 예는 2글자 이상의 단어를 모두 추출\n",
    "# \\w는 유니코드로 글자를 비교, 공백문자는 \\s 등으로 추출 가능\n",
    "re.findall(r'\\w{2,}', 'This is a pen')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 99,
   "id": "491f337f-d2ba-4cc3-8f82-d5f2300922ee",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "'That That a That'"
      ]
     },
     "execution_count": 99,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# re.sub() 함수를 사용하면 정규 표현식에 매칭되는 문자열 치환\n",
    "# 3번째 매개변수에 넣은 문자열에서 첫 번째 정규 표현식에 매칭되는 문자열을\n",
    "# 2번째 매개변수 문자열로 치환함\n",
    "re.sub(r'\\w{2,}', 'That', 'This is a pen')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 102,
   "id": "c903c3f4-3b0c-4464-baba-89d5faadaaf3",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<re.Match object; span=(0, 7), match='abc123D'>"
      ]
     },
     "execution_count": 102,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "result = re.search(r'a.*D', 'abc123DEF')\n",
    "result"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 103,
   "id": "b50d1e5e-adb1-4529-972b-564bf4e24ef7",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "<re.Match object; span=(0, 7), match='abc123D'>"
      ]
     },
     "execution_count": 103,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# match는 시작부터 일치하는지를 검사, search는 매칭되는 위치가 어디인지 탐색\n",
    "result = re.match(r'a.*D', 'abc123DEF')\n",
    "result"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "159a9dbb-c70d-4a3e-8bea-026515cb2bdd",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.9.12"
  },
  "toc-autonumbering": true
 },
 "nbformat": 4,
 "nbformat_minor": 5
}