|
홈페이지 텍스트를 파싱하려고 합니다.
개발자도구에서 볼 때는
<div class="evt-item-lst">
</div>
이 태그 안에 있는 걸로 보이는데 파싱하면 딱 위에 태그만 노출이 됩니다.
그래서 피들러로 살펴보니 json 데이터로 되어있는데요
$("#event_region").val("");
$("#event_region").change();
$("#event_theater").val("");
$("#search").on("click", function(){
location.href = "/culture-event/event/?menu=2®ioncode=" + $("#event_region").val() + "&theatercode=" + $("#event_theater").val();
});
var jsonData =
[
{
"idx":15638, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0221/(240X200______CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15638&menu=2", "description":"<존 윅-리로드>팬심 저격 퀴즈 이벤트"
}
,
{
"idx":15627, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0221/240x200.jpg", "link":
"./detail-view.aspx?idx=15627&menu=2", "description":"<용을 찾아서> 1+1 예매 이벤트"
}
,
{
"idx":15626, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0220/240x200.jpg", "link":
"./detail-view.aspx?idx=15626&menu=2", "description":"<슬립리스: 크리미널 나이트> 기대평 경품 이벤트"
}
,
{
"idx":15624, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0220/CGV_240x200(1).jpg", "link":
"./detail-view.aspx?idx=15624&menu=2", "description":"<루시드 드림> 앵콜 1+1 예매 이벤트"
}
,
{
"idx":15622, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0220/CGV_240x200.jpg", "link":
"./detail-view.aspx?idx=15622&menu=2", "description":"<루시드 드림> 예매 경품 이벤트"
}
,
{
"idx":15617, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0217/(240X200)CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15617&menu=2", "description":"<존 윅-리로드> 예매 경품 이벤트"
}
,
{
"idx":15612, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0216/240x200(4).jpg", "link":
"./detail-view.aspx?idx=15612&menu=2", "description":"<구름의 저편, 약속의 장소> GV 스페셜 이벤트"
}
,
{
"idx":15606, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0216/240x200(1).jpg", "link":
"./detail-view.aspx?idx=15606&menu=2", "description":"<조작된 도시> 1+1 앵콜 이벤트 "
}
,
{
"idx":15603, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0215/(240X200)CGV_web_banner_sample.jpg", "link":
"./detail-view.aspx?idx=15603&menu=2", "description":"<더 큐어> 예매 경품 이벤트"
}
,
{
"idx":15602, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0215/240x200_01.jpg", "link":
"./detail-view.aspx?idx=15602&menu=2", "description":"<재심> 관람평 경품 이벤트트"
}
,
{
"idx":15600, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0214/240x200(4).jpg", "link":
"./detail-view.aspx?idx=15600&menu=2", "description":"<명탐정 코난: 에피소드 원-작아진 명탐정> 예매 경품 이벤트"
}
,
{
"idx":15598, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0214/240x200(3).jpg", "link":
"./detail-view.aspx?idx=15598&menu=2", "description":"<맨체스터 바이 더 씨> 예매 경품 이벤트"
}
,
{
"idx":15590, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0213/240x200(2).jpg", "link":
"./detail-view.aspx?idx=15590&menu=2", "description":"<마이펫 오지> 스페셜 예매 경품 이벤트"
}
,
{
"idx":15585, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0213/240x200.jpg", "link":
"./detail-view.aspx?idx=15585&menu=2", "description":"[싱글라이더] 스타★라이브톡"
}
,
{
"idx":15557, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0209/yourname_240x200.jpg", "link":
"./detail-view.aspx?idx=15557&menu=2", "description":"<너의 이름은.> 예매 경품 이벤트"
}
,
{
"idx":15539, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0207/greatwall_240x200.jpg", "link":
"./detail-view.aspx?idx=15539&menu=2", "description":"<그레이트 월> 스페셜 이벤트"
}
,
{
"idx":15519, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0203/(240X200)CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15519&menu=2", "description":"<라이언> cgv only 상영작 특가 이벤트"
}
]; $(".evt-item-lst").tileGalleryEvent({
"type": "event",
"data": jsonData,
"listHeights": [180, 140, 45],
"leftMargins": [17, 289, 557],
"imageMargin": 20,
"limit": callLimit(),
"imageWidth" : 240,
"callback" : function() {
var currhash = window.location.hash.substring(1);
var hash = getCookie("Hash");
if(currhash == "") {
currhash = 1;
}
else {
if (hash == '') {
currhash = Number(currhash) + 1;
}
else {
currhash = Number(hash);
}
}
var scrollPoint = getCookie("scrollPoint");
if (scrollPoint != "") {
$(document).scrollTop(scrollPoint);
}
deleteCookie("scrollPoint");
deleteCookie("Hash");
var hashpos = window.location.toString().indexOf("#");
var newUrlhash = window.location.toString().substring(0, hashpos) + "#" + currhash;
window.location = newUrlhash;
}
});
});
})(jQuery);
이런식으로 되어 있었습니다.
그래서 파싱 라이브러리로 gson을 사용해보려고 하는데
이걸 파싱하기 위해서는 작업의 순서가
html > json 순으로 파고 들어가야되나요?
아니면 바로 json으로 파고 들어가야되나요?
바로 var jsonData = 이 값으로 접근이 가능한지 아니면 html 태그의 evt-item-List 를 타고 들어가야 하는건가요?
json 파싱 | 
등록안내
등록안내
타 사이트의 html 태그를 가져와서 노출시킬려는 것인지??
혹은 json 데이터를 대신 받아와서 직접 저장을 할려고 하는지??
파싱이란 특정 규칙으로 되어있는 데이터를 정제하는 작업을 말합니다.
실제 jquery로 html 태그를 가져오려면
$('.evt-item-lst').html()로 획득할수 있습니다.
tileGalleryEvent 함수의 용도를 잘은 모르겠지만
callback 함수에서 $('.evt-item-lst').html()로 html 태그를 얻을 수 있을 것 같네요.
그런데 해당 페이지가 html 파싱으로 데이터가 나오지 않아 피들러를 통해 살펴보니 저렇게 태그가 아닌 json데이터로 나오고 있엇구요.
말씀해주신대로 jquery를 사용해서 가져오려면 안드로이드에서 자바스크립트를 돌려야 하는건가요?
도무지 갈피를 못잡아서 시작을 못하고 있어서요 ㅠ
jquery도 하나의 언어인지 아니면 자바스크립트에서 사용할 수 있는 api중 하나인지 이것도 궁금하네요.