<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>Jazz with IT</title>
    <link>https://escane.tistory.com/</link>
    <description>재즈를 같이 즐겼으면 좋겠습니다.
개인적 생각과 생활을 담을 생각입니다.</description>
    <language>ko</language>
    <pubDate>Mon, 3 Aug 2026 17:58:33 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>캐논볼</managingEditor>
    <image>
      <title>Jazz with IT</title>
      <url>https://t1.daumcdn.net/cfile/tistory/13073D394F01C43324</url>
      <link>https://escane.tistory.com</link>
    </image>
    <item>
      <title>SAN Switch</title>
      <link>https://escane.tistory.com/191</link>
      <description>&lt;P&gt;&lt;A href=&quot;http://loart.tistory.com/trackback/16&quot;&gt;http://loart.tistory.com/trackback/16&lt;/A&gt;&lt;/P&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/191</guid>
      <comments>https://escane.tistory.com/191#entry191comment</comments>
      <pubDate>Tue, 19 Jul 2016 16:51:04 +0900</pubDate>
    </item>
    <item>
      <title>T1 / E1</title>
      <link>https://escane.tistory.com/190</link>
      <description>&lt;P&gt;&lt;EM&gt;theswlee.tistory.com/8&lt;/EM&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;T1 = 1.544Mbps, 64Kbps의 채널 24개&lt;br /&gt;&lt;br /&gt;디지털 부호 코드 변조, TDM(시분할 다중화)을 사용하는 디지털 회선&lt;br /&gt;Full-duplex(2가닥 송신, 2가닥 수신 총 4가닥 전선 사용)&lt;br /&gt;사용 매체 - 구리선(UTP), 동축케이블, 광케이블, 디지털 마이크로웨이브 등등&lt;br /&gt;&lt;SPAN id=callbacknesttheswleetistorycom81747 style=&quot;HEIGHT: 1px; WIDTH: 1px; FLOAT: right&quot;&gt;&lt;/SPAN&gt;음성 신호를 초당 8,000번 sampling, 8 bits 단위로 디지털화, 24채널 동시에 디지털화&lt;br /&gt;1 frame이 192 bits, frame 구분에 1 bit 사용&lt;br /&gt;즉,&lt;br /&gt;192 bits/frame * 8,000 frames + 8,000 framing bits&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp; = 1.544Mbps&lt;br /&gt;&lt;br /&gt;T3 = 44.736Mbps&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;E1 = 2.048Mbps, 64Kbps의 채널 32개&lt;br /&gt;&lt;br /&gt;ITU-T에 의해 고안되고 CEPT(유럽 우편 및 통신운영회의)에서 이름 붙인 디지털 전송규격&lt;br /&gt;북미의 T-1 형식에 대응하기 위해 규격화, E-2부터 E-5까지 있고 E-1 형식의 배수로 증가하는 형태&lt;br /&gt;&lt;br /&gt;&lt;/P&gt;
&lt;P&gt;특징&lt;br /&gt;ADSL(보통 3Mbps)등의 회선 보다 느리지만 높은 안정성 보장&lt;br /&gt;광통신 발달 이전의 주력 전용회선&lt;/P&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/190</guid>
      <comments>https://escane.tistory.com/190#entry190comment</comments>
      <pubDate>Thu, 12 May 2016 16:09:46 +0900</pubDate>
    </item>
    <item>
      <title>UDLD - UniDirectional Link Detection</title>
      <link>https://escane.tistory.com/189</link>
      <description>&lt;P&gt;UDLD - UniDirectional Link Detection (단방향 연결 탐지) &lt;/P&gt;
&lt;DIV class=post-header&gt;
&lt;DIV class=post-header-line-1&gt;&lt;/DIV&gt;&lt;/DIV&gt;
&lt;DIV id=post-body-7679062822785837737 class=&quot;post-body entry-content&quot; itemprop=&quot;description articleBody&quot;&gt;UDLD(&lt;B&gt;U&lt;/B&gt;ni&lt;B&gt;D&lt;/B&gt;irectional &lt;B&gt;L&lt;/B&gt;ink &lt;B&gt;D&lt;/B&gt;etection)&lt;br /&gt;&lt;br /&gt;일반적으로, 연결된 기기간 정상적인 통신상태에서는 상호간에 통신을 주고 받는 양방향 통신 상태가 정상이다. 다만 여러가지 이유로 한쪽에서만 통신을 수신하고 다른쪽에서는 수신할 수 없는 단방향 통신상태가 발생할 수 있다. 이는 Spanning Tree Loop(포트 차단 신호를 받지 않아서 루프발생)나 전송된 데이타가 사라지는 현상등의 원인이 될 수 있으므로 빠른 대처가 필요한 부분이기도 하다.&lt;br /&gt;&lt;br /&gt;UDLD는 이러한 단방향 통신 상태가 발생할 경우, 빠르게 대처하기위한 Layer 2 계층(Data Link)의 Protocol이다. 광섬유(fiber-optic cable)나 일반적인 랜선(twisted-pair cable)연결을 감시할 수 있다.&lt;br /&gt;&lt;br /&gt;사용을 위해서는 반드시 직접 연결된 양 기기가 모두 UDLD를 지원해야 사용이 가능하며, 반드시 양 기기가 동일한 모드로 설정되어 있어야 한다. (기본값은 Disabled)&lt;br /&gt;&lt;br /&gt;동작 방식은 양 기기가 서로 Hello packet을 보내서 연결 상태를 확인하는 방식이며, 수신이 안되는 경우 연결을 차단(shutdown)한다.&lt;br /&gt;&lt;br /&gt;기본적으로 Normal Mode와 Aggressive Mode 두가지 모드중 하나를 선택 할 수 있다. 전자는 광섬유만, 후자는 일반 랜선까지 지원한다.&lt;br /&gt;&lt;br /&gt;이 기능을 전체 모드에서 설정하는건 아래와 같다.&lt;br /&gt;&lt;br /&gt;&lt;B&gt;SW(config)# &lt;/B&gt;udld [aggressive/enable] (둘 중 택 1. 후자가 Normal Mode)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;개별 인터페이스에 대해 설정하는건 아래와 같다.&lt;br /&gt;&lt;br /&gt;&lt;B&gt;SW(config-if)#&lt;/B&gt;&amp;nbsp;udld port [aggressive] (생략시는 Normal Mode)&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;이 기능은 STP 루프를 방지한다는 점에서 뒤에 언급할 &lt;A href=&quot;http://swkim-linux.blogspot.com/2013/07/stp-2-root-guard.html&quot; target=_blank&gt;&lt;FONT color=#2288bb&gt;Loop Guard 기능&lt;/FONT&gt;&lt;/A&gt;과 유사한면이 있다. 하지만 UDLD는 하드웨어인 포트단위로, Loop Guard는 소프트웨어인 포트내의 VLAN단위로 동작한다는 점에서 차이가 있다.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;보다 자세한 자료는 아래의 링크를 참조할 수 있다.&lt;br /&gt;CISCO사 Switch 설정관련 메뉴얼 -&amp;nbsp;&lt;A href=&quot;http://www.cisco.com/en/US/docs/switches/lan/catalyst3550/software/release/12.1_19_ea1/configuration/guide/swudld.html&quot; target=_blank&gt;&lt;FONT color=#2288bb&gt;Configuring UDLD&lt;/FONT&gt;&lt;/A&gt; &lt;/DIV&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/189</guid>
      <comments>https://escane.tistory.com/189#entry189comment</comments>
      <pubDate>Thu, 12 May 2016 14:52:11 +0900</pubDate>
    </item>
    <item>
      <title>BCN / PTN / WDM / RoADM / OXC</title>
      <link>https://escane.tistory.com/188</link>
      <description>&lt;P&gt;광대역 통신망 (BCN) - &lt;SPAN class=&quot;word_dic en&quot;&gt;broadband&lt;/SPAN&gt; &lt;SPAN class=&quot;word_dic en&quot;&gt;convergence&lt;/SPAN&gt; &lt;SPAN class=&quot;word_dic en&quot;&gt;network&lt;/SPAN&gt;의 약어. &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=856454&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;인터넷&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;망, 유선&lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=830503&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;통신망&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;, 이동통신망, &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=850261&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;방송망&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 등을 하나로 통합한 차세대 통합 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=843904&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;네트워크&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;. &lt;SPAN class=&quot;word_dic en&quot;&gt;BcN&lt;/SPAN&gt;은 새로 네트워크를 깔지 않고 기존 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=845459&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광동축 혼합망&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;이나 초고속 인터넷망을 그대로 이용하면서 교환장치나 전송장치, 단말장치를 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=844779&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;업그레이드&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;해 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=842171&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;가입자&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;들이 100&lt;SPAN class=&quot;word_dic en&quot;&gt;Mbps&lt;/SPAN&gt; 속도로 인터넷과 통신, 방송망을 융합한 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=852174&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;서비스&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;를 받게 한다.&lt;/P&gt;
&lt;DIV class=autosourcing-stub&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&amp;nbsp;&lt;/P&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&amp;nbsp;&lt;/P&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&lt;STRONG&gt;ROADM&lt;/STRONG&gt;(Re-configurable Optical Add-Drop Multiplexer)은 차세대 &lt;A title=&quot;광통신 (없는 문서)&quot; class=new href=&quot;https://ko.wikipedia.org/w/index.php?title=%EA%B4%91%ED%86%B5%EC%8B%A0&amp;amp;action=edit&amp;amp;redlink=1&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광통신&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 기술로 전화국사내 새로운 광통신 회선이 추가되거나 삭제될 때 기술자가 직접 이를 조정해야하는 &lt;A title=OADM href=&quot;https://ko.wikipedia.org/wiki/OADM&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;OADM&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;(광분기)의 단점을 개선한 광전송 기술이다. &lt;A title=소프트웨어 href=&quot;https://ko.wikipedia.org/wiki/%EC%86%8C%ED%94%84%ED%8A%B8%EC%9B%A8%EC%96%B4&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;소프트웨어&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;만으로 망 설정과 회선 조절이 가능하다. 원격으로 네트워크 재구성이 가능하기 때문에 유지보수 비용을 절감할 수 있고, 신규 &lt;A title=애플리케이션 class=mw-disambig href=&quot;https://ko.wikipedia.org/wiki/%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;애플리케이션&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;을 신속하게 반영할 수 있는 것이 특징이다.&lt;SUP id=cite_ref-1 class=reference&gt;&lt;A href=&quot;https://ko.wikipedia.org/wiki/ROADM#cite_note-1&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;[1]&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;/SUP&gt;&lt;/P&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&amp;nbsp;&lt;/P&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&amp;nbsp;&lt;/P&gt;
&lt;DT&gt;&lt;A href=&quot;http://endic.naver.com/enkrEntry.nhn?entryId=c56f6a78c5da4a099ff42a484c2dd11c&quot; target=_blank&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;PTN&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; - &lt;A class=auto_link href=&quot;http://endic.naver.com/search.nhn?query=public+telephone&quot; target=_blank&gt;&lt;STRONG class=hl&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;public telephone&lt;/FONT&gt;&lt;/U&gt;&lt;/STRONG&gt;&lt;/A&gt;&lt;STRONG class=hl&gt; &lt;/STRONG&gt;&lt;A class=auto_link href=&quot;http://endic.naver.com/search.nhn?query=network&quot; target=_blank&gt;&lt;STRONG class=hl&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;network&lt;/FONT&gt;&lt;/U&gt;&lt;/STRONG&gt;&lt;/A&gt;.&lt;/DT&gt;&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P align=center&gt;&lt;B&gt;&lt;FONT size=2&gt;&lt;FONT color=#8000ff&gt;&lt;SPAN class=std&gt;DWDM &lt;/SPAN&gt;&lt;/FONT&gt;&lt;SPAN class=std&gt;(dense wavelength division multiplexing) ; (조밀) 파장 분할 다중화&lt;/SPAN&gt;&lt;/FONT&gt;&lt;/B&gt;&lt;/P&gt;
&lt;P&gt;
&lt;TABLE cellSpacing=0 width=&quot;100%&quot; border=0&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD vAlign=top&gt;
&lt;P align=left&gt;&lt;SPAN class=std&gt;&lt;FONT size=2&gt;DWDM은 다른 곳에서 온 여러 종류의 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/data.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;데이터&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;를 하나의 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/opticalfiber.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;광섬유&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;에 함께 싣는 기술로서, 각 신호들은 분리된 고유의 광파장 상에서 전송된다. DWDM을 사용하면 하나의 광섬유 상에 최고 80 (이론상으로는 그 이상)개의 분리된 파장이나 데이터 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/channel.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;채널&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;로 다중화될 수 있다. 만약, 각 채널이 2.5 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/Gbps.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;Gbps&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;를 전송하는 시스템이라면, 하나의 광섬유에 최고속도 초당 2,000억 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/bit.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;비트&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;가 전송될 수 있다. DWDM은 때로 WDM (wave division multiplexing)이라고 불리기도 한다.&lt;/FONT&gt;&lt;/SPAN&gt; 
&lt;P align=left&gt;&lt;SPAN class=std&gt;&lt;FONT size=2&gt;각 채널은 수신측에서 원래의 신호대로 역다중화되기 때문에, 각기 다른 속도의 각기 다른 데이터 형식들이 함께 전송될 수 있다. 보다 명확히 말하자면, &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/Internet.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;인터넷&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt; 데이터, &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/SONET.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;SONET&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt; 데이터, 그리고 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/ATM.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;ATM&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt; 데이터 등이 광섬유 내에서 모두 동시에 전송될 수 있다는 뜻이다. &lt;/FONT&gt;&lt;/SPAN&gt;
&lt;P align=left&gt;&lt;SPAN class=std&gt;&lt;FONT size=2&gt;DWDM은 광섬유 부족 문제를 해결함으로써, 미래의 모든 광(光) 네트웍의 중심 기술이 될 것으로 예상된다. DWDM은 가장 효율적인 광전송 방법으로서, &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/TDM.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;시분할 다중화&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt; 기술을 대체한다. 비록, 오늘날 &lt;/FONT&gt;&lt;A href=&quot;http://www.terms.co.kr/network.htm&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc size=2&gt;네트웍&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;FONT size=2&gt;의 주요 접근방식이 시분할 다중화 기술이지만, 1998년말이나 1999년이면 DWDM 시스템에 대한 테스트가 끝나고 실제 현장에 배치될 것으로 예상된다. &lt;/FONT&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;lt; OXC &amp;gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;1. OXC&lt;br /&gt;&lt;br /&gt;&lt;/STRONG&gt;&amp;nbsp; ㅇ 광 &lt;A title=&quot; 신호 (Signal) ㅇ 정보를 갖는 것은 모두 신호로 볼 수 있음   - 어떤 현상을 시간,공간에 따라 변화하는 물리량으로 표시한 `함수`    . 주로, `시간`과 관련된 물리량의 수학적 표현 ㅇ [수학] 하나 또는 그 이상의 독립변수의 함수로 표현되는 것 ㅇ &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=466&amp;amp;id=131&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;신호&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 자체를 &lt;A title=&quot; 교차연결/회선분배 (Cross-connect) ㅇ 신호 성질(속도,목적지,종류별 등)에 따라 다양하게 분류,지정,집선,연결 등을 하는 기능 ㅇ 협의의 용어 사용   - 동일 국사 내 `교환기` 및 `전송시스템의 단국장치` 등 상호간을 연결하는 기능을 말함 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1736&amp;amp;id=284&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;교차연결&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;(&lt;A title=&quot; 교차연결/회선분배 (Cross-connect) ㅇ 신호 성질(속도,목적지,종류별 등)에 따라 다양하게 분류,지정,집선,연결 등을 하는 기능 ㅇ 협의의 용어 사용   - 동일 국사 내 `교환기` 및 `전송시스템의 단국장치` 등 상호간을 연결하는 기능을 말함 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1736&amp;amp;id=284&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;Cross-connect&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;)하는 기술/장비&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - &lt;A title=&quot; 파장(Wavelength) 이란? ㅇ 한 주기 동안 파(波)가 진행한 거리 (1 주기분의 길이) (공간 주기성) ㅇ 파장 표기 : λ(람다) ㅇ 파장 단위 : 1 Å(angstrom,옹스트롬) = 10&lt;sup&gt;-10&lt;/sup&gt; m  &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1898&amp;amp;id=5&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;파장&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;을 달리한 광신호들을 &lt;A title=&quot; 파장(Wavelength) 이란? ㅇ 한 주기 동안 파(波)가 진행한 거리 (1 주기분의 길이) (공간 주기성) ㅇ 파장 표기 : λ(람다) ㅇ 파장 단위 : 1 Å(angstrom,옹스트롬) = 10&lt;sup&gt;-10&lt;/sup&gt; m  &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1898&amp;amp;id=5&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;파장&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 단위로 직접적인 분배 및 접속을 가능하게함&lt;br /&gt;&lt;br /&gt;&lt;B&gt;&lt;br /&gt;2. OXC 필요성&lt;/B&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ 데이터통신 보편화 및 &lt;A title=&quot; 트래픽 이란? ㅇ 교통, 운수, 통신 등에서 흐름을 나타내는 일반적인 말 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=519&amp;amp;id=863&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;트래픽&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 증가로 시외 &lt;A title=&quot; 백본 (Backbone) ㅇ 영어 뜻 자체로는, 근간이 되는 뼈대를 의미 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1599&amp;amp;id=389&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;백본망&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;이 2.5G급,&lt;A title=&quot; STM-64 (OC-192) ㅇ SDH의 기본전송단위인 155 Mbps (STM-1)의 64배이고, STM-16의 4배인 10 Gbps 의 전송속도   를 갖는 SDH/SONET 신호계위 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=787&amp;amp;id=1209&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;10G&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;급 등 초고속화 됨에 따라,&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; - 광파장회선 단위로 구성, 절체 및 관리하는 광 &lt;A title=&quot; 교차연결/회선분배 (Cross-connect) ㅇ 신호 성질(속도,목적지,종류별 등)에 따라 다양하게 분류,지정,집선,연결 등을 하는 기능 ㅇ 협의의 용어 사용   - 동일 국사 내 `교환기` 및 `전송시스템의 단국장치` 등 상호간을 연결하는 기능을 말함 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1736&amp;amp;id=284&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;회선분배&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 장치가 필요&lt;br /&gt;&lt;br /&gt;&lt;SPAN id=callbacknestescanetistorycom1875584 style=&quot;HEIGHT: 1px; WIDTH: 1px; FLOAT: right&quot;&gt;&lt;EMBED id=bootstrapperescanetistorycom1875584 type=application/x-shockwave-flash height=1 width=1 src=http://escane.tistory.com/plugin/CallBack_bootstrapperSrc?nil_profile=tistory&amp;amp;nil_type=copied_post allowscriptaccess=&quot;always&quot; wmode=&quot;transparent&quot; enablecontextmenu=&quot;false&quot; flashvars=&quot;&amp;amp;callbackId=escanetistorycom1875584&amp;amp;host=http://escane.tistory.com&amp;amp;embedCodeSrc=http%3A%2F%2Fescane.tistory.com%2Fplugin%2FCallBack_bootstrapper%3F%26src%3D%2F%2Fs1.daumcdn.net%2Fcfs.tistory%2Fresource%2F3979%2Fblog%2Fplugins%2FCallBack%2Fcallback%26id%3D187%26callbackId%3Descanetistorycom1875584%26destDocId%3Dcallbacknestescanetistorycom1875584%26host%3Dhttp%3A%2F%2Fescane.tistory.com%26float%3Dleft&quot; swliveconnect=&quot;true&quot;&gt;&lt;/SPAN&gt;&amp;nbsp; ㅇ &lt;A title=&quot; Dense WDM (DWDM) ㅇ 일정 파장 대역에 걸쳐 수십, 수백개의 파장의 광 신호를 동시에 변조시켜서   하나의 광섬유를 통해 전송하는 WDM의 발전된 기술 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1847&amp;amp;id=33&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;DWDM&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;과 OXC에 의한 &lt;A title=&quot; 망형 (Mesh Type) ㅇ 토폴로지상 모든 노드가 마치 그물처럼 완전히 직접 연결되어있는 구조      - 비록 회선의 효율성이 낮고 비경제적이나, 안전성은 매우 높은 구조   - 교환망에서 트래픽이 많은 대도시에서 주로 사용되는 방식 ㅇ &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1209&amp;amp;id=288&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;그물망&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 구성이 진전됨&lt;br /&gt;&lt;br /&gt;&lt;B&gt;&lt;br /&gt;3. OXC 주요 기능&lt;/B&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ &lt;A title=&quot; Dense WDM (DWDM) ㅇ 일정 파장 대역에 걸쳐 수십, 수백개의 파장의 광 신호를 동시에 변조시켜서   하나의 광섬유를 통해 전송하는 WDM의 발전된 기술 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1847&amp;amp;id=33&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;DWDM&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; &lt;A title=&quot;  ㅇ 광 전송장치   - 전기신호와 광신호를 상호변환하거나 신호의 보상 및 감시 등 각각의 독립된 기    능을 갖춘 요소들을 사용목적에 따라 조합한 것을 의미하며 광송수신장치, 광중    계장치 등이 있음     . 각각의 광 전송장치는 광 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=744&amp;amp;id=32&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광전송장치&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;에서 &lt;A title=&quot; 전송 이란? ㅇ 요구되는 정보 신호를 전송매체를 통해 공간의 한 점에서 다른 점으로 전달하는 기능 ㅇ 단말 및 교환과 함께 통신망을 구성하는 3대 요소/기능 중의 하나 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=689&amp;amp;id=251&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;전송&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;되어온 &lt;A title=&quot; 다중화/역다중화 이란? ㅇ 다중화 (Multiplexing, MUX)   - 설비를 더욱 효율적으로 이용하기 위해 사용되는 기법    . 하나의 설비에 여러 신호를 함께 결합시켜 보냄 ㅇ 역다중화 (Demultiplexing, DeMUX)   - 수신단에서 다중화의 역과정     . &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=404&amp;amp;id=253&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;다중화&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;된 파장들을 다수의 &lt;A title=&quot; [자료구조 / 토폴로지] 노드 및 가지 ㅇ 노드,마디,절점,정점 (Node)   - 연결망(네트워크,그래프) 구조에서 상호 연결 점/요소/원소를 표현한 것    . (정보의 생성,소멸,분기결합 등이 함축됨) ㅇ 가지,링크,관계,분기 (Branch)   - 노드와 노드 간의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=3847&amp;amp;id=194&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;노드&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;로 분배하여 연결&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 하거나 자국에 필요한 파장을 &lt;A title=&quot; 분기/결합 (Add/Drop) ㅇ 고속 신호에 포함된 저속 신호를 전송로상의 중간 노드에서 삽입 또는 추출하는 동작 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1528&amp;amp;id=284&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;Add/Drop&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 해주는 광회선분배 기능&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ 광 파장으로 입력된 회선을 OXC 내부에서 전기적 신호로 변환하여 &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;을 하거나&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 또는 광신호를 직접 &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;하는 기능 등&lt;br /&gt;&lt;br /&gt;&lt;B&gt;&lt;br /&gt;4. OXC 구현방식 구분&lt;/B&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ 전기적 &lt;A title=&quot; 스위칭 패브릭 (Switching Fabric) 또는 스위치 매트릭스 (Switch Matrix) ㅇ 스위치 내부가 직물(Fabric) 또는 망상(網狀) 처럼 보이는 모양   - 스위칭을 하는 엔진 부분이 전용 ASIC를 사용하여 각 입출력 포트를 가상의 회선으로    그물 또는 직물 처럼 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=797&amp;amp;id=1201&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭 구조&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;의 OXC (O-E-O)&amp;nbsp; (&lt;A title=&quot;  ㅇ Opauue OXC   - 내부 스위치 구조가 전기적 스위치를 기반으로 함    . 전-광, 광-전 변환 필요 ㅇ Transparent OXC   - 내부 스위치 구조가 광 스위치 기반으로된 전광(All-Optical) 제품    . 입력되는 광 신호를 전송속도 및 형태(즉, &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=3378&amp;amp;id=1225&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;Opaque OXC&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; - &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;단에서 신호 재생 및 &lt;A title=&quot; 집선 (Concentration) ㅇ 일반적으로 여러 가지들을 모아 하나 또는 몇개로 그룹핑하는 것  &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1497&amp;amp;id=342&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;집선&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;화가 가능하므로&amp;nbsp; 망의 구조를 간략화하여 효율성&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 을 향상시킬수 있으나 &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;부 가격이 고가. 이미 상용화되어 있음.&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ 광 &lt;A title=&quot; 스위칭 패브릭 (Switching Fabric) 또는 스위치 매트릭스 (Switch Matrix) ㅇ 스위치 내부가 직물(Fabric) 또는 망상(網狀) 처럼 보이는 모양   - 스위칭을 하는 엔진 부분이 전용 ASIC를 사용하여 각 입출력 포트를 가상의 회선으로    그물 또는 직물 처럼 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=797&amp;amp;id=1201&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭 구조&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;의 OXC (O-O-O)&amp;nbsp; (&lt;A title=&quot;  ㅇ Opauue OXC   - 내부 스위치 구조가 전기적 스위치를 기반으로 함    . 전-광, 광-전 변환 필요 ㅇ Transparent OXC   - 내부 스위치 구조가 광 스위치 기반으로된 전광(All-Optical) 제품    . 입력되는 광 신호를 전송속도 및 형태(즉, &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=3378&amp;amp;id=1225&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;Transparent OXC&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;)&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; - &lt;A title=&quot; 광전효과,광전변환 이란? ㅇ 광전 효과 (Photoelectric Effect)   - 물질이 빛을 흡수하여 자유전자를 발생시키는 전자방출 현상    . 빛의 입자성을 암시   * 1839년 프랑스 베크렐(E. Becquerel)이 최초 발견 ㅇ 광전 변환 (Photoelectric &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1376&amp;amp;id=705&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광전 변환&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 없이 파장(광 회선)을 직접 &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 할수있는 전광 OXC로써, &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 현재 &lt;A title=&quot;  ㅇ 광 스위칭   - 시분할 스위치가 아닌 광학적인 방법으로 공간분할(S D) 혹은 파장분할(W D)    스위치 등을 사용하여 광신호 자체를 스위칭하는 기술 ㅇ 광 스위치   - 광 신호의 방향에 변화를 주거나 켜고끄는 장치 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1983&amp;amp;id=1225&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광스위치&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 소자 개발 문제로 초기단계에 있음. &lt;br /&gt;&lt;br /&gt;&amp;nbsp; &lt;IMG border=0 src=&quot;http://www.ktword.co.kr/img_data/1737_1.JPG&quot;&gt;&lt;br /&gt;&lt;br /&gt;&lt;B&gt;&lt;br /&gt;5. OXC 주요 내부 구성요소&amp;nbsp; &lt;/B&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ &lt;A title=&quot; 공간(空間, Space) ㅇ [물리학적 공간]   - 빈 공간이라기 보다는 물성(물리량)을 정의하거나 나타낼 수 있는 공간 ☞ 장(場) ㅇ [수학적 공간]    - 기하학적 도형(圖形) 및 대수학적 수(數)의 성질 모두를 갖는 수학적 표현    . 기하학적인 개념을 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=4654&amp;amp;id=585&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;공간&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; &lt;A title=&quot; 스위치, 개폐기 (Switch) ㅇ 기본적으로 접점의 개폐에 의해 입출력을 구성시키는 요소(장치)   - 이것의 아주 단순한 예로는 단지 개폐기(1:1) 만을 의미  &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=1094&amp;amp;id=342&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위치&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;br /&gt;&amp;nbsp; ㅇ &lt;A title=&quot;  ㅇ [전송] 다중화기 (Multiplexer)   - 전송설비를 더욱 효율화하기 위해 여러 입력 신호를 결합(Multiplexing)하는 장비 ㅇ [디지털 논리회로] 데이터 선택기 (Multiplexer, Data Selector)   - 여러 입력 중 하나를 선택하여 출력시키는 논리소자 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=3520&amp;amp;id=273&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;다중화기&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;/&lt;A title=&quot; 다중화/역다중화 이란? ㅇ 다중화 (Multiplexing, MUX)   - 설비를 더욱 효율적으로 이용하기 위해 사용되는 기법    . 하나의 설비에 여러 신호를 함께 결합시켜 보냄 ㅇ 역다중화 (Demultiplexing, DeMUX)   - 수신단에서 다중화의 역과정     . &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=404&amp;amp;id=253&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;역다중화&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;기&lt;br /&gt;&amp;nbsp; ㅇ &lt;A title=&quot; 광 트랜시버 관련 장치 ㅇ 광 트랜시버 / 광 송수신기 (Optical Transceiver)   - 광 송신기 및 광 수신기를 하나로 모듈화시킨 것   * 양방향 광 송수신 모듈 (BOSA, Bidirectional OSA)    . 송신 및 수신 LD가 함게 들어있음    . 두 파장(1.3 ㎛ &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=2379&amp;amp;id=16&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광파장변환기&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;br /&gt;&lt;br /&gt;&lt;B&gt;&lt;br /&gt;6. OXC 전망&lt;/B&gt;&lt;br /&gt;&lt;br /&gt;&amp;nbsp; ㅇ 궁극적으로 OXC는 &lt;A title=&quot;  ㅇ 광인터넷 기술은 음성, 데이터, 화상 등의 인터넷 정보를 전기적인 신호가 아니고 ㅇ 광 파장 신호로 변환하여 빛의 속도로 교환, 전달, 처리하는 기술로, ㅇ 전자식 기술이 갖는 속도의 한계를 넘어서 (Gbps -&amp;amp;gt; Tbps) 폭발적으로 증가하는 ㅇ 인터넷 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=2098&amp;amp;id=31&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;광인터넷&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 분야에서 광 파장별로 &lt;A title=&quot; Routing(라우팅,경로배정,경로제어) 이란? ㅇ 네트워크상에서 주소를 이용, 목적지까지 경로를 체계적으로 결정하는 경로선택 과정   - 네트워크를 효율적으로 이용하여 양종단 노드 간에 경로 찾기 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=539&amp;amp;id=345&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;라우팅&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; 및 &lt;A title=&quot; 스위칭 (Switching) ㅇ 일반적으로,    - 접점의 개폐, 회로의 도통 및 차단, 상태의 변환 등의 동작을 말함   ※ 여닫이,개폐 동작을 하는 장치 ☞ 쵸퍼(Chopper),스위치(Switch),계전기(Electric Relay) 참조 ㅇ 교환 또는 스위칭 이란?   - 2 이상의 &quot; href=&quot;http://www.ktword.co.kr/abbr_view.php?nav=&amp;amp;m_temp1=640&amp;amp;id=459&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;스위칭&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;이 가능하도록 전망됨&lt;/P&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/188</guid>
      <comments>https://escane.tistory.com/188#entry188comment</comments>
      <pubDate>Thu, 12 May 2016 10:09:57 +0900</pubDate>
    </item>
    <item>
      <title>백홀망</title>
      <link>https://escane.tistory.com/186</link>
      <description>&lt;H2&gt;백홀&lt;/H2&gt;
&lt;P&gt;&lt;EM&gt;[ &lt;SPAN class=&quot;word_dic en&quot;&gt;back haul&lt;/SPAN&gt;&lt;AUDIO id=soundT11 style=&quot;HEIGHT: 0px; WIDTH: 0px&quot; src=&quot;http://naverdic.dn.naver.com/naver/dic/naverdic/endic/pron/clear/us/038/038185.mp3?vcode=3938390901146315010796&quot;&gt;&lt;/AUDIO&gt;&lt;A id=sound_playT11 class=tlp_sound data-url=&quot;http://naverdic.dn.naver.com/naver/dic/naverdic/endic/pron/clear/us/038/038185.mp3?vcode=3938390901146315010796&quot;&gt;&lt;SPAN class=blind&gt;음성듣기&lt;/SPAN&gt;&lt;/A&gt; ] &lt;/EM&gt;&lt;/P&gt;
&lt;DIV id=size_ct class=&quot;size_ct_v2 headword_separator&quot;&gt;
&lt;DIV id=margin_div class=marginDiv&gt;&lt;/DIV&gt;
&lt;P class=txt style=&quot;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)&quot;&gt;&lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=382196&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;선박&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;이 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=383012&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;화물&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;을 적재하고자 공선상태로 돌아가는 길의 거리를 최소화하기 위하여 자선의 경로를 벗어나는 것을 말한다. 백 홀을 사용함으로써 아무 것도 하지 않는 공선상태의 &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=2429002&amp;amp;ref=y&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;항해&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;에서의 최소한의 이득을 보기 위하여 사용한다.
&lt;DIV class=autosourcing-stub&gt;
&lt;P style=&quot;FONT-SIZE: 12px; FONT-FAMILY: Dotum; FONT-WEIGHT: normal; COLOR: black; PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 11px 0px 7px; PADDING-RIGHT: 0px&quot;&gt;&lt;STRONG style=&quot;FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: black; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 7px&quot;&gt;[네이버 지식백과]&lt;/STRONG&gt; &lt;A href=&quot;http://terms.naver.com/entry.nhn?docId=2428497&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;백홀&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt; [back haul] (선박항해용어사전, 한국해양대학교)&lt;/P&gt;&lt;/DIV&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;br /&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;H2&gt;&lt;A href=&quot;http://allpartner.tistory.com/3&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;백홀 망 (Backhaul) 이란&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;/H2&gt;
&lt;P&gt;&lt;SPAN class=name&gt;&lt;A href=&quot;http://allpartner.tistory.com/category/IT용어/Network&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;IT용어/Network&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;/SPAN&gt; &lt;SPAN class=date&gt;2013.07.25 00:36&lt;/SPAN&gt;&lt;br /&gt;&lt;/P&gt;
&lt;DIV class=article&gt;
&lt;DIV class=tt_article_useless_p_margin&gt;&lt;SPAN id=callbacknestallpartnertistorycom33670 style=&quot;HEIGHT: 1px; WIDTH: 1px; FLOAT: right&quot;&gt;&lt;/SPAN&gt;
&lt;P&gt;네트워크를 조금 안다고했는데 백홀망에 대해서 생소한부분과 딱 이거다라고 정의하기 힘든부분이 있어서&lt;/P&gt;
&lt;P&gt;블로그를 통해서 조금이라도 정의해보려고합니다. ㅎㅎ 조금쉽게요.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;네트워크 쪽에서 백홀이 다시 조명되는 이유는 엄청나게 증가하는 무선망에 특히 스마트폰에서 발생하는 데이터를 처리하는데에 꼭 필요한 기술이기때문입니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;1) 백홀망이란? &amp;nbsp;Backhaul ?&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;네트워크 장비 입장에서본다면&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;유선또는 무선에 흐르는 데이터를 한곳에 모아서 백본망에 전달해주는것을 말합니다&lt;/STRONG&gt;. &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;최근의 모바일환경의 입장에서 본다면&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;음성또는 데이터를 기지국에서 모아서 해당 통신사업자의 백본망에 전달해주는 것을 &quot;백홀&quot;&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;, 해당 역할을 하는것을 백홀 장비, 그전체 환경을 백홀망&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;기존의 주파수로 통신하던 시대에서 모든 음성또한 패킷화로되면서 대두되는 현상 &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;2) 왜 최근에 백홀장비, 백홀망이라는것이 다시 조명되었나.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;모든것은 스마트폰의 사용량이 예상치를 넘어서는 발달속도때문에&lt;/P&gt;
&lt;P&gt;사용자단의 데이터들이 통신사업자의 백본망까지 집결하는데에 백홀전용전용장비가 필요하고 백홀망안에서&lt;/P&gt;
&lt;P&gt;처리하는 망처리기술이 따로 필요하기때문인것같습니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;3) 대표적 백홀장비 회사들&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;아카텔, 화웨이, 시스코등이 백홀장비 선두로 나가고있으며 거의 회사들이 대용량의 데이터시대를 연 LTE에 최근엔 LTE-A등 4G기술에 초점을 맞춘것같습니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;백홀망은 &amp;nbsp;4G데이터 처리를 어떻게 빠르게, 효율적(값싸게)하려는 여러회사 (통신사업자,통신장비)들의 고민들이 현재&lt;/P&gt;
&lt;P&gt;가장많을때이므로 더발전해갈것입니다. 현재 5G네트워크에 대비한 백홀연구도 활발한것으로 알고있습니다. &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;몇몇 회사들의 기조를 본다면&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;U&gt;아카텔은 처리용량의 극대화&lt;/U&gt;&lt;/P&gt;
&lt;P&gt;&lt;U&gt;&lt;/U&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;U&gt;시스코는 기존환경과의 통합 &lt;/U&gt;&lt;/P&gt;
&lt;P&gt;&lt;U&gt;&lt;/U&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;U&gt;&lt;/U&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Alcatel-Lucent Mobile Backhaul Architecture for HetNets&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/186</guid>
      <comments>https://escane.tistory.com/186#entry186comment</comments>
      <pubDate>Thu, 12 May 2016 08:53:08 +0900</pubDate>
    </item>
    <item>
      <title>SNMP</title>
      <link>https://escane.tistory.com/185</link>
      <description>&lt;P&gt;&lt;STRONG&gt;&lt;A href=&quot;http://neonis.tistory.com/entry/SNMP-Simple-Network-Management-Protocol-%EA%B0%9C%EC%9A%94&quot;&gt;http://neonis.tistory.com/entry/SNMP-Simple-Network-Management-Protocol-%EA%B0%9C%EC%9A%94&lt;/A&gt;&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;1. 알아보자 SNMP&lt;br /&gt;&lt;br /&gt;&lt;/STRONG&gt;- SNMP는 네트워크 망에 대한 효율적인 관리를 위한 Protocol 이다. Manager-Agent 관계로 이루어져 있으며, 통신과정에서 인증을 위해 &lt;STRONG&gt;Community Sting&lt;/STRONG&gt;을 사용하게 된다. 네트워크 장치를 모니터링하고 제어하기도 하고, 환경설정, 통계, 자료수집, 수행 성능, 보안 기능을 관리하는 수단이다. 이러한 종합된 정보들은 &lt;STRONG&gt;MIB(Managerment Infomormation Base)&lt;/STRONG&gt;를 통해 DB에 저장된다.&lt;br /&gt;&lt;br /&gt;- SNMP 패킷은 version, community string, SNMP PDU 로 구조로 이루고 있고, Agent와 Manager가 서로 UDP Port 161번으로 통신을 이루어진다. 아래 그림은 간단히 Agent와 Manager간 통신을 간단히 그려봤다. &lt;br /&gt;&lt;br /&gt;&lt;/P&gt;
