GDS 부킹엔진 개발 소개

오늘은 xml, xslt 파일을 c# 콘솔응용 프로그램을 이용하여 html 으로 컨버터 해보자.
C# 외의 다른 개발 언어도 Transform 기능이 다 있으므로 찾아 보기 바랍니다.

* LowFareSearchRsp.xml 파일에서 위 내용은 삭제 후 적용한다.

sHtml 에 어떤 값이 할당되는지 중단포인트로 디버깅 해서 확인해 보자.

도시와 항공사 디코딩된 데이타가 잘 컨버터 된 것을 확인 할 수 있다. 텍스트 시각화 도우미로 보면 스타일 시트 코딩은 보이지 않고 Transform 되어 html 소스코드만 볼 수 있다.
이것으로 스타일 시트의 간단한 코딩을 해보았다.
웹에서 transform은 프로그램 소스가 좀 다르기 때문에 아래에 클래스를 참조 하기 바랍니다.

아래 내용은 디버깅 모드에서 텍스트 시각화 도우미 일때 text 내용.
Transform되면 스타일 시트 코딩와 자바스클립트는 보이지 않는다.


<meta http-equiv="X-UA-Compatible" content="IE=Edge;" xmlns:js="javascript:code">
<link rel="stylesheet" href="https://tour.interpark.com/global/css/air_search.css?ver=20200305140" xmlns:js="javascript:code">
<div id="air_search" class="air-sub" xmlns:js="javascript:code">
  <div id="dBody">
    <div class="booking-wrapper">
      <div class="booking-section-top">
        <div class="search-result-wrap">
          <table class="enter-sel-table">
            <caption> </caption>
            <tbody>
              <tr class="around-schedule">
                <td class="type2">
                  <div class="around-start"><strong>인천 <span class="ct-code">(ICN)</span></strong><div class="date"><button class="prev" type="button"><span class="date-txt">이전날짜</span></button> 2020.03.26(목) <button class="next" type="button"><span class="date-txt">다음날짜</span></button></div>
                  </div>
                  <div class="around-data"><span class="data">성인1명 / 일반석 / 왕복</span><span class="around-icon oneway">에서</span><button class="btn-default other-btn" type="button">다른일정 검색</button></div>
                  <div class="around-arrive"><strong>홍콩 <span class="ct-code">(HKG)</span></strong><div class="date"><button class="prev" type="button"><span class="date-txt">이전날짜</span></button> 2020.03.31(화) <button class="next" type="button"><span class="date-txt">다음날짜</span></button></div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <div class="booking-section-bottom"></div>
    </div>
    <div class="detail-wrapper">
      <h2 class="invisible"></h2>
      <div class="detail-wrap">
        <div class="detail-view-area">
          <div class="detail-view-carendar on">
            <div id="tipDiv" class="tips-wrap">
              <h2 class="invisible"></h2>
              <ul class="booking-tips">
                <li class="carendar-tip"><span id="prevNextTip3" class="tip-badge">날짜 TIP!</span> <a id="prevNextTip4" title="최저가요금 얀내"></a>출발일 전후 <strong>최저가 요금</strong>을 확인하세요.</li>
                <li class="seat-tip"><span class="tip-badge">I-포인트 TIP!</span> <a title="좌석클래스 안내"><strong>I-포인트</strong> 100% 사용 가능</a></li>
                <li class="payment-tip"><span class="tip-badge">결제 TIP!</span> <a title="카드결제할인 얀내"><strong id="payTip1">성인(삼성카드결제조건)</strong> 결제 시 최저가 예약 가능!</a></li>
              </ul>
            </div>
            <div id="goodsList0Div" class="flight-list-wrapper">
              <h2 class="search-title style1"> 가는편 <strong>인천(ICN) → 홍콩(HKG)</strong></h2><span class="filter-info-area"><span class="sch-result-num">검색결과 <strong id="G0Count">15개</strong></span> <a class="filter-btn more-btn">상세검색</a></span><div class="air-table filter-air-table">
                <div class="thead">
                  <ul>
                    <li class="t1">항공사</li>
                    <li class="t2">출발시간</li>
                    <li class="t3">도착시간</li>
                    <li class="t4">경유</li>
                    <li class="t5">소요시간</li>
                    <li class="t6">요금조건</li>
                    <li class="t7"><span id="lowPriceCol">예상요금</span></li>
                  </ul>
                </div>
                <div class="scroll-body filter-body">
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/7C.png&#xA;                    " title="7C"></i><span class="airportName">제주항공</span></div>
                      <div class="t2">인천 <span class="time">00:30</span><br>홍콩<span class="time">06:05</span><br></div>
                      <div class="t3">홍콩<span class="time">21:25</span><br>인천 <span class="time">01:25</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간5분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>163,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/7C.png&#xA;                    " title="7C"></i><span class="airportName">제주항공</span></div>
                      <div class="t2">인천 <span class="time">00:30</span><br>홍콩<span class="time">18:15</span><br></div>
                      <div class="t3">홍콩<span class="time">21:25</span><br>인천 <span class="time">13:35</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간5분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>163,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/HX.png&#xA;                    " title="HX"></i><span class="airportName">홍콩항공</span></div>
                      <div class="t2">인천 <span class="time">19:15</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">15:55</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간20분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>183,100</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/H1.png&#xA;                    " title="H1"></i><span class="airportName">한에어 </span></div>
                      <div class="t2">인천 <span class="time">00:30</span><br>홍콩<span class="time">06:05</span><br></div>
                      <div class="t3">홍콩<span class="time">21:25</span><br>인천 <span class="time">01:25</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간5분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>314,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/H1.png&#xA;                    " title="H1"></i><span class="airportName">한에어 </span></div>
                      <div class="t2">인천 <span class="time">00:30</span><br>홍콩<span class="time">18:15</span><br></div>
                      <div class="t3">홍콩<span class="time">21:25</span><br>인천 <span class="time">13:35</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간5분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>314,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/UO.png&#xA;                    " title="UO"></i><span class="airportName">홍콩엑스프레스항공</span></div>
                      <div class="t2">인천 <span class="time">15:35</span><br>홍콩<span class="time">11:55</span><br></div>
                      <div class="t3">홍콩<span class="time">12:35</span><br>인천 <span class="time">07:15</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>320,700</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">22:50</span><br>홍콩<span class="time">19:15</span><br></div>
                      <div class="t3">홍콩<span class="time">19:50</span><br>인천 <span class="time">14:25</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간50분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>341,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">22:50</span><br>홍콩<span class="time">12:35</span><br></div>
                      <div class="t3">홍콩<span class="time">19:50</span><br>인천 <span class="time">07:55</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>356,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">22:50</span><br>홍콩<span class="time">20:15</span><br></div>
                      <div class="t3">홍콩<span class="time">19:50</span><br>인천 <span class="time">13:30</span><br></div>
                      <div class="t4">직항<br><br>1회 경유<br><br></div>
                      <div class="t5">4시간0분<br><br>5시간45분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>356,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">14:20</span><br>홍콩<span class="time">19:15</span><br></div>
                      <div class="t3">홍콩<span class="time">09:20</span><br>인천 <span class="time">14:25</span><br></div>
                      <div class="t4">1회 경유<br><br>직항<br><br></div>
                      <div class="t5">6시간0분<br><br>3시간50분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>356,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">23:15</span><br>홍콩<span class="time">17:30</span><br></div>
                      <div class="t3">홍콩<span class="time">20:15</span><br>인천 <span class="time">13:15</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간15분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>361,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">23:15</span><br>홍콩<span class="time">04:50</span><br></div>
                      <div class="t3">홍콩<span class="time">20:15</span><br>인천 <span class="time">00:30</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간20분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>361,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">14:20</span><br>홍콩<span class="time">12:35</span><br></div>
                      <div class="t3">홍콩<span class="time">09:20</span><br>인천 <span class="time">07:55</span><br></div>
                      <div class="t4">1회 경유<br><br>직항<br><br></div>
                      <div class="t5">6시간0분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>371,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">14:20</span><br>홍콩<span class="time">14:10</span><br></div>
                      <div class="t3">홍콩<span class="time">09:20</span><br>인천 <span class="time">09:20</span><br></div>
                      <div class="t4">1회 경유<br><br>직항<br><br></div>
                      <div class="t5">6시간0분<br><br>3시간50분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>371,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png&#xA;                    " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>
                      <div class="t2">인천 <span class="time">14:20</span><br>홍콩<span class="time">20:15</span><br></div>
                      <div class="t3">홍콩<span class="time">09:20</span><br>인천 <span class="time">13:30</span><br></div>
                      <div class="t4">1회 경유<br><br>1회 경유<br><br></div>
                      <div class="t5">6시간0분<br><br>5시간45분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>371,500</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">23:15</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">20:15</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간0분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>384,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">22:40</span><br>홍콩<span class="time">17:30</span><br></div>
                      <div class="t3">홍콩<span class="time">19:25</span><br>인천 <span class="time">13:15</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간15분<br><br>3시간15분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>408,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">22:40</span><br>홍콩<span class="time">04:50</span><br></div>
                      <div class="t3">홍콩<span class="time">19:25</span><br>인천 <span class="time">00:30</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간15분<br><br>3시간20분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>408,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">19:15</span><br>홍콩<span class="time">17:30</span><br></div>
                      <div class="t3">홍콩<span class="time">15:55</span><br>인천 <span class="time">13:15</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간20분<br><br>3시간15분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>411,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">19:15</span><br>홍콩<span class="time">04:50</span><br></div>
                      <div class="t3">홍콩<span class="time">15:55</span><br>인천 <span class="time">00:30</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간20분<br><br>3시간20분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>411,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/HX.png&#xA;                    " title="HX"></i><span class="airportName">홍콩항공</span></div>
                      <div class="t2">인천 <span class="time">11:50</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">09:00</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">3시간50분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>418,600</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/HX.png&#xA;                    " title="HX"></i><span class="airportName">홍콩항공</span></div>
                      <div class="t2">인천 <span class="time">22:40</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">19:25</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간15분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>418,600</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left"><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/HX.png&#xA;                    " title="HX"></i><span class="airportName">홍콩항공</span></div>
                      <div class="t2">인천 <span class="time">19:15</span><br>홍콩<span class="time">17:30</span><br></div>
                      <div class="t3">홍콩<span class="time">15:55</span><br>인천 <span class="time">13:15</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간20분<br><br>3시간15분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>418,600</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">22:40</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">19:25</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간15분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>431,300</strong>원</span></div>
                    </li>
                  </ul>
                  <ul id="schedule0List">
                    <li class="">
                      <div class="t1 align-left">
                        <div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="&#xA;                      https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png&#xA;                    " title="OZ"></i><span class="airportName">아시아나항공</span></div>
                      <div class="t2">인천 <span class="time">19:15</span><br>홍콩<span class="time">15:45</span><br></div>
                      <div class="t3">홍콩<span class="time">15:55</span><br>인천 <span class="time">11:05</span><br></div>
                      <div class="t4">직항<br><br>직항<br><br></div>
                      <div class="t5">4시간20분<br><br>3시간40분<br><br></div>
                      <div class="t6 txt-flow align-center">성인 1명</div>
                      <div class="t7 last align-right"><span class="charge-status"><span class="status ">요금확정 </span><span class="charge-badge status1 ">가능</span></span> <span class="charge"><strong>434,300</strong>원</span></div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

<tbody>

</div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

<li class="carendar-tip"><span id="prevNextTip3" class="tip-badge">날짜 TIP!</span> <a id="prevNextTip4" title="최저가요금 얀내"></a>출발일 전후 <strong>최저가 요금</strong>을 확인하세요.</li>

<li class="payment-tip"><span class="tip-badge">결제 TIP!</span> <a title="카드결제할인 얀내"><strong id="payTip1">성인(삼성카드결제조건)</strong> 결제 시 최저가 예약 가능!</a></li>

</ul>

</div>

<ul>

</ul>

</div>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

<div class="t1 align-left"><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/UO.png
 " title="UO"></i><span class="airportName">홍콩엑스프레스항공</span></div>

</li>

</ul>

<div class="t1 align-left"><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/CX.png
 " title="CX"></i><span class="airportName">캐세이패시픽항공</span></div>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

<div class="best-group"><span class="icon-badge best">Best</span></div><i class="air-search-icon"><img src="
 https://openimage.interpark.com/tourpark/air/air_logo/m/OZ.png
 " title="OZ"></i><span class="airportName">아시아나항공</span></div>

</li>

</ul>

</div>

C# 웹용 Transform 간단 클래스를 만들어 보았다. try, catch 처리를 추가 하기 바랍니다.

이것으로 스타일 시트 강좌는 끝난 것 같습니다.
계속 다른 게시물도 올리니 계속 사이트를 참조 하기 바랍니다.

sHtml 에 어떤 값이 할당되는지 중단포인트로 디버깅 해서 확인해 보자.

아래 내용은 디버깅 모드에서 텍스트 시각화 도우미 일때 text 내용. Transform되면 스타일 시트 코딩와 자바스클립트는 보이지 않는다.

C# 웹용 Transform 간단 클래스를 만들어 보았다. try, catch 처리를 추가 하기 바랍니다.

아래 내용은 디버깅 모드에서 텍스트 시각화 도우미 일때 text 내용.
Transform되면 스타일 시트 코딩와 자바스클립트는 보이지 않는다.