<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>문돌이의IT</title>
    <link>https://improver.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Sat, 22 Aug 2026 18:00:08 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>문돌IT</managingEditor>
    <item>
      <title>문돌이 취준일지</title>
      <link>https://improver.tistory.com/932</link>
      <description>&lt;p&gt;&lt;figure class=&quot;fileblock&quot; data-ke-align=&quot;alignCenter&quot;&gt;&lt;a href=&quot;https://t1.daumcdn.net/cfile/tistory/99CC5B3E5C3B28AE1E?original&quot; class=&quot;&quot;&gt;
    &lt;div class=&quot;image&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;desc&quot;&gt;&lt;div class=&quot;filename&quot;&gt;&lt;span class=&quot;name&quot;&gt;퇴사한문돌이_취준일지.xlsx&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;size&quot;&gt;다운로드&lt;/div&gt;
&lt;/div&gt;
  &lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&amp;uarr;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;취준일지 잘 활용하셔서 어려운 취업문 잘 통과하시길 기원합니다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>플랜B 없이 대기업퇴사</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/932</guid>
      <comments>https://improver.tistory.com/932#entry932comment</comments>
      <pubDate>Sun, 13 Jan 2019 21:04:43 +0900</pubDate>
    </item>
    <item>
      <title>방통대 온라인과제물제출 4학년 2학기 점수 잘 받았습니다</title>
      <link>https://improver.tistory.com/901</link>
      <description>&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;방통대 온라인과제물 점수가 나왔다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;마지막 학기라 초심을 조금 잃기도 했고 연말이라 회사 업무가 바빠 대체시험보다는 온라인과제물을 제출하는 과목 위주로 선택을 했다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;온라인과제물은 6과목 중 4과목이나 해야했는데 주말 2틀을 꼬박 바쳐 4개의 과제물을 마무리했다. 그래도 4과목의 시험 공부를 하는 것보다는 훨씬 효율적이었다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;11월 25일에 있을 출석대체시험 공부를 하다 홈페이지에 접속을 해보니 온라인과제물 점수가 나와있었다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;처음 방통대 컴퓨터과학과 편입을 하고 전공 위주로만 수업을 들었더니 전공 학점은 충분했다. 그래서 마지막 학기에는 조금 편하게 마무리하고자 교양 과목들도 신청을 했다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;과제물 작성한 과목은 멀티미디어시스템, 생활속의경제, UNIX시스템, 빅데이터의 이해 총 4과목이다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;모두 30점 만점이었는데 생활속의경제 28점을 제외하면 모두 만점을 받았다.&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;div id=&quot;adhere&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;생활속의 경제 과제를 가장 열심히 했는데 분량이 적어서 그런지 혹은 방향성이 맞지 않아서 그런지 2점 감점됐다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;그래도 만족할만한 점수를 가지고 25일 있을 대체 시험을 준비할 수 있게 되었다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; width=&quot;657&quot; height=&quot;303&quot; data-origin-width=&quot;657&quot; data-origin-height=&quot;303&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://t1.daumcdn.net/cfile/tistory/99EB25495BF7F8FE1D?original&quot; data-phocus=&quot;https://t1.daumcdn.net/cfile/tistory/99EB25495BF7F8FE1D?original&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EB25495BF7F8FE1D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EB25495BF7F8FE1D&quot; width=&quot;657&quot; height=&quot;303&quot; data-origin-width=&quot;657&quot; data-origin-height=&quot;303&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;대체 시험과목은 1학년 과목인 대학영어와 4학년 과목인 성,사랑,사회이다. 성,사랑,사회 과목은 페미니즘에 관련된 내용이 많이 나오는 과목으로 최근 남녀간 갈등이 사회적으로 대두되고 있는 만큼 관심있게 공부하기 좋았다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageblock alignCenter&quot; width=&quot;900&quot; height=&quot;195&quot; data-origin-width=&quot;900&quot; data-origin-height=&quot;194&quot; data-ke-mobilestyle=&quot;widthOrigin&quot;&gt;&lt;span data-url=&quot;https://t1.daumcdn.net/cfile/tistory/991AA8495BF7F8FE11?original&quot; data-phocus=&quot;https://t1.daumcdn.net/cfile/tistory/991AA8495BF7F8FE11?original&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/991AA8495BF7F8FE11&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F991AA8495BF7F8FE11&quot; width=&quot;900&quot; height=&quot;195&quot; data-origin-width=&quot;900&quot; data-origin-height=&quot;194&quot; data-ke-mobilestyle=&quot;widthOrigin&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot;/&gt;&lt;/span&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;일단 2과목 주말동안 열심히 공부해서 좋은 결과를 내고 바로 기말고사 준비에 돌입할 계획이다.&lt;/p&gt;
&lt;p style=&quot;line-height: 2;&quot; data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>방송통신대학교</category>
      <category>방송대과제물점수</category>
      <category>방송대과제물제출</category>
      <category>방송대온라인과제물</category>
      <category>방통대 과제물</category>
      <category>방통대 온라인과제물제출</category>
      <category>방통대 출석대체시험</category>
      <category>방통대과제물제출</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/901</guid>
      <comments>https://improver.tistory.com/901#entry901comment</comments>
      <pubDate>Fri, 23 Nov 2018 22:01:30 +0900</pubDate>
    </item>
    <item>
      <title>w3schools JavaScript 자바스크립트 output</title>
      <link>https://improver.tistory.com/874</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;w3schools로 자바스크립트 공부한 내용을 정리합니다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 데이터를 다른 형태들로 보여줄 수 있다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;HTML 요소를 출력 시 innerHTML&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;HTML output은 document.write( )&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;alert 박스는 window.alert( )&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;브라우저 콘솔창은 console.log( )&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;innerHTML&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;p&amp;nbsp;id&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;test&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;p&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;document&lt;/span&gt;.&lt;span style=&quot;color:#4be6fa&quot;&gt;getElementById&lt;/span&gt;(&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;test&quot;&lt;/span&gt;).innerHTML&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;1&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;2&lt;/span&gt;;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;document&lt;/span&gt;.write(&amp;nbsp;)&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;document&lt;/span&gt;.write(&lt;span style=&quot;color:#c10aff&quot;&gt;2&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;3&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;14&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;window&lt;/span&gt;.&lt;span style=&quot;color:#4be6fa&quot;&gt;alert&lt;/span&gt;(&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;window&lt;/span&gt;.&lt;span style=&quot;color:#4be6fa&quot;&gt;alert&lt;/span&gt;(&lt;span style=&quot;color:#c10aff&quot;&gt;3&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;4&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;alert&lt;/span&gt;(&lt;span style=&quot;color:#c10aff&quot;&gt;4&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;5&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;window는 생략해도 된다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&amp;nbsp;)&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#4be6fa&quot;&gt;console&lt;/span&gt;.log(&lt;span style=&quot;color:#c10aff&quot;&gt;1&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;+&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#c10aff&quot;&gt;2&lt;/span&gt;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;script&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;디버깅 모드로 log를 확인할 수 있다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://www.honestfund.kr/event/referral?key=c2711978189586911e950f83d0247f16e937d303&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9931EE375BDE84B503&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9931EE375BDE84B503&quot; width=&quot;592&quot; height=&quot;490&quot; filename=&quot;hon_invest.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/JavaScript</category>
      <category>console.log</category>
      <category>ducumnet.write</category>
      <category>innerHTML</category>
      <category>javascript</category>
      <category>w3schools JavaScript</category>
      <category>window.alert</category>
      <category>자바스크립트</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/874</guid>
      <comments>https://improver.tistory.com/874#entry874comment</comments>
      <pubDate>Sun, 4 Nov 2018 16:00:00 +0900</pubDate>
    </item>
    <item>
      <title>w3schools JavaScript 자바스크립트란?</title>
      <link>https://improver.tistory.com/871</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;w3schools로 자바스크립트 공부한 내용을 정리합니다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 HTML, 웹 프로그래밍 언어이다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 배우기 쉽다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;JavaScript&amp;nbsp;test&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;button&amp;nbsp;type&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;button&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;onclick&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;document.getElementById('test').innerHTML&amp;nbsp;=&amp;nbsp;Date()&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;click&amp;nbsp;me&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;button&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;p&amp;nbsp;id&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;test&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;p&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트와 자바는 컨셉과 디자인 측면 모두에서 완전히 다른 언어이다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 1995년 Brendan Eich 에 의해 만들어졌고 1997년에 ECMA 스탠다드가 되었다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ECMAScript가 또다른 공식적인 이름이다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;많은 자바스크립트 HTML methods 중 하나는 getElementById() 이다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;아래 예시는 괄호 안의 HTML 요소를 찾아 innerHTML로 요소 콘텐츠를 바꾸는 방법이다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;What&amp;nbsp;Can&amp;nbsp;JavaScript&amp;nbsp;Do?&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;p&amp;nbsp;id&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;demo&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;JavaScript&amp;nbsp;can&amp;nbsp;change&amp;nbsp;HTML&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;content&lt;/span&gt;.&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;p&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;button&amp;nbsp;type&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;button&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;onclick&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;'document.getElementById(&quot;demo&quot;).innerHTML&amp;nbsp;=&amp;nbsp;&quot;Hello&amp;nbsp;JavaScript!&quot;'&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;Click&amp;nbsp;Me&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;button&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 큰따옴표(&quot; &quot;)와 작은 따옴표(' ')를 모두 허용한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;자바스크립트는 HTML 스타일(CSS)도 변경할 수 있다.&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;What&amp;nbsp;Can&amp;nbsp;JavaScript&amp;nbsp;Do?&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;button&amp;nbsp;type&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;button&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;onclick&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;document.getElementById('test').style.fontSize='40px'&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;Click&amp;nbsp;please&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;button&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;p&amp;nbsp;id&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;test&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;JavaScript&amp;nbsp;can&amp;nbsp;change&amp;nbsp;the&amp;nbsp;style&amp;nbsp;of&amp;nbsp;an&amp;nbsp;HTML&amp;nbsp;element.&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;p&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;위 코드를 실행해서 버튼을 클릭하면 글자크기가 40px로 커진다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div id=&quot;adhere&quot;&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 2;&quot;&gt;버튼 클릭 시 문구를 사라지게 할 수도 있다.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;10&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;11&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;12&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;13&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;!&lt;/span&gt;DOCTYPE&amp;nbsp;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;What&amp;nbsp;Can&amp;nbsp;JavaScript&amp;nbsp;Do?&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;h2&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;button&amp;nbsp;type&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;button&quot;&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;color:#4be6fa&quot;&gt;onclick&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;document.getElementById('test').style.display='none'&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;Click&amp;nbsp;Please&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;button&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;p&amp;nbsp;id&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color:#ffd500&quot;&gt;&quot;test&quot;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;JavaScript&amp;nbsp;can&amp;nbsp;hide&amp;nbsp;HTML&amp;nbsp;elements.&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;p&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;body&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;/&lt;/span&gt;html&lt;span style=&quot;color:#0086b3&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color:#ff3399&quot;&gt;&amp;gt;&lt;/span&gt;&amp;nbsp;&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;p&gt;위 소스를 실행 후 버튼을 클릭하면 문구가 사라진다. style.display='none' 때문이다.&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;p style=&quot;text-align: left; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://www.honestfund.kr/event/referral?key=c2711978189586911e950f83d0247f16e937d303&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99BFE2385BDC329828&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99BFE2385BDC329828&quot; width=&quot;592&quot; height=&quot;490&quot; filename=&quot;hon_invest.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/JavaScript</category>
      <category>getElementById</category>
      <category>innerHTML</category>
      <category>javascript</category>
      <category>javascript getElementById</category>
      <category>JavaScript style</category>
      <category>자바스크립트</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/871</guid>
      <comments>https://improver.tistory.com/871#entry871comment</comments>
      <pubDate>Sat, 3 Nov 2018 10:00:00 +0900</pubDate>
    </item>
    <item>
      <title>방통대 2018학년도 동계 계절수업 시행 공고</title>
      <link>https://improver.tistory.com/856</link>
      <description>&lt;p style=&quot;line-height: 2; font-size: 20pt; text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;방통대 2018년도 동계 계절수업 시행 공고이다.&lt;/span&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left;&quot;&gt;과목당 17,000원으로 저렴하게 부족한 학점을 채울 수 있는 기회이니&amp;nbsp;아래 내용을 참고 했으면 한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left;&quot;&gt;&amp;nbsp;자세한 내용은 방송통신대학교 홈페이지에서 확인이 가능하다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left;&quot;&gt;&lt;b&gt;&lt;a href=&quot;https://www.knou.ac.kr/&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&amp;nbsp;https://www.knou.ac.kr/&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 100%; text-align: left;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p align=&quot;center&quot; style=&quot;line-height: 100%; font-size: 20pt; font-weight: bold; -ms-word-break: keep-all;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: hy헤드라인m; font-size: 20pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p align=&quot;center&quot; style=&quot;line-height: 100%; font-size: 20pt; font-weight: bold; -ms-word-break: keep-all;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: hy헤드라인m; font-size: 20pt;&quot;&gt;2018&lt;/span&gt;&lt;span style=&quot;font-size: 20pt;&quot;&gt;학년도 동계 계절수업 시행 공고&lt;/span&gt;&lt;/p&gt;&lt;p align=&quot;center&quot; style=&quot;letter-spacing: 0pt; font-weight: bold; -ms-word-break: keep-all;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 휴먼명조;&quot;&gt;======================================================================&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 139); line-height: 100%; letter-spacing: 0pt; font-size: 15pt; font-weight: bold;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 함초롬바탕; font-size: 15pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 15pt; font-weight: bold;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;1. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;수강신청 대상&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; text-indent: -27pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 27pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;❍ &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;2018&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;학년도 1&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;학기 개설교과목 중 이미 취득한 교과목 성적이 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;C&lt;span style=&quot;letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt; vertical-align: super;&quot;&gt;+&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;이하이거나&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; text-indent: -27pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 27pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;F&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;학점인 교과목에 대하여 성적 향상 및 학점 취득을 희망하는 재학생&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;휴학생&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; text-indent: -27pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 27pt;&quot;&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;※ &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;교과목 성적 &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;C&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt; vertical-align: super;&quot;&gt;+&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;∼&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;D&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt; vertical-align: super;&quot;&gt;0 &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;성적 향상만 가능 &lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;이미 학점취득한 교과목이므로 추가&amp;nbsp; 학점취득&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; text-indent: -27pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 27pt;&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;불가하며&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;,&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;&amp;nbsp;취득한 성적 중 동일하거나 향상된 성적 반영&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; text-indent: -27pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 27pt;&quot;&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;※&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;교과목 성적 &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-family: 휴먼고딕; font-size: 10pt;&quot;&gt;F : &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.3pt; font-size: 10pt;&quot;&gt;학점취득 &lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; letter-spacing: 0pt; font-size: 8pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;2. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;개설교과목 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;: 64&lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;과목&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 14pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;교양&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 14pt;&quot;&gt;10, &lt;/span&gt;&lt;span style=&quot;font-size: 14pt;&quot;&gt;전공&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 14pt;&quot;&gt;54)&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 8pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(12, 12, 255); line-height: 140%; font-size: 15pt; font-weight: bold; margin-top: 5pt;&quot;&gt;&lt;span style=&quot;color: rgb(0, 89, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 8pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: 굴림체; font-size: 8pt;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.3pt; font-size: 11pt;&quot;&gt;※&lt;/span&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;개설교과목은&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;붙임파일의 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;&quot;2018&lt;/span&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;학년도 동계 계절수업 시행 공고&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 11pt;&quot;&gt;&quot; &lt;/span&gt;&lt;span style=&quot;font-size: 11pt;&quot;&gt;참조&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 15pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;3. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;수강신청 가능 교과목 수 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;: 3&lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;과목&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;(9&lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;학점&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;) &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;이내&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; line-height: 140%; font-size: 15pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;4. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;수강신청&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; color: rgb(255, 0, 0); line-height: 140%; font-size: 11pt; font-weight: bold; margin-top: 3pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 0);&quot;&gt;❍ &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); font-size: 12pt;&quot;&gt;신청기간&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(12, 12, 255); line-height: 150%; text-indent: -32.6pt; letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold; margin-top: 5pt; margin-left: 32.6pt;&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;- &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;1&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;차 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;: 2018. 10. 16.(&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;화&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) 09:30 ~ 10. 22.(&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;월&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) 18&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;시 &lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 150%; text-indent: -32.6pt; letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold; margin-top: 5pt; margin-left: 32.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - &lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;차&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;최종&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) : 2018. 11. 2.(&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;금&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) 09:30 ~&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;11. 9.(&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;금&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) 18&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;시&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 150%; margin-top: 2pt;&quot;&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.5pt; font-family: 맑은 고딕; font-weight: bold;&quot;&gt;&lt;font color=&quot;#0000ff&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;※ &lt;/span&gt;&lt;/font&gt;1&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;차 수강료납부기간에 &lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;수강료를 납부한 자는&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-family: 맑은 고딕; font-weight: bold;&quot;&gt; 2차 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;수강신청기간&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;에 &lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;수강교과목&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 150%; margin-top: 2pt;&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;추가&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-weight: bold;&quot;&gt;&amp;nbsp;및&amp;nbsp;변경 불가&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: rgb(0, 0, 255); font-size: 12pt; font-weight: bold;&quot;&gt;&lt;!--StartFragment--&gt; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-weight: bold;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;❍&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt; &lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;신청방법 &lt;/span&gt;&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;청방법 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt; font-weight: bold;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;우리 대학 홈페이지&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt; font-weight: bold;&quot;&gt;(http://www.knou.ac.kr) &lt;/span&gt;&lt;span style=&quot;font-size: 12pt; font-weight: bold;&quot;&gt;로그인&lt;/span&gt; &lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 12pt; font-weight: bold;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;학사정보 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강신청&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;/&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;변경 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강신청가능교과목정보 조회 &lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 12pt; font-weight: bold;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;교과목선택&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;신청&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;) &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강신청완료확인 클릭&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -17.6pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 17.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;❍ &lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;신청결과 확인 방법 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;학사정보 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;➯ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강신청교과목정보&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 15pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;5. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;수강료 납부&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -17.6pt; font-size: 14pt; font-weight: bold; margin-top: 3pt; margin-left: 17.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; ❍ &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강료 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;: &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;1&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;과목당 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;17,000&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;원&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -17.6pt; font-size: 14pt; font-weight: bold; margin-top: 3pt; margin-left: 17.6pt;&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font size=&quot;5&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&lt;font face=&quot;굴림&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;❍ &lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;/font&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;납부기간 &lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(12, 12, 255); line-height: 150%; text-indent: -32.6pt; letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold; margin-top: 5pt; margin-left: 32.6pt;&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;- &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;1&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;차 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;: 2018. 10. 25.(목&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;)&amp;nbsp; ~ 10. 30.(화&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 0); letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;)&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 150%; text-indent: -32.6pt; letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold; margin-top: 5pt; margin-left: 32.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 11pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - &lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;2&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;차&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt;&quot;&gt;최종&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;) : 2018. 11. 14.(수&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;)&amp;nbsp; ~ &lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;11. 20.(화&lt;/span&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-family: 휴먼명조; font-size: 12pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 0, 255); text-indent: -37.6pt; font-weight: bold; margin-top: 2pt; margin-left: 37.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;※ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강신청완료확인&lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); font-size: 12pt;&quot;&gt;버튼을 클릭&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;하여야만 &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;수강료 납부 가능&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-indent: -37.6pt; margin-top: 2pt; margin-left: 37.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 11pt;&quot;&gt;※&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt; &lt;/span&gt;&lt;span style=&quot;color: rgb(12, 12, 255); letter-spacing: 0pt; font-family: 휴먼고딕; font-size: 11pt;&quot;&gt;&lt;font face=&quot;맑은 고딕&quot;&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;1&lt;/span&gt;&lt;/font&gt;&lt;span style=&quot;letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;차 수강료납부기간에 &lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;수강료를 납부한 자는&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-family: 맑은 고딕; font-size: 12pt; font-weight: bold;&quot;&gt; 2차 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;수강신청기간&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;에 &lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;수강교과목&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 150%; margin-top: 2pt;&quot;&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;추가&lt;/span&gt;&lt;span style=&quot;color: rgb(255, 0, 0); letter-spacing: -0.5pt; font-size: 12pt; font-weight: bold;&quot;&gt;&amp;nbsp; 및&amp;nbsp; 변경 불가&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; letter-spacing: 0pt; font-size: 15pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;6. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;강의기간 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;: 2018. 12. 17.(&lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;월&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;) ~ 2019. 1. 5.(&lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;토&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 89, 255); line-height: 140%; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;7. &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); font-size: 15pt;&quot;&gt;시 험 일 &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;: 2019. 1. 6.(&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); font-size: 15pt;&quot;&gt;일&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;) &lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); letter-spacing: 0pt; font-size: 15pt;&quot;&gt;※&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255); font-family: 굴림체;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 0, 255);&quot;&gt;시험에 관한 세부 사항은 별도 시행 공고&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; font-size: 15pt; font-weight: bold; margin-top: 10pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 15pt;&quot;&gt;8. &lt;/span&gt;&lt;span style=&quot;font-size: 15pt;&quot;&gt;성적적용 &lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;color: rgb(0, 89, 255); line-height: 140%; text-indent: -17.6pt; font-size: 12pt; font-weight: bold; margin-top: 3pt; margin-left: 17.6pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt;&quot;&gt;❍ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;교과구분&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;(&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;교양&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;전공&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;일반선택&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;)&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;은 기&amp;nbsp;취득한 성적의&amp;nbsp;교과구분으로 적용됨&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-weight: bold;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-weight: bold;&quot;&gt;❍ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;계절수업시험에서 취득한 성적은 &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;2018&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;학년도 2&lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;학기 성적에는 합산하지 않고&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;,&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;전체 성적표에 합산&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-weight: bold;&quot;&gt;&amp;nbsp; &lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-weight: bold;&quot;&gt;❍ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;계절수업시험에서 학점을 취득하여 졸업학점이 충족되면 졸업 대상이 됨 &lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;color: rgb(0, 89, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 8pt; font-weight: bold;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;color: rgb(0, 89, 255); letter-spacing: 0pt; font-family: 굴림체; font-size: 8pt; font-weight: bold;&quot;&gt;&lt;!--StartFragment--&gt; &lt;/span&gt; &lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; letter-spacing: 0pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-size: 12pt;&quot;&gt;※ &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;단&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;, &lt;/span&gt;&lt;span style=&quot;font-size: 12pt;&quot;&gt;학과별 졸업 요건을 충족한 학생에 한함&lt;/span&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; letter-spacing: 0pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 140%; text-indent: -26pt; letter-spacing: 0pt; font-size: 12pt; margin-top: 3pt; margin-left: 26pt;&quot;&gt;&lt;span style=&quot;letter-spacing: 0pt; font-family: 굴림체; font-size: 12pt;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://www.honestfund.kr/event/referral?key=c2711978189586911e950f83d0247f16e937d303&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/994359455BB860382B&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F994359455BB860382B&quot; width=&quot;592&quot; height=&quot;490&quot; filename=&quot;hon_invest.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</description>
      <category>방송통신대학교</category>
      <category>방송대</category>
      <category>방송대 2018학년도 동계 계절수업</category>
      <category>방통대 2018학년도 동계 계절수업</category>
      <category>방통대 2018학년도 동계 계절학기</category>
      <category>방통대 동계 계절수업</category>
      <category>방통대 동계 계절학기</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/856</guid>
      <comments>https://improver.tistory.com/856#entry856comment</comments>
      <pubDate>Sat, 6 Oct 2018 16:12:04 +0900</pubDate>
    </item>
    <item>
      <title>how to download virtualbox - 버추얼박스 다운로드 및 설치</title>
      <link>https://improver.tistory.com/850</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;enter url : &lt;a href=&quot;https://www.virtualbox.org&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;https://www.virtualbox.org&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;url로 공식 홈페이지에 접속한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;Click download button&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;다운로드 버튼을 클릭한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/998F663C5BAF52992D&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998F663C5BAF52992D&quot; width=&quot;900&quot; height=&quot;362&quot; filename=&quot;vir1.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;if you are window user, you should click Windows hosts.&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;윈도우 사용자라면 Windows hosts 를 클릭해서 다운로드 받으면 된다.&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99D3033C5BAF52990C&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99D3033C5BAF52990C&quot; width=&quot;900&quot; height=&quot;527&quot; filename=&quot;vir2.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;설치는 매우 간단하니 계속 다음을 선택해서 넘기면 된다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://www.honestfund.kr/event/referral?key=c2711978189586911e950f83d0247f16e937d303&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99EEB8395BAF52E704&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99EEB8395BAF52E704&quot; width=&quot;592&quot; height=&quot;490&quot; filename=&quot;hon_invest.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/IT리뷰</category>
      <category>VirtualBox</category>
      <category>VirtualBox 다운로드</category>
      <category>VirtualBox 설치</category>
      <category>버추얼박스 다운로드</category>
      <category>버추얼박스 설치</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/850</guid>
      <comments>https://improver.tistory.com/850#entry850comment</comments>
      <pubDate>Wed, 3 Oct 2018 10:00:00 +0900</pubDate>
    </item>
    <item>
      <title>평범한 직장인의 유튜브 공부방송 20180930</title>
      <link>https://improver.tistory.com/851</link>
      <description>&lt;p&gt;&lt;b&gt;&amp;nbsp;평범한 직장인의 유튜브 공부방송 20180930&lt;/b&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;카카오브런치에서 오늘의&amp;nbsp;내용 확인 가능해요&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://brunch.co.kr/@moondol/184&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&amp;nbsp;https://brunch.co.kr/@moondol/184&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://brunch.co.kr/@moondol/184&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99076F495BB0E8A222&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99076F495BB0E8A222&quot; width=&quot;900&quot; height=&quot;489&quot; filename=&quot;dev2.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;공부방송 영상은 여기에서!&lt;/p&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;iframe src=&quot;https://www.youtube.com/embed/M5uDufbwkHw&quot; width=&quot;560&quot; height=&quot;315&quot; allow=&quot;autoplay; encrypted-media&quot; frameborder=&quot;&quot; allowfullscreen=&quot;true&quot;&gt;&lt;/iframe&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p&gt;&amp;nbsp;구독과 알림설정은 언제나 큰 힘이 됩니다!&lt;/p&gt;</description>
      <category>문돌이의 IT/IT리뷰</category>
      <category>study with me</category>
      <category>문돌이</category>
      <category>유튜브 공부방송</category>
      <category>평범한 직장인의 유튜브 공부방송</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/851</guid>
      <comments>https://improver.tistory.com/851#entry851comment</comments>
      <pubDate>Mon, 1 Oct 2018 00:19:43 +0900</pubDate>
    </item>
    <item>
      <title>how to download centOS 다운로드</title>
      <link>https://improver.tistory.com/849</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;https://www.centos.org&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;https://www.centos.org&lt;/a&gt;&amp;nbsp;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;follow below images&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;홈페이지 접속 후 아래 이미지를 따라 진행하면 된다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;Click Get CentOS Now&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;Get CentOS Now 버튼을 클릭한다.&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/99C5BE485BAF4F2104&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F99C5BE485BAF4F2104&quot; width=&quot;900&quot; height=&quot;461&quot; filename=&quot;cen1.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;Click DVD ISO button&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;DVD ISO 버튼을 클릭한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/996D13485BAF4F220A&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F996D13485BAF4F220A&quot; width=&quot;900&quot; height=&quot;342&quot; filename=&quot;cen2.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;Click url inside of the red box&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: left; clear: none; float: none;&quot;&gt;빨간색 박스 안에 있는 경로 중 하나를 클릭한다.&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2; text-align: center; clear: none; float: none;&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 900px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9946A6485BAF4F231E&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9946A6485BAF4F231E&quot; width=&quot;900&quot; height=&quot;544&quot; filename=&quot;cen3.png&quot; filemime=&quot;image/jpeg&quot; style=&quot;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;용량은 약 4.2G로 꽤 큰편이다.&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;p style=&quot;text-align: center; clear: none; float: none;&quot;&gt;&lt;a href=&quot;https://www.honestfund.kr/event/referral?key=c2711978189586911e950f83d0247f16e937d303&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;&lt;span class=&quot;imageblock&quot; style=&quot;display: inline-block; width: 592px;  height: auto; max-width: 100%;&quot;&gt;&lt;img src=&quot;https://t1.daumcdn.net/cfile/tistory/9952683A5BAF4F9027&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F9952683A5BAF4F9027&quot; width=&quot;592&quot; height=&quot;490&quot; filename=&quot;hon_invest.png&quot; filemime=&quot;image/jpeg&quot;/&gt;&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/IT리뷰</category>
      <category>centos</category>
      <category>centOS 다운로드</category>
      <category>how to download centOS</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/849</guid>
      <comments>https://improver.tistory.com/849#entry849comment</comments>
      <pubDate>Sat, 29 Sep 2018 19:10:51 +0900</pubDate>
    </item>
    <item>
      <title>제이쿼리 크로스도메인 jQuery cross domain</title>
      <link>https://improver.tistory.com/841</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ Proxy-Servlet&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;https://github.com/mitre/HTTP-Proxy-Servlet&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;https://github.com/mitre/HTTP-Proxy-Servlet&lt;/a&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ node.js proxy&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;https://github.com/chimurai/http-proxy-middleware&quot; target=&quot;_blank&quot; class=&quot;tx-link&quot;&gt;https://github.com/chimurai/http-proxy-middleware&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ JSONP ( JSON Padding )&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;border-style: double; border-width: 3px; border-color: rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;&quot;&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;b&gt;관련글보기&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/840&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - jQuery AJAX (Asynchronous Javascript And XML)&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/839&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 이벤트 jQuery event 정리&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/838&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 요소 jQuery element 정리&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;b&gt;&lt;a href=&quot;http://improver.tistory.com/837&quot; target=&quot;_blank&quot;&gt;[문돌이의 IT/jQuery] - 제이쿼리 성능 jQuery performance&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/jQuery</category>
      <category>jQuery cross domain</category>
      <category>제이쿼리 크로스도메인</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/841</guid>
      <comments>https://improver.tistory.com/841#entry841comment</comments>
      <pubDate>Mon, 10 Sep 2018 10:43:00 +0900</pubDate>
    </item>
    <item>
      <title>jQuery AJAX (Asynchronous Javascript And XML)</title>
      <link>https://improver.tistory.com/840</link>
      <description>&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ jQuery AJAX (Asynchronous Javascript And XML)&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- 요청의 단위가 &lt;b&gt;데이터&amp;nbsp;&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- XMLHTTPRequest 객체를 통해 데이터를 요청&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- 현재는 XML보다는 JSON을 많이 사용한다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- jQuery AJAX는 IE6~8도 지원한다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;참고사이트: http://json.org/&lt;/p&gt;&lt;p style=&quot;line-height: 2; margin-left: 4em;&quot;&gt;&amp;nbsp; &amp;nbsp;: https://github.com/google/gson&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;크롬 웹스토어 : JSONView 플러그인 설치&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;구글검색: advanced rest client chrome&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ 콜백함수의 사용&lt;/p&gt;&lt;div class=&quot;colorscripter-code&quot; style=&quot;color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; position:relative !important; overflow:auto&quot;&gt;&lt;table class=&quot;colorscripter-code-table&quot; style=&quot;margin:0; padding:0; border:none; background-color:#272727; border-radius:4px;&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;padding:6px; border-right:2px solid #4f4f4f&quot;&gt;&lt;div style=&quot;margin:0; padding:0; word-break:normal; text-align:right; color:#aaa; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;line-height:130%&quot;&gt;1&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;2&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;3&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;4&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;5&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;6&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;7&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;8&lt;/div&gt;&lt;div style=&quot;line-height:130%&quot;&gt;9&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;padding:6px 0&quot;&gt;&lt;div style=&quot;margin:0; padding:0; color:#f0f0f0; font-family:Consolas, 'Liberation Mono', Menlo, Courier, monospace !important; line-height:130%&quot;&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;beforeSend:function(xhr,&amp;nbsp;settings)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;console.log(&quot;before&amp;nbsp;request&quot;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;error&amp;nbsp;:&amp;nbsp;function(xhr,&amp;nbsp;status,&amp;nbsp;error)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;console.log(&quot;error&amp;nbsp;:&amp;nbsp;&quot;&amp;nbsp;+&amp;nbsp;status,&amp;nbsp;error);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;complete&amp;nbsp;:&amp;nbsp;function(xhr,&amp;nbsp;status)&amp;nbsp;{&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;console.log(&quot;done&quot;);&lt;/div&gt;&lt;div style=&quot;padding:0 6px; white-space:pre; line-height:130%&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;},&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;text-align:right; margin-top:-13px; margin-right:5px; font-size:9px; font-style:italic&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: rgb(79, 79, 79);&quot;&gt;Colored by Color Scripter&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;&lt;td style=&quot;vertical-align:bottom; padding:0 2px 4px 0&quot;&gt;&lt;a href=&quot;http://colorscripter.com/info#e&quot; target=&quot;_blank&quot; style=&quot;color: white;&quot;&gt;&lt;span style=&quot;font-size: 9px; word-break: normal; background-color: rgb(79, 79, 79); border-radius: 10px; padding: 1px;&quot;&gt;cs&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ jqXHR 객체 - 사용권장&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- jQuery XMLHttpRequest&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;- 지연객체(deferred object) 잘 사용하면 콜백함수 중첩 구조가 간단해지고 예외 처리도 간단하다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;ㅁ 헬퍼함수&amp;nbsp;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;1.&amp;nbsp;form 태그로 감싸야 한다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;2. name Attribute 가 반드시 지정되어 있어야 한다&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&amp;nbsp;3.&amp;nbsp;비활성화는 추출하지 않는다. -&amp;gt; disabled (X)&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;** 지연객체, promise 에 대한 내용 심도 있게 공부를 하면 좋고 성능적인 측면에서도 꼭 익혀두자&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;br /&gt;&lt;/p&gt;&lt;div class=&quot;txc-textbox&quot; style=&quot;border-style: double; border-width: 3px; border-color: rgb(121, 165, 228); background-color: rgb(219, 232, 251); padding: 10px;&quot;&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;b&gt;관련글보기&lt;/b&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/839&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 이벤트 jQuery event 정리&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/838&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 요소 jQuery element 정리&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/837&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 성능 jQuery performance&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;p style=&quot;line-height: 2;&quot;&gt;&lt;a href=&quot;http://improver.tistory.com/835&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;[문돌이의 IT/jQuery] - 제이쿼리 선택자 jQuery selector&lt;/b&gt;&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;p&gt;&lt;br /&gt;&lt;/p&gt;</description>
      <category>문돌이의 IT/jQuery</category>
      <category>Asynchronous JavaScript and XML</category>
      <category>jQuery Ajax</category>
      <author>문돌IT</author>
      <guid isPermaLink="true">https://improver.tistory.com/840</guid>
      <comments>https://improver.tistory.com/840#entry840comment</comments>
      <pubDate>Sun, 9 Sep 2018 10:30:00 +0900</pubDate>
    </item>
  </channel>
</rss>