&lt;DIV class=&quot;imageblock center&quot; style=&quot;TEXT-ALIGN: center; CLEAR: both&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; alt=&quot;사용자 삽입 이미지&quot; src=&quot;http://cfs15.tistory.com/image/17/tistory/2009/09/21/23/28/4ab78d864fea8&quot; width=480 height=278&gt;&lt;/DIV&gt;
&lt;P&gt;&lt;br /&gt;&lt;STRONG&gt;2. SNMP 버전별 특징&lt;/STRONG&gt;&lt;br /&gt;&lt;br /&gt;&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;&lt;STRONG&gt;SNMP v1&lt;/STRONG&gt; - 암호화 되어 있지 않고 보안 기능이 전혀 없음 
&lt;LI&gt;&lt;STRONG&gt;SNMP v2&lt;/STRONG&gt; - v1에서는 없었던 암호화와 보안 기능 및 PDU 타입 정의 기능이 추가되었으나 상용화 되지 않았음 ( &lt;FONT color=#d41a01&gt;PDU : Process Data Unit 약자&lt;/FONT&gt; ) 
&lt;LI&gt;&lt;STRONG&gt;SNMP v2c&lt;/STRONG&gt; - 기존 v2에서 보안기능이 제거 되었고, v1에서 몇가지 기능이 추가되었다. 현재 가장많이 사용되고 있고 Community string 기능이 적재된 버전이다. 
&lt;LI&gt;&lt;STRONG&gt;SNMP v3&lt;/STRONG&gt; - 암호화 및 인증을 지원하고, 보안성은 좋으나 호환성의 문제로 아직 상용화 되지 않고 있다.&lt;/LI&gt;&lt;/UL&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;br /&gt;&lt;SPAN id=callbacknestneonististorycom72536 style=&quot;HEIGHT: 1px; WIDTH: 1px; FLOAT: right&quot;&gt;&lt;/SPAN&gt;3. SNMP 서비스 탐지&lt;/STRONG&gt;&lt;br /&gt;&lt;br /&gt;- SNMP 서비스는 UDP Port 161번을 사용하기 때문에 UDP Port Scanning을 통해 알아볼 수 있다. SNMP의 Get request를 전송하여 응답을 체크하고, 만약 SNMP서비스를 사용하는 중이라면 해당 시스템의 기본정보 획득이 가능하다. 하지만 Community string을 알아야 가능하다.&lt;br /&gt;&lt;br /&gt;&lt;STRONG&gt;4. Community String 획득&lt;/STRONG&gt;&lt;br /&gt;&lt;br /&gt;- 기본적을 Community string은 Public 또는 private을 사용하고 있다. 그래서 Brute Forcing 기법이나 Dictionary Attack을 이용하여 획득이 가능하지만 시간은 오래 걸린다. 그리고 SNMP v1, v2는 암호화를 사용하지 않기 때문에 sniffing을 통해 획득 할 수도 있다.&lt;br /&gt;&lt;br /&gt;&lt;STRONG&gt;5. SNMP 를 이용한 정보 습득 과정&lt;br /&gt;&lt;br /&gt;&lt;/STRONG&gt;- 우선은 SNMP 통신을 할때 사용하는 Port가 Open 중인지 확인하기 위해서 Port Scanning을 해본다. 보통 많이 사용하는 Nmap을 이용하여 아래 그림과 같이 Port scanning을 해보자. Nmap은 많이 사용하는 Scanning Tool이기에 사용 메뉴얼을 한번 읽어보도록 하자. &lt;br /&gt;
&lt;DIV class=&quot;imageblock center&quot; style=&quot;TEXT-ALIGN: center; CLEAR: both&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; alt=&quot;사용자 삽입 이미지&quot; src=&quot;http://cfs13.tistory.com/image/22/tistory/2009/09/21/23/55/4ab793d64f45f&quot; width=484 height=178&gt;&lt;/DIV&gt;
&lt;P&gt;&lt;br /&gt;- 이렇게 SNMP가 사용하는 Port가 열려있다는 것을 확인하게 되면, Community string을 획득해야 된다. 위에서 설명한 것과 같이 Brute-forceing이나 Dictionary Attack을 통해 가능하지만, 사전 목록이 정확히 준비 되어 있지 않으면, 주화입마에 빠지기 쉽다. 사전 목록을 잘 만들어지 쉽다는 말이다. 아래는 테스트 목적으로 한 것이기 때문에 간단하게 Dictionary를 만들었고, 아래와 같이 Onesixtyone이라는 Tool을 통해 가능하다. Onesixtyone는 리눅스용으로 리눅스에서 설치해서 사용하자. ^^;;(BT가 설치 되어 있는 분은 거기에도 있어요..o^0^o)&lt;br /&gt;&lt;br /&gt;&lt;/P&gt;
&lt;DIV class=&quot;imageblock center&quot; style=&quot;TEXT-ALIGN: center; CLEAR: both&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; alt=&quot;사용자 삽입 이미지&quot; src=&quot;http://cfs10.tistory.com/image/24/tistory/2009/09/22/00/04/4ab7960856d6f&quot; width=497 height=95&gt;&lt;/DIV&gt;
&lt;P&gt;&lt;br /&gt;- 위에서는 Community String은 public이라는 것과 윈도우2000을 사용하는 것을 알 수 있다. 원래대로 한다면 이렇게 쉽게 나오지는 않는다. 분명히 Default로 사용하지 않았을 것이다. 테스트 목적이기 때문에 쉽게쉽게 갑시다. ^^;; 이해해주시기 바랍니다. ㅜ.ㅜ&lt;br /&gt;&lt;br /&gt;- 이제 서버는 윈도우서버, SNMP 서비스를 사용하고 있고, Community string은 public을 사용한다는 것을 알았다. 참 먼길을 왔다. 휴...이제 막바지로 달려보자. 아자아자. SNMP Scanning Tool을 이용하여 정보습득이 가능하게 되었다. 사용할 Tool은 snmpwalk를 사용할 것이다. 사용하게 전에 한가지 더 확인해봐야 되는 것이 있다. 바로 MIB/OID 정보이다. 이 정보는 MIB Browser를 통해 얻을 수 있다. 그래서 MIB/OID값 얻는 방법은 패스~~~하고, 아래와 같이 정보들을 획득할 수 있다.&lt;br /&gt;&lt;br /&gt;&lt;/P&gt;
&lt;DIV class=&quot;imageblock center&quot; style=&quot;TEXT-ALIGN: center; CLEAR: both&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; alt=&quot;사용자 삽입 이미지&quot; src=&quot;http://cfs11.tistory.com/image/34/tistory/2009/09/22/00/47/4ab7a00832f6d&quot; width=480 height=199&gt;&lt;/DIV&gt;
&lt;P&gt;&lt;br /&gt;&lt;STRONG&gt;6. SNScan ( SNMP Scan Tool )&lt;/STRONG&gt;&lt;br /&gt;&lt;br /&gt;- 간단히 설명하면 SNMP 사용하고 있는 장치 검색 도구이다. 지정한 IP대역내에서 SNMP를 사용하는 장치를 검색하는데 사용이 가능하다. 툴에 대한 설명은 당연히 하지 않을 것이고 직접 사용해보고 맘에 드시면 계속 사용하세요..^^&lt;br /&gt;&lt;/P&gt;
&lt;DIV class=&quot;imageblock center&quot; style=&quot;TEXT-ALIGN: center; CLEAR: both&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; alt=&quot;사용자 삽입 이미지&quot; src=&quot;http://cfs10.tistory.com/image/35/tistory/2009/09/22/00/51/4ab7a0eb48791&quot; width=484 height=216&gt;&lt;/DIV&gt;
&lt;P&gt;&lt;br /&gt;&lt;STRONG&gt;7. SNMP Enumeration 대응책&lt;/STRONG&gt;&lt;br /&gt;&lt;br /&gt;- 대응책이라고 하기는 너무 거창한 것 같고, 그냥 간단하다. SNMP 서비스를 사용안하면 된다. ^^;; 하지만 가용성 관련한 Network 장비 같은 경우 PRTG 같은 경우 어쩔수 없이 사용해야 된다. 그럴때는 Default Community String인 public이나 private을 사용하지 않고 다른 것을 변경을 하여 사용하면 된다. &lt;br /&gt;&lt;br /&gt;지금까지 읽어 주셔서 감사합니다.&lt;/P&gt;</description>
      <category>네트워크</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/185</guid>
      <comments>https://escane.tistory.com/185#entry185comment</comments>
      <pubDate>Fri, 29 Apr 2016 08:16:25 +0900</pubDate>
    </item>
    <item>
      <title>PHP timezone 설정</title>
      <link>https://escane.tistory.com/184</link>
      <description>&lt;DIV&gt;&lt;A href=&quot;http://ra2kstar.tistory.com/169&quot;&gt;http://ra2kstar.tistory.com/169&lt;/A&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;SPAN class=imageblock style=&quot;MAX-WIDTH: 100%; HEIGHT: auto; WIDTH: 610px; DISPLAY: inline-block&quot;&gt;&lt;SPAN data-url=&quot;https://t1.daumcdn.net/cfile/tistory/1372E64250625F5737&quot; data-lightbox=&quot;lightbox&quot;&gt;&lt;IMG style=&quot;CURSOR: pointer; MAX-WIDTH: 100%; HEIGHT: auto&quot; src=&quot;https://t1.daumcdn.net/cfile/tistory/1372E64250625F5737&quot; width=610 height=48 filemime=&quot;image/jpeg&quot; filename=&quot;1.png&quot;&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/DIV&gt;
&lt;DIV&gt;
&lt;P style=&quot;FLOAT: none; TEXT-ALIGN: center; CLEAR: none&quot;&gt;&amp;nbsp;&lt;/P&gt;
&lt;DIV class=txc-textbox style=&quot;BORDER-TOP: rgb(193,193,193) 1px solid; BORDER-RIGHT: rgb(193,193,193) 1px solid; BORDER-BOTTOM: rgb(193,193,193) 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: rgb(193,193,193) 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(238,238,238); border-image: none&quot;&gt;
&lt;P&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;Warning: date(): It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Asia/Seoul' for 'KST/9.0/no DST' instead in (php파일명) on line 138&lt;/SPAN&gt;&lt;/P&gt;&lt;/DIV&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV&gt;위의 에러는&lt;B&gt;&lt;SPAN style=&quot;COLOR: rgb(255,0,0)&quot;&gt; timezone이 세팅되어있지 않아서 발생&lt;/SPAN&gt;&lt;/B&gt;한 문제인데, 해결방법은 다음과 같다.&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;B&gt;&lt;SPAN style=&quot;FONT-SIZE: 12pt; FONT-FAMILY: Verdana&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(255,0,0)&quot;&gt;&amp;nbsp;&lt;/SPAN&gt; php 코드에서 timezone을 설정&amp;nbsp;&lt;/SPAN&gt;&lt;/B&gt;&lt;/DIV&gt;
&lt;DIV&gt;date() 함수를 사용하기 전에 php 코드에 다음과 같은 코드를 박아준다.&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV&gt;
&lt;DIV class=txc-textbox style=&quot;BORDER-TOP: rgb(121,165,228) 1px solid; BORDER-RIGHT: rgb(121,165,228) 1px solid; BORDER-BOTTOM: rgb(121,165,228) 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: rgb(121,165,228) 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(219,232,251); border-image: none&quot;&gt;
&lt;DIV&gt;&lt;B&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana; COLOR: rgb(9,0,255)&quot;&gt;date_default_timezone_set('Asia/Seoul');&lt;/SPAN&gt;&lt;/B&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;B&gt;&lt;SPAN style=&quot;FONT-SIZE: 12pt; FONT-FAMILY: Verdana&quot;&gt;&lt;SPAN style=&quot;COLOR: rgb(255,255,255); BACKGROUND-COLOR: rgb(255,0,0)&quot;&gt;&amp;nbsp;&lt;/SPAN&gt; php.ini 파일에서 timezone 설정&amp;nbsp;&lt;/SPAN&gt;&lt;/B&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV class=txc-textbox style=&quot;BORDER-TOP: rgb(121,165,228) 1px solid; BORDER-RIGHT: rgb(121,165,228) 1px solid; BORDER-BOTTOM: rgb(121,165,228) 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: rgb(121,165,228) 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(219,232,251); border-image: none&quot;&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;$&amp;gt;vi php.ini&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;...&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;[Date]&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;; Defines the default timezone used by the date functions&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;; http://php.net/date.timezone&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;&lt;B&gt;&lt;SPAN style=&quot;COLOR: rgb(9,0,255)&quot;&gt;date.timezone = Asia/Seoul&lt;/SPAN&gt;&lt;/B&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN style=&quot;FONT-FAMILY: Verdana&quot;&gt;...&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <category>프로그래밍</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/184</guid>
      <comments>https://escane.tistory.com/184#entry184comment</comments>
      <pubDate>Wed, 27 Apr 2016 09:34:34 +0900</pubDate>
    </item>
    <item>
      <title>HTML 줄바꿈</title>
      <link>https://escane.tistory.com/183</link>
      <description>&lt;P&gt;&lt;FONT color=#7293fa&gt;&lt;STRONG&gt;&amp;lt;nowrap&amp;gt;&lt;/STRONG&gt;&lt;/FONT&gt;&lt;FONT color=#000000&gt;&amp;nbsp;&lt;/FONT&gt;&lt;/P&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;자동 줄바꿈 금지 기능&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;일반 적의 테이블 셀(tr, td)에서 사용&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;문제점으로는 다른 셀의 크기가 줄어들 수 있다는 점이고,&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;다른 셀에도 nowrap이 있을 경우와 셀마다 셀의 너비가 width로 지정되어 있을면 nowrap은 정확하게 작동되지 않는다.&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;(비추)&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;ex)&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;lt;table&amp;gt; &amp;lt;tr&amp;gt;&amp;lt;td nowrap&amp;gt;자동 줄바꿈 금지 기능&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;FONT color=#7293fa&gt;&lt;B&gt;&amp;lt;nobr&amp;gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;자동 줄바꿈 금지 기능&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;일단적의 단독으로 사용&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;SPAN id=callbacknestjsunnylabtistorycom111033 style=&quot;HEIGHT: 1px; WIDTH: 1px; FLOAT: right&quot;&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;ex)&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;lt;nobr&amp;gt;브라우저를 줄여도 이 부분은 줄어들지 않는다. 단지 스크롤바가 생김&amp;lt;/nobr&amp;gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;
&lt;P style=&quot;MARGIN: 0px&quot;&gt;&lt;/P&gt;
&lt;P style=&quot;TEXT-ALIGN: center&quot;&gt;&lt;SPAN class=imageblock style=&quot;MAX-WIDTH: 100%; HEIGHT: auto; WIDTH: 333px; DISPLAY: inline-block&quot;&gt;&lt;IMG style=&quot;MAX-WIDTH: 100%; HEIGHT: auto&quot; src=&quot;https://t1.daumcdn.net/cfile/tistory/1222CB424F1674A80A&quot; width=333 height=199 filename=&quot;줄바꿈태그.jpg&quot; filemime=&quot;image/jpeg&quot;&gt;&lt;/SPAN&gt;&lt;/P&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;B&gt;&lt;FONT color=#7293fa&gt;[white-space]&lt;/FONT&gt;&lt;/B&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;inherit&lt;SPAN class=Apple-tab-span style=&quot;WHITE-SPACE: pre&quot;&gt; &lt;/SPAN&gt;&amp;nbsp; 말그대로 상속 받는 것&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;normal &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;일반적인 것, default&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;nowrap&lt;SPAN class=Apple-tab-span style=&quot;WHITE-SPACE: pre&quot;&gt; &lt;/SPAN&gt;&amp;nbsp; 줄바꿈을 하지 않는다,&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;pre&lt;SPAN class=Apple-tab-span style=&quot;WHITE-SPACE: pre&quot;&gt; &lt;/SPAN&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;pre&amp;gt;태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;pre-lin &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;pre-wrap &amp;nbsp; &amp;nbsp; &amp;nbsp;pre-line 과 비슷&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;FONT style=&quot;LINE-HEIGHT: 22px&quot; color=#7293fa&gt;&lt;B&gt;[white-space:nowrap;]&lt;/B&gt;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;셀 너비를 지정했다 하더라도 자동으로 줄바꿈이 되지 않는다.&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;게시판에 자주 사용된다.&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;ex 1)&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;lt;table&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td style=&quot;white-space:nowrap;&quot;&amp;gt;자동 줄바꿈 금지 기능&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;ex 2) 모바일 서울 50&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;.bbs ul li em{width:80%; overflow:hidden; white-space:nowrap; border:1px solid green;}&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;FONT color=#7293fa&gt;&lt;B&gt;[word-break]&lt;br /&gt;&lt;/B&gt;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;lt;word-break:break-all;&amp;gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;문장을 띄어쓰기 할때 쓰인 공백기준이 아닌 문자단위로 끊어주는 속성&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;lt;word-break:keep-all;&amp;gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;word-break:break-all;과 비슷하나 문자가 아닌 단위로 끊어주는 역할을 한다.&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;FONT color=#7293fa&gt;&lt;B&gt;파이어폭스의 줄바꿈 처리 Firefox line break&lt;/B&gt;&lt;/FONT&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;파이어폭스에서는 word-break 속성이 적용되지 않습니다.&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;오직 Internet Explorer용 인데요.&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;Firefox 에서 줄바꿈을 하기 위해서는 다음의 코드를 사용하면 됩니다.&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;{&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;white-space: pre-wrap; /* CSS3*/&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;white-space: -moz-pre-wrap; /* Mozilla, since 1999 */&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;white-space: -pre-wrap; /* Opera 4-6 */&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;white-space: -o-pre-wrap; /* Opera 7 */&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;word-wrap: break-all; /* Internet Explorer 5.5+ */&amp;nbsp;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;}&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; COLOR: rgb(0,0,0); OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: transparent&quot;&gt;&lt;br /&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px&quot;&gt;&lt;SPAN style=&quot;BACKGROUND-COLOR: rgb(87,111,189)&quot;&gt;&lt;FONT color=#ffffff&gt;출처&lt;br /&gt;&lt;/FONT&gt;&lt;/SPAN&gt;&lt;A title=&quot;[http://blog.naver.com/sjylove19?Redirect=Log&amp;amp;logNo=40053751554]로 이동합니다.&quot; href=&quot;http://blog.naver.com/sjylove19?Redirect=Log&amp;amp;logNo=40053751554&quot; target=_blank&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;http://blog.naver.com/sjylove19?Redirect=Log&amp;amp;logNo=40053751554&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;SPAN style=&quot;BACKGROUND-COLOR: rgb(87,111,189)&quot;&gt;&lt;br /&gt;&lt;/SPAN&gt;&lt;A title=&quot;[http://htglss.tistory.com/31]로 이동합니다.&quot; href=&quot;http://htglss.tistory.com/31&quot; target=_blank&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;http://htglss.tistory.com/31&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&amp;nbsp;&lt;br /&gt;&lt;SPAN style=&quot;COLOR: rgb(0,0,0); BACKGROUND-COLOR: transparent&quot;&gt;&lt;A title=&quot;[http://htglss.tistory.com/category/Internet%20World/HTML/CSS]로 이동합니다.&quot; href=&quot;http://htglss.tistory.com/category/Internet%20World/HTML/CSS&quot; target=_blank&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;http://htglss.tistory.com/category/Internet%20World/HTML/CSS&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV style=&quot;BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM-WIDTH: 0px; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px&quot;&gt;&lt;A href=&quot;http://html.nhndesign.com/blog/textyle/37677&quot;&gt;&lt;U&gt;&lt;FONT color=#0066cc&gt;http://html.nhndesign.com/blog/textyle/37677&lt;/FONT&gt;&lt;/U&gt;&lt;/A&gt;&lt;/DIV&gt;</description>
      <category>웹</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/183</guid>
      <comments>https://escane.tistory.com/183#entry183comment</comments>
      <pubDate>Tue, 26 Apr 2016 09:50:27 +0900</pubDate>
    </item>
    <item>
      <title>URL redirect</title>
      <link>https://escane.tistory.com/182</link>
      <description>&lt;P&gt;&lt;A href=&quot;http://polyeffect.com/blog/url_rediretion/&quot;&gt;http://polyeffect.com/blog/url_rediretion/&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;웹 페이지를 만들다 보면 여러 가지 이유로 URL을 redirection 해야 할 때가 있습니다.&lt;br /&gt;몇 가지 방법이 있는데요, 이 포스트에서는 가장 일반적인 두 가지 방법을 소개하겠습니다.&lt;/P&gt;
&lt;P&gt;먼저, Meta태그를 사용하는 방법입니다.&lt;/P&gt;&lt;!-- Crayon Syntax Highlighter v2.4.1 --&gt;
&lt;DIV id=crayon-571eb80e40d1f683557273 class=&quot;crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes&quot; style=&quot;MARGIN-BOTTOM: 12px; FONT-SIZE: 12px !important; HEIGHT: auto; FLOAT: none; CLEAR: both; MARGIN-TOP: 12px; LINE-HEIGHT: 15px !important&quot; data-settings=&quot; minimize scroll-mouseover&quot;&gt;
&lt;DIV class=crayon-plain-wrap&gt;&lt;TEXTAREA class=&quot;crayon-plain print-no&quot; style=&quot;OVERFLOW: hidden; FONT-SIZE: 12px !important; Z-INDEX: 0; LINE-HEIGHT: 15px !important; opacity: 0; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4&quot; wrap=off readOnly data-settings=&quot;dblclick&quot;&gt;&amp;lt;meta http-equiv=&quot;refresh&quot; content=&quot;1;url=http://exampleURL.com&quot;&amp;gt;&lt;/TEXTAREA&gt;&lt;/DIV&gt;
&lt;DIV class=crayon-main style=&quot;OVERFLOW: hidden; POSITION: relative; Z-INDEX: 1&quot;&gt;
&lt;TABLE class=crayon-table&gt;
&lt;TBODY&gt;
&lt;TR class=crayon-row&gt;
&lt;TD class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;
&lt;DIV class=crayon-nums-content style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d1f683557273-1&quot;&gt;1&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;
&lt;TD class=crayon-code&gt;
&lt;DIV class=crayon-pre style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV id=crayon-571eb80e40d1f683557273-1 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;http-equiv&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;refresh&quot;&lt;/SPAN&gt;&lt;SPAN class=crayon-h&gt; &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;content&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;1;url=http://exampleURL.com&quot;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!-- [Format Time: 0.0008 seconds] --&gt;
&lt;P&gt;content=” 다음에 오는 1은 시간을 나타냅니다. 1초 뒤에 지정한 URL로 redirection 됩니다.&lt;br /&gt;즉시 이동을 하고 싶으시면 0으로 조정하면 됩니다.&lt;br /&gt;http-equiv 속성은 현재 인터넷 익스플로러를 포함한 모든 브라우저를 지웝합니다.&lt;/P&gt;
&lt;P&gt;다음으로 javascript를 사용하는 방법입니다.&lt;/P&gt;&lt;!-- Crayon Syntax Highlighter v2.4.1 --&gt;
&lt;DIV id=crayon-571eb80e40d33738907813 class=&quot;crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes&quot; style=&quot;MARGIN-BOTTOM: 12px; FONT-SIZE: 12px !important; HEIGHT: auto; FLOAT: none; CLEAR: both; MARGIN-TOP: 12px; LINE-HEIGHT: 15px !important&quot; data-settings=&quot; minimize scroll-mouseover&quot;&gt;
&lt;DIV class=crayon-plain-wrap&gt;&lt;TEXTAREA class=&quot;crayon-plain print-no&quot; style=&quot;OVERFLOW: hidden; FONT-SIZE: 12px !important; Z-INDEX: 0; LINE-HEIGHT: 15px !important; opacity: 0; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4&quot; wrap=off readOnly data-settings=&quot;dblclick&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
     window.location.replace('http://example.com')
&amp;lt;/script&amp;gt;&lt;/TEXTAREA&gt;&lt;/DIV&gt;
&lt;DIV class=crayon-main style=&quot;OVERFLOW: hidden; POSITION: relative; Z-INDEX: 1&quot;&gt;
&lt;TABLE class=crayon-table&gt;
&lt;TBODY&gt;
&lt;TR class=crayon-row&gt;
&lt;TD class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;
&lt;DIV class=crayon-nums-content style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d33738907813-1&quot;&gt;1&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d33738907813-2&quot;&gt;2&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d33738907813-3&quot;&gt;3&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;
&lt;TD class=crayon-code&gt;
&lt;DIV class=crayon-pre style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV id=crayon-571eb80e40d33738907813-1 class=crayon-line&gt;&lt;SPAN class=crayon-ta&gt;&amp;lt;script &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;type&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;&quot;text/javascript&quot;&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d33738907813-2 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=crayon-h&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class=crayon-v&gt;window&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=crayon-v&gt;location&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=crayon-e&gt;replace&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;(&lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;'http://example.com'&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;)&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d33738907813-3 class=crayon-line&gt;&lt;SPAN class=crayon-ta&gt;&amp;lt;/script&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!-- [Format Time: 0.0037 seconds] --&gt;
&lt;P&gt;window.location.replace를 쓸 경우 히스토리를 남기지 않아 뒤로가기를 할 수 없게 만들어 줍니다.&lt;br /&gt;웹 페이지를 완전히 다른 페이지로 이동시키고 싶은 경우에 유용합니다.&lt;br /&gt;히스토리를 남겨 뒤로가기가 되게 하고싶으신 분은&lt;/P&gt;&lt;!-- Crayon Syntax Highlighter v2.4.1 --&gt;
&lt;DIV id=crayon-571eb80e40d3c045227366 class=&quot;crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes&quot; style=&quot;MARGIN-BOTTOM: 12px; FONT-SIZE: 12px !important; HEIGHT: auto; FLOAT: none; CLEAR: both; MARGIN-TOP: 12px; LINE-HEIGHT: 15px !important&quot; data-settings=&quot; minimize scroll-mouseover&quot;&gt;
&lt;DIV class=crayon-plain-wrap&gt;&lt;TEXTAREA class=&quot;crayon-plain print-no&quot; style=&quot;OVERFLOW: hidden; FONT-SIZE: 12px !important; Z-INDEX: 0; LINE-HEIGHT: 15px !important; opacity: 0; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4&quot; wrap=off readOnly data-settings=&quot;dblclick&quot;&gt;&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
     window.location.href = &quot;http://example.com&quot;
&amp;lt;/script&amp;gt;&lt;/TEXTAREA&gt;&lt;/DIV&gt;
&lt;DIV class=crayon-main style=&quot;OVERFLOW: hidden; POSITION: relative; Z-INDEX: 1&quot;&gt;
&lt;TABLE class=crayon-table&gt;
&lt;TBODY&gt;
&lt;TR class=crayon-row&gt;
&lt;TD class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;
&lt;DIV class=crayon-nums-content style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d3c045227366-1&quot;&gt;1&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d3c045227366-2&quot;&gt;2&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d3c045227366-3&quot;&gt;3&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;
&lt;TD class=crayon-code&gt;
&lt;DIV class=crayon-pre style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV id=crayon-571eb80e40d3c045227366-1 class=crayon-line&gt;&lt;SPAN class=crayon-ta&gt;&amp;lt;script &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;type&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;&quot;text/javascript&quot;&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d3c045227366-2 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=crayon-h&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class=crayon-v&gt;window&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=crayon-v&gt;location&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;href&lt;/SPAN&gt;&lt;SPAN class=crayon-h&gt; &lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=crayon-h&gt; &lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;&quot;http://example.com&quot;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d3c045227366-3 class=crayon-line&gt;&lt;SPAN class=crayon-ta&gt;&amp;lt;/script&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!-- [Format Time: 0.0011 seconds] --&gt;
&lt;P&gt;이렇게 사용하시면 됩니다.&lt;/P&gt;
&lt;P&gt;개인적으로 meta 태그와 javascript를 함께 사용합니다.&lt;br /&gt;제 홈페이지의 소스코드를 보면 다음과 같습니다.&lt;/P&gt;&lt;!-- Crayon Syntax Highlighter v2.4.1 --&gt;
&lt;DIV id=crayon-571eb80e40d45206107892 class=&quot;crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes&quot; style=&quot;MARGIN-BOTTOM: 12px; FONT-SIZE: 12px !important; HEIGHT: auto; FLOAT: none; CLEAR: both; MARGIN-TOP: 12px; LINE-HEIGHT: 15px !important&quot; data-settings=&quot; minimize scroll-mouseover&quot;&gt;
&lt;DIV class=crayon-plain-wrap&gt;&lt;TEXTAREA class=&quot;crayon-plain print-no&quot; style=&quot;OVERFLOW: hidden; FONT-SIZE: 12px !important; Z-INDEX: 0; LINE-HEIGHT: 15px !important; opacity: 0; -moz-tab-size: 4; -o-tab-size: 4; -webkit-tab-size: 4; tab-size: 4&quot; wrap=off readOnly data-settings=&quot;dblclick&quot;&gt;&amp;lt;!DOCTYPE HTML&amp;gt;
&amp;lt;!--[if lt IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie6&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;
&amp;lt;!--[if IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie7&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;
&amp;lt;!--[if IE 8 ]&amp;gt;&amp;lt;html class=&quot;ie ie8&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;
&amp;lt;!--[if (gte IE 9)|!(IE)]&amp;gt;&amp;lt;!--&amp;gt;&amp;lt;html lang=&quot;ko-KR&quot; &amp;gt; &amp;lt;!--&amp;lt;![endif]--&amp;gt;

    &amp;lt;head&amp;gt;
        &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;
        &amp;lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;url=http://polyeffect.com/blog&quot;&amp;gt;
        &amp;lt;script type=&quot;text/javascript&quot;&amp;gt;
            window.location.replace('http://polyeffect.com/blog')
        &amp;lt;/script&amp;gt;
        &amp;lt;title&amp;gt;polyeffect&amp;lt;/title&amp;gt;
    &amp;lt;/head&amp;gt;
    &amp;lt;body&amp;gt;

    &amp;lt;/body&amp;gt;
&amp;lt;/html&amp;gt;&lt;/TEXTAREA&gt;&lt;/DIV&gt;
&lt;DIV class=crayon-main style=&quot;OVERFLOW: hidden; POSITION: relative; Z-INDEX: 1&quot;&gt;
&lt;TABLE class=crayon-table&gt;
&lt;TBODY&gt;
&lt;TR class=crayon-row&gt;
&lt;TD class=&quot;crayon-nums &quot; data-settings=&quot;show&quot;&gt;
&lt;DIV class=crayon-nums-content style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-1&quot;&gt;1&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-2&quot;&gt;2&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-3&quot;&gt;3&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-4&quot;&gt;4&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-5&quot;&gt;5&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-6&quot;&gt;6&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-7&quot;&gt;7&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-8&quot;&gt;8&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-9&quot;&gt;9&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-10&quot;&gt;10&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-11&quot;&gt;11&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-12&quot;&gt;12&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-13&quot;&gt;13&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-14&quot;&gt;14&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-15&quot;&gt;15&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-16&quot;&gt;16&lt;/DIV&gt;
&lt;DIV class=crayon-num data-line=&quot;crayon-571eb80e40d45206107892-17&quot;&gt;17&lt;/DIV&gt;
&lt;DIV class=&quot;crayon-num crayon-striped-num&quot; data-line=&quot;crayon-571eb80e40d45206107892-18&quot;&gt;18&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;
&lt;TD class=crayon-code&gt;
&lt;DIV class=crayon-pre style=&quot;FONT-SIZE: 12px !important; LINE-HEIGHT: 15px !important&quot;&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-1 class=crayon-line&gt;&lt;SPAN class=crayon-n&gt;&amp;lt;!DOCTYPE HTML&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-2 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=crayon-c&gt;&amp;lt;!--[if lt IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie6&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-3 class=crayon-line&gt;&lt;SPAN class=crayon-c&gt;&amp;lt;!--[if IE 7 ]&amp;gt;&amp;lt;html class=&quot;ie ie7&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-4 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=crayon-c&gt;&amp;lt;!--[if IE 8 ]&amp;gt;&amp;lt;html class=&quot;ie ie8&quot; lang=&quot;ko-KR&quot;&amp;gt; &amp;lt;![endif]--&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-5 class=crayon-line&gt;&lt;SPAN class=crayon-c&gt;&amp;lt;!--[if (gte IE 9)|!(IE)]&amp;gt;&amp;lt;!--&amp;gt;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;html &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;lang&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;ko-KR&quot;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt; &amp;gt;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt; &lt;/SPAN&gt;&lt;SPAN class=crayon-c&gt;&amp;lt;!--&amp;lt;![endif]--&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-6 class=&quot;crayon-line crayon-striped-line&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-7 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;head&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-8 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;charset&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;UTF-8&quot;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-9 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;meta &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;http-equiv&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;refresh&quot;&lt;/SPAN&gt;&lt;SPAN class=crayon-h&gt; &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;content&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-s &quot;&gt;&quot;0;url=http://polyeffect.com/blog&quot;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-10 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;SPAN class=crayon-ta&gt;&amp;lt;script &lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-e &quot;&gt;type&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;=&lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;&quot;text/javascript&quot;&lt;/SPAN&gt;&lt;SPAN class=crayon-o&gt;&amp;gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-11 class=crayon-line&gt;&lt;SPAN class=crayon-h&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 class=crayon-v&gt;window&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=crayon-v&gt;location&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;.&lt;/SPAN&gt;&lt;SPAN class=crayon-e&gt;replace&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;(&lt;/SPAN&gt;&lt;SPAN class=crayon-s&gt;'http://polyeffect.com/blog'&lt;/SPAN&gt;&lt;SPAN class=crayon-sy&gt;)&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-12 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=crayon-h&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=crayon-ta&gt;&amp;lt;/script&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-13 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;title&amp;gt;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;polyeffect&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;/title&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-14 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;/head&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-15 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;body&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-16 class=&quot;crayon-line crayon-striped-line&quot;&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-17 class=crayon-line&gt;&lt;SPAN class=&quot;crayon-i &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;/body&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV id=crayon-571eb80e40d45206107892-18 class=&quot;crayon-line crayon-striped-line&quot;&gt;&lt;SPAN class=&quot;crayon-r &quot;&gt;&amp;lt;/html&amp;gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;!-- [Format Time: 0.0035 seconds] --&gt;
&lt;P&gt;http://polyeffect.com 으로 접속하면 http://polyeffect.com/blog로 redirection시켜줍니다.&lt;/P&gt;
&lt;P&gt;&lt;br /&gt;&amp;nbsp;&lt;/P&gt;</description>
      <category>웹</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/182</guid>
      <comments>https://escane.tistory.com/182#entry182comment</comments>
      <pubDate>Tue, 26 Apr 2016 09:49:57 +0900</pubDate>
    </item>
    <item>
      <title>iframe</title>
      <link>https://escane.tistory.com/181</link>
      <description>&lt;P&gt;&lt;A href=&quot;http://www.homejjang.com/05/iframe.php&quot;&gt;http://www.homejjang.com/05/iframe.php&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다.&lt;/P&gt;
&lt;P&gt;일반적인 프레임(frame)과 비교해보면 아이프레임은 &amp;lt;frameset&amp;gt; 태그 사이에 올 필요가 없으며, 독립적으로 마치 &amp;lt;img&amp;gt; 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다.&lt;/P&gt;
&lt;P&gt;아이프레임에서 사용할 수 있는 속성도 &amp;lt;img&amp;gt; 태그과 유사합니다.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;src 속성&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;inline frame 내에 불러올 문서의 주소를 적어주면 됩니다.&lt;/P&gt;
&lt;P&gt;홈짱 홈페이지를 불러오는 예제를 만들어 보겠습니다.&lt;/P&gt;
&lt;P&gt;
&lt;TABLE class=templateTable borderColor=#505050 cellSpacing=0 cellPadding=5 width=&quot;90%&quot; align=center border=1&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;&amp;lt;iframe &lt;FONT color=#ff0000&gt;src&lt;/FONT&gt;=&quot;http://www.homejjang.com&quot;&amp;gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;width와 height 속성&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;inline frame의 너비와 높이를 지정할 수 있습니다.&lt;/P&gt;
&lt;P&gt;
&lt;TABLE class=templateTable borderColor=#505050 cellSpacing=0 cellPadding=5 width=&quot;90%&quot; align=center border=1&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;&amp;lt;iframe src=&quot;http://www.homejjang.com&quot; &lt;FONT color=#ff0000&gt;width&lt;/FONT&gt;=&quot;600&quot; &lt;FONT color=#ff0000&gt;height&lt;/FONT&gt;=&quot;300&quot;&amp;gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;frameborder 속성&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;inline frame의 경계선의 두께를 지정할 수 있습니다.&lt;/P&gt;
&lt;P&gt;
&lt;TABLE class=templateTable borderColor=#505050 cellSpacing=0 cellPadding=5 width=&quot;90%&quot; align=center border=1&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;&amp;lt;iframe src=&quot;http://www.homejjang.com&quot; &lt;FONT color=#ff0000&gt;frameborder&lt;/FONT&gt;=&quot;0&quot; width=&quot;600&quot; height=&quot;300&quot;&amp;gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;marginwidth와 marginheight&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;inline frame의 여백을 지정할 수 있습니다.&lt;/P&gt;
&lt;P&gt;
&lt;TABLE class=templateTable borderColor=#505050 cellSpacing=0 cellPadding=5 width=&quot;90%&quot; align=center border=1&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;&amp;lt;iframe src=&quot;http://www.homejjang.com&quot; frameborder=&quot;0&quot; width=&quot;600&quot; height=&quot;300&quot; &lt;FONT color=#ff0000&gt;marginwidth&lt;/FONT&gt;=&quot;0&quot; &lt;FONT color=#ff0000&gt;marginheight&lt;/FONT&gt;=&quot;0&quot;&amp;gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;&lt;/STRONG&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;STRONG&gt;scrolling&lt;/STRONG&gt;&lt;/P&gt;
&lt;P&gt;inline frame내에서 스크롤바 사용여부를 지정할 수 있습니다.&lt;/P&gt;
&lt;P&gt;
&lt;TABLE class=templateTable borderColor=#505050 cellSpacing=0 cellPadding=5 width=&quot;90%&quot; align=center border=1&gt;
&lt;TBODY&gt;
&lt;TR&gt;
&lt;TD&gt;&amp;lt;iframe src=&quot;http://www.homejjang.com&quot; frameborder=&quot;0&quot; width=&quot;600&quot; height=&quot;300&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; &lt;FONT color=#ff0000&gt;scrolling&lt;/FONT&gt;=&quot;yes&quot;&amp;gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/P&gt;
&lt;P&gt;scrolling 값을 no로 지정하면 스크롤바가 생기지 않습니다.&lt;/P&gt;</description>
      <category>웹</category>
      <author>캐논볼</author>
      <guid isPermaLink="true">https://escane.tistory.com/181</guid>
      <comments>https://escane.tistory.com/181#entry181comment</comments>
      <pubDate>Mon, 25 Apr 2016 15:24:48 +0900</pubDate>
    </item>
  </channel>
</rss>