'분류 전체보기'에 해당되는 글 178건

  1. 2016.07.19 SAN Switch
  2. 2016.05.12 T1 / E1 2
  3. 2016.05.12 UDLD - UniDirectional Link Detection
  4. 2016.05.12 BCN / PTN / WDM / RoADM / OXC
  5. 2016.05.12 백홀망
  6. 2016.04.29 SNMP
  7. 2016.04.27 PHP timezone 설정
  8. 2016.04.26 HTML 줄바꿈
  9. 2016.04.26 URL redirect
  10. 2016.04.25 iframe

SAN Switch

네트워크 2016. 7. 19. 16:51

http://loart.tistory.com/trackback/16

'네트워크' 카테고리의 다른 글

T1 / E1  (2) 2016.05.12
UDLD - UniDirectional Link Detection  (0) 2016.05.12
BCN / PTN / WDM / RoADM / OXC  (0) 2016.05.12
백홀망  (0) 2016.05.12
SNMP  (0) 2016.04.29
Posted by 캐논볼
,

T1 / E1

네트워크 2016. 5. 12. 16:09

theswlee.tistory.com/8

 

T1 = 1.544Mbps, 64Kbps의 채널 24개

디지털 부호 코드 변조, TDM(시분할 다중화)을 사용하는 디지털 회선
Full-duplex(2가닥 송신, 2가닥 수신 총 4가닥 전선 사용)
사용 매체 - 구리선(UTP), 동축케이블, 광케이블, 디지털 마이크로웨이브 등등
음성 신호를 초당 8,000번 sampling, 8 bits 단위로 디지털화, 24채널 동시에 디지털화
1 frame이 192 bits, frame 구분에 1 bit 사용
즉,
192 bits/frame * 8,000 frames + 8,000 framing bits
                   = 1.544Mbps

T3 = 44.736Mbps


E1 = 2.048Mbps, 64Kbps의 채널 32개

ITU-T에 의해 고안되고 CEPT(유럽 우편 및 통신운영회의)에서 이름 붙인 디지털 전송규격
북미의 T-1 형식에 대응하기 위해 규격화, E-2부터 E-5까지 있고 E-1 형식의 배수로 증가하는 형태

특징
ADSL(보통 3Mbps)등의 회선 보다 느리지만 높은 안정성 보장
광통신 발달 이전의 주력 전용회선

'네트워크' 카테고리의 다른 글

SAN Switch  (0) 2016.07.19
UDLD - UniDirectional Link Detection  (0) 2016.05.12
BCN / PTN / WDM / RoADM / OXC  (0) 2016.05.12
백홀망  (0) 2016.05.12
SNMP  (0) 2016.04.29
Posted by 캐논볼
,

UDLD - UniDirectional Link Detection (단방향 연결 탐지)

UDLD(UniDirectional Link Detection)

일반적으로, 연결된 기기간 정상적인 통신상태에서는 상호간에 통신을 주고 받는 양방향 통신 상태가 정상이다. 다만 여러가지 이유로 한쪽에서만 통신을 수신하고 다른쪽에서는 수신할 수 없는 단방향 통신상태가 발생할 수 있다. 이는 Spanning Tree Loop(포트 차단 신호를 받지 않아서 루프발생)나 전송된 데이타가 사라지는 현상등의 원인이 될 수 있으므로 빠른 대처가 필요한 부분이기도 하다.

UDLD는 이러한 단방향 통신 상태가 발생할 경우, 빠르게 대처하기위한 Layer 2 계층(Data Link)의 Protocol이다. 광섬유(fiber-optic cable)나 일반적인 랜선(twisted-pair cable)연결을 감시할 수 있다.

사용을 위해서는 반드시 직접 연결된 양 기기가 모두 UDLD를 지원해야 사용이 가능하며, 반드시 양 기기가 동일한 모드로 설정되어 있어야 한다. (기본값은 Disabled)

동작 방식은 양 기기가 서로 Hello packet을 보내서 연결 상태를 확인하는 방식이며, 수신이 안되는 경우 연결을 차단(shutdown)한다.

기본적으로 Normal Mode와 Aggressive Mode 두가지 모드중 하나를 선택 할 수 있다. 전자는 광섬유만, 후자는 일반 랜선까지 지원한다.

이 기능을 전체 모드에서 설정하는건 아래와 같다.

SW(config)# udld [aggressive/enable] (둘 중 택 1. 후자가 Normal Mode)


개별 인터페이스에 대해 설정하는건 아래와 같다.

SW(config-if)# udld port [aggressive] (생략시는 Normal Mode)


이 기능은 STP 루프를 방지한다는 점에서 뒤에 언급할 Loop Guard 기능과 유사한면이 있다. 하지만 UDLD는 하드웨어인 포트단위로, Loop Guard는 소프트웨어인 포트내의 VLAN단위로 동작한다는 점에서 차이가 있다.


보다 자세한 자료는 아래의 링크를 참조할 수 있다.
CISCO사 Switch 설정관련 메뉴얼 - Configuring UDLD

'네트워크' 카테고리의 다른 글

SAN Switch  (0) 2016.07.19
T1 / E1  (2) 2016.05.12
BCN / PTN / WDM / RoADM / OXC  (0) 2016.05.12
백홀망  (0) 2016.05.12
SNMP  (0) 2016.04.29
Posted by 캐논볼
,

광대역 통신망 (BCN) - broadband convergence network의 약어. 인터넷망, 유선통신망, 이동통신망, 방송망 등을 하나로 통합한 차세대 통합 네트워크. BcN은 새로 네트워크를 깔지 않고 기존 광동축 혼합망이나 초고속 인터넷망을 그대로 이용하면서 교환장치나 전송장치, 단말장치를 업그레이드가입자들이 100Mbps 속도로 인터넷과 통신, 방송망을 융합한 서비스를 받게 한다.

 

 

ROADM(Re-configurable Optical Add-Drop Multiplexer)은 차세대 광통신 기술로 전화국사내 새로운 광통신 회선이 추가되거나 삭제될 때 기술자가 직접 이를 조정해야하는 OADM(광분기)의 단점을 개선한 광전송 기술이다. 소프트웨어만으로 망 설정과 회선 조절이 가능하다. 원격으로 네트워크 재구성이 가능하기 때문에 유지보수 비용을 절감할 수 있고, 신규 애플리케이션을 신속하게 반영할 수 있는 것이 특징이다.[1]

 

 

PTN - public telephone network.

 

 

DWDM (dense wavelength division multiplexing) ; (조밀) 파장 분할 다중화

DWDM은 다른 곳에서 온 여러 종류의 데이터를 하나의 광섬유에 함께 싣는 기술로서, 각 신호들은 분리된 고유의 광파장 상에서 전송된다. DWDM을 사용하면 하나의 광섬유 상에 최고 80 (이론상으로는 그 이상)개의 분리된 파장이나 데이터 채널로 다중화될 수 있다. 만약, 각 채널이 2.5 Gbps를 전송하는 시스템이라면, 하나의 광섬유에 최고속도 초당 2,000억 비트가 전송될 수 있다. DWDM은 때로 WDM (wave division multiplexing)이라고 불리기도 한다.

각 채널은 수신측에서 원래의 신호대로 역다중화되기 때문에, 각기 다른 속도의 각기 다른 데이터 형식들이 함께 전송될 수 있다. 보다 명확히 말하자면, 인터넷 데이터, SONET 데이터, 그리고 ATM 데이터 등이 광섬유 내에서 모두 동시에 전송될 수 있다는 뜻이다.

DWDM은 광섬유 부족 문제를 해결함으로써, 미래의 모든 광(光) 네트웍의 중심 기술이 될 것으로 예상된다. DWDM은 가장 효율적인 광전송 방법으로서, 시분할 다중화 기술을 대체한다. 비록, 오늘날 네트웍의 주요 접근방식이 시분할 다중화 기술이지만, 1998년말이나 1999년이면 DWDM 시스템에 대한 테스트가 끝나고 실제 현장에 배치될 것으로 예상된다.

 

 

 

< OXC >

 

1. OXC

  ㅇ 광 신호 자체를 교차연결(Cross-connect)하는 기술/장비
     - 파장을 달리한 광신호들을 파장 단위로 직접적인 분배 및 접속을 가능하게함


2. OXC 필요성


  ㅇ 데이터통신 보편화 및 트래픽 증가로 시외 백본망이 2.5G급,10G급 등 초고속화 됨에 따라,
     - 광파장회선 단위로 구성, 절체 및 관리하는 광 회선분배 장치가 필요

  ㅇ DWDM과 OXC에 의한 그물망 구성이 진전됨


3. OXC 주요 기능


  ㅇ DWDM 광전송장치에서 전송되어온 다중화된 파장들을 다수의 노드로 분배하여 연결
     하거나 자국에 필요한 파장을 Add/Drop 해주는 광회선분배 기능

  ㅇ 광 파장으로 입력된 회선을 OXC 내부에서 전기적 신호로 변환하여 스위칭을 하거나
     또는 광신호를 직접 스위칭하는 기능 등


4. OXC 구현방식 구분


  ㅇ 전기적 스위칭 구조의 OXC (O-E-O)  (Opaque OXC)
    - 스위칭단에서 신호 재생 및 집선화가 가능하므로  망의 구조를 간략화하여 효율성
      을 향상시킬수 있으나 스위칭부 가격이 고가. 이미 상용화되어 있음.

  ㅇ 광 스위칭 구조의 OXC (O-O-O)  (Transparent OXC)
    - 광전 변환 없이 파장(광 회선)을 직접 스위칭 할수있는 전광 OXC로써,
      현재 광스위치 소자 개발 문제로 초기단계에 있음.

 


5. OXC 주요 내부 구성요소 


  ㅇ 공간 스위치
  ㅇ 다중화기/역다중화
  ㅇ 광파장변환기


6. OXC 전망


  ㅇ 궁극적으로 OXC는 광인터넷 분야에서 광 파장별로 라우팅스위칭이 가능하도록 전망됨

'네트워크' 카테고리의 다른 글

T1 / E1  (2) 2016.05.12
UDLD - UniDirectional Link Detection  (0) 2016.05.12
백홀망  (0) 2016.05.12
SNMP  (0) 2016.04.29
traceroute - ICMP port unreachable  (0) 2016.03.03
Posted by 캐논볼
,

백홀망

네트워크 2016. 5. 12. 08:53

백홀

[ back haul음성듣기 ]

선박화물을 적재하고자 공선상태로 돌아가는 길의 거리를 최소화하기 위하여 자선의 경로를 벗어나는 것을 말한다. 백 홀을 사용함으로써 아무 것도 하지 않는 공선상태의 항해에서의 최소한의 이득을 보기 위하여 사용한다.

[네이버 지식백과] 백홀 [back haul] (선박항해용어사전, 한국해양대학교)

 


 

백홀 망 (Backhaul) 이란

IT용어/Network 2013.07.25 00:36

네트워크를 조금 안다고했는데 백홀망에 대해서 생소한부분과 딱 이거다라고 정의하기 힘든부분이 있어서

블로그를 통해서 조금이라도 정의해보려고합니다. ㅎㅎ 조금쉽게요.

 

네트워크 쪽에서 백홀이 다시 조명되는 이유는 엄청나게 증가하는 무선망에 특히 스마트폰에서 발생하는 데이터를 처리하는데에 꼭 필요한 기술이기때문입니다.

 

1) 백홀망이란?  Backhaul ?

 

네트워크 장비 입장에서본다면

 

유선또는 무선에 흐르는 데이터를 한곳에 모아서 백본망에 전달해주는것을 말합니다.

 

최근의 모바일환경의 입장에서 본다면

 

음성또는 데이터를 기지국에서 모아서 해당 통신사업자의 백본망에 전달해주는 것을 "백홀"

, 해당 역할을 하는것을 백홀 장비, 그전체 환경을 백홀망

 

기존의 주파수로 통신하던 시대에서 모든 음성또한 패킷화로되면서 대두되는 현상

 

2) 왜 최근에 백홀장비, 백홀망이라는것이 다시 조명되었나.

 

모든것은 스마트폰의 사용량이 예상치를 넘어서는 발달속도때문에

사용자단의 데이터들이 통신사업자의 백본망까지 집결하는데에 백홀전용전용장비가 필요하고 백홀망안에서

처리하는 망처리기술이 따로 필요하기때문인것같습니다.

 

3) 대표적 백홀장비 회사들

 

아카텔, 화웨이, 시스코등이 백홀장비 선두로 나가고있으며 거의 회사들이 대용량의 데이터시대를 연 LTE에 최근엔 LTE-A등 4G기술에 초점을 맞춘것같습니다.

 

백홀망은  4G데이터 처리를 어떻게 빠르게, 효율적(값싸게)하려는 여러회사 (통신사업자,통신장비)들의 고민들이 현재

가장많을때이므로 더발전해갈것입니다. 현재 5G네트워크에 대비한 백홀연구도 활발한것으로 알고있습니다.

 

몇몇 회사들의 기조를 본다면

 

아카텔은 처리용량의 극대화

 

시스코는 기존환경과의 통합

 

 

Alcatel-Lucent Mobile Backhaul Architecture for HetNets

'네트워크' 카테고리의 다른 글

UDLD - UniDirectional Link Detection  (0) 2016.05.12
BCN / PTN / WDM / RoADM / OXC  (0) 2016.05.12
SNMP  (0) 2016.04.29
traceroute - ICMP port unreachable  (0) 2016.03.03
SNMP Trap  (0) 2012.11.01
Posted by 캐논볼
,

SNMP

네트워크 2016. 4. 29. 08:16

http://neonis.tistory.com/entry/SNMP-Simple-Network-Management-Protocol-%EA%B0%9C%EC%9A%94

 

1. 알아보자 SNMP

- SNMP는 네트워크 망에 대한 효율적인 관리를 위한 Protocol 이다. Manager-Agent 관계로 이루어져 있으며, 통신과정에서 인증을 위해 Community Sting을 사용하게 된다. 네트워크 장치를 모니터링하고 제어하기도 하고, 환경설정, 통계, 자료수집, 수행 성능, 보안 기능을 관리하는 수단이다. 이러한 종합된 정보들은 MIB(Managerment Infomormation Base)를 통해 DB에 저장된다.

- SNMP 패킷은 version, community string, SNMP PDU 로 구조로 이루고 있고, Agent와 Manager가 서로 UDP Port 161번으로 통신을 이루어진다. 아래 그림은 간단히 Agent와 Manager간 통신을 간단히 그려봤다.

사용자 삽입 이미지


2. SNMP 버전별 특징

  • SNMP v1 - 암호화 되어 있지 않고 보안 기능이 전혀 없음
  • SNMP v2 - v1에서는 없었던 암호화와 보안 기능 및 PDU 타입 정의 기능이 추가되었으나 상용화 되지 않았음 ( PDU : Process Data Unit 약자 )
  • SNMP v2c - 기존 v2에서 보안기능이 제거 되었고, v1에서 몇가지 기능이 추가되었다. 현재 가장많이 사용되고 있고 Community string 기능이 적재된 버전이다.
  • SNMP v3 - 암호화 및 인증을 지원하고, 보안성은 좋으나 호환성의 문제로 아직 상용화 되지 않고 있다.


3. SNMP 서비스 탐지


- SNMP 서비스는 UDP Port 161번을 사용하기 때문에 UDP Port Scanning을 통해 알아볼 수 있다. SNMP의 Get request를 전송하여 응답을 체크하고, 만약 SNMP서비스를 사용하는 중이라면 해당 시스템의 기본정보 획득이 가능하다. 하지만 Community string을 알아야 가능하다.

4. Community String 획득

- 기본적을 Community string은 Public 또는 private을 사용하고 있다. 그래서 Brute Forcing 기법이나 Dictionary Attack을 이용하여 획득이 가능하지만 시간은 오래 걸린다. 그리고 SNMP v1, v2는 암호화를 사용하지 않기 때문에 sniffing을 통해 획득 할 수도 있다.

5. SNMP 를 이용한 정보 습득 과정

- 우선은 SNMP 통신을 할때 사용하는 Port가 Open 중인지 확인하기 위해서 Port Scanning을 해본다. 보통 많이 사용하는 Nmap을 이용하여 아래 그림과 같이 Port scanning을 해보자. Nmap은 많이 사용하는 Scanning Tool이기에 사용 메뉴얼을 한번 읽어보도록 하자.

사용자 삽입 이미지


- 이렇게 SNMP가 사용하는 Port가 열려있다는 것을 확인하게 되면, Community string을 획득해야 된다. 위에서 설명한 것과 같이 Brute-forceing이나 Dictionary Attack을 통해 가능하지만, 사전 목록이 정확히 준비 되어 있지 않으면, 주화입마에 빠지기 쉽다. 사전 목록을 잘 만들어지 쉽다는 말이다. 아래는 테스트 목적으로 한 것이기 때문에 간단하게 Dictionary를 만들었고, 아래와 같이 Onesixtyone이라는 Tool을 통해 가능하다. Onesixtyone는 리눅스용으로 리눅스에서 설치해서 사용하자. ^^;;(BT가 설치 되어 있는 분은 거기에도 있어요..o^0^o)

사용자 삽입 이미지


- 위에서는 Community String은 public이라는 것과 윈도우2000을 사용하는 것을 알 수 있다. 원래대로 한다면 이렇게 쉽게 나오지는 않는다. 분명히 Default로 사용하지 않았을 것이다. 테스트 목적이기 때문에 쉽게쉽게 갑시다. ^^;; 이해해주시기 바랍니다. ㅜ.ㅜ

- 이제 서버는 윈도우서버, SNMP 서비스를 사용하고 있고, Community string은 public을 사용한다는 것을 알았다. 참 먼길을 왔다. 휴...이제 막바지로 달려보자. 아자아자. SNMP Scanning Tool을 이용하여 정보습득이 가능하게 되었다. 사용할 Tool은 snmpwalk를 사용할 것이다. 사용하게 전에 한가지 더 확인해봐야 되는 것이 있다. 바로 MIB/OID 정보이다. 이 정보는 MIB Browser를 통해 얻을 수 있다. 그래서 MIB/OID값 얻는 방법은 패스~~~하고, 아래와 같이 정보들을 획득할 수 있다.

사용자 삽입 이미지


6. SNScan ( SNMP Scan Tool )

- 간단히 설명하면 SNMP 사용하고 있는 장치 검색 도구이다. 지정한 IP대역내에서 SNMP를 사용하는 장치를 검색하는데 사용이 가능하다. 툴에 대한 설명은 당연히 하지 않을 것이고 직접 사용해보고 맘에 드시면 계속 사용하세요..^^

사용자 삽입 이미지


7. SNMP Enumeration 대응책

- 대응책이라고 하기는 너무 거창한 것 같고, 그냥 간단하다. SNMP 서비스를 사용안하면 된다. ^^;; 하지만 가용성 관련한 Network 장비 같은 경우 PRTG 같은 경우 어쩔수 없이 사용해야 된다. 그럴때는 Default Community String인 public이나 private을 사용하지 않고 다른 것을 변경을 하여 사용하면 된다.

지금까지 읽어 주셔서 감사합니다.

'네트워크' 카테고리의 다른 글

BCN / PTN / WDM / RoADM / OXC  (0) 2016.05.12
백홀망  (0) 2016.05.12
traceroute - ICMP port unreachable  (0) 2016.03.03
SNMP Trap  (0) 2012.11.01
PoE  (0) 2012.10.29
Posted by 캐논볼
,

 

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


위의 에러는 timezone이 세팅되어있지 않아서 발생한 문제인데, 해결방법은 다음과 같다. 

  php 코드에서 timezone을 설정 
date() 함수를 사용하기 전에 php 코드에 다음과 같은 코드를 박아준다. 

date_default_timezone_set('Asia/Seoul');

 


  php.ini 파일에서 timezone 설정 

$>vi php.ini

...
[Date]
; Defines the default timezone used by the date functions
; http://php.net/date.timezone
date.timezone = Asia/Seoul
...

 

'프로그래밍' 카테고리의 다른 글

알파 버전 / 베타 버전 / RC  (0) 2016.04.04
MySQL Check 제약  (0) 2016.03.29
한글 인코딩 종류  (0) 2015.09.30
PHP 날짜함수 정리  (0) 2015.08.24
MySQL Type 종류  (0) 2015.08.19
Posted by 캐논볼
,

HTML 줄바꿈

2016. 4. 26. 09:50

<nowrap> 

자동 줄바꿈 금지 기능
일반 적의 테이블 셀(tr, td)에서 사용
문제점으로는 다른 셀의 크기가 줄어들 수 있다는 점이고, 
다른 셀에도 nowrap이 있을 경우와 셀마다 셀의 너비가 width로 지정되어 있을면 nowrap은 정확하게 작동되지 않는다.
(비추)

ex)
<table> <tr><td nowrap>자동 줄바꿈 금지 기능</td></tr></table>


<nobr>
자동 줄바꿈 금지 기능
일단적의 단독으로 사용

ex)
<nobr>브라우저를 줄여도 이 부분은 줄어들지 않는다. 단지 스크롤바가 생김</nobr>

 



[white-space]
inherit   말그대로 상속 받는 것
normal        일반적인 것, default
nowrap   줄바꿈을 하지 않는다,
pre           <pre>태그와 같은 기능, 마크업에서 앤터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다
pre-lin         마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다
pre-wrap      pre-line 과 비슷


[white-space:nowrap;]
셀 너비를 지정했다 하더라도 자동으로 줄바꿈이 되지 않는다.
게시판에 자주 사용된다.

ex 1)
<table><tr><td style="white-space:nowrap;">자동 줄바꿈 금지 기능</td></tr></table>
 
ex 2) 모바일 서울 50
.bbs ul li em{width:80%; overflow:hidden; white-space:nowrap; border:1px solid green;}


[word-break]
<word-break:break-all;>
문장을 띄어쓰기 할때 쓰인 공백기준이 아닌 문자단위로 끊어주는 속성

<word-break:keep-all;>
word-break:break-all;과 비슷하나 문자가 아닌 단위로 끊어주는 역할을 한다.


파이어폭스의 줄바꿈 처리 Firefox line break

파이어폭스에서는 word-break 속성이 적용되지 않습니다. 
오직 Internet Explorer용 인데요. 
Firefox 에서 줄바꿈을 하기 위해서는 다음의 코드를 사용하면 됩니다.
 
{
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 
}


'' 카테고리의 다른 글

URL redirect  (0) 2016.04.26
iframe  (0) 2016.04.25
X11 색상 이름  (0) 2016.04.25
HTML 특수문자코드표  (0) 2016.04.25
CGI와 PHP 관계  (0) 2015.10.16
Posted by 캐논볼
,

URL redirect

2016. 4. 26. 09:49

http://polyeffect.com/blog/url_rediretion/

 

웹 페이지를 만들다 보면 여러 가지 이유로 URL을 redirection 해야 할 때가 있습니다.
몇 가지 방법이 있는데요, 이 포스트에서는 가장 일반적인 두 가지 방법을 소개하겠습니다.

먼저, Meta태그를 사용하는 방법입니다.

content=” 다음에 오는 1은 시간을 나타냅니다. 1초 뒤에 지정한 URL로 redirection 됩니다.
즉시 이동을 하고 싶으시면 0으로 조정하면 됩니다.
http-equiv 속성은 현재 인터넷 익스플로러를 포함한 모든 브라우저를 지웝합니다.

다음으로 javascript를 사용하는 방법입니다.

window.location.replace를 쓸 경우 히스토리를 남기지 않아 뒤로가기를 할 수 없게 만들어 줍니다.
웹 페이지를 완전히 다른 페이지로 이동시키고 싶은 경우에 유용합니다.
히스토리를 남겨 뒤로가기가 되게 하고싶으신 분은

이렇게 사용하시면 됩니다.

개인적으로 meta 태그와 javascript를 함께 사용합니다.
제 홈페이지의 소스코드를 보면 다음과 같습니다.

http://polyeffect.com 으로 접속하면 http://polyeffect.com/blog로 redirection시켜줍니다.


 

'' 카테고리의 다른 글

HTML 줄바꿈  (0) 2016.04.26
iframe  (0) 2016.04.25
X11 색상 이름  (0) 2016.04.25
HTML 특수문자코드표  (0) 2016.04.25
CGI와 PHP 관계  (0) 2015.10.16
Posted by 캐논볼
,

iframe

2016. 4. 25. 15:24

http://www.homejjang.com/05/iframe.php

 

아이프레임이란 내부 프레임(inline frame)이라는 의미로 하나의 HTML문서내에서 다른 HTML문서를 보여주고자 할때 사용합니다.

일반적인 프레임(frame)과 비교해보면 아이프레임은 <frameset> 태그 사이에 올 필요가 없으며, 독립적으로 마치 <img> 태그를 사용하듯 문서내의 원하는 위치에 삽입할 수 있습니다.

아이프레임에서 사용할 수 있는 속성도 <img> 태그과 유사합니다.

 

src 속성

inline frame 내에 불러올 문서의 주소를 적어주면 됩니다.

홈짱 홈페이지를 불러오는 예제를 만들어 보겠습니다.

<iframe src="http://www.homejjang.com">

 

width와 height 속성

inline frame의 너비와 높이를 지정할 수 있습니다.

<iframe src="http://www.homejjang.com" width="600" height="300">

 

frameborder 속성

inline frame의 경계선의 두께를 지정할 수 있습니다.

<iframe src="http://www.homejjang.com" frameborder="0" width="600" height="300">

 

marginwidth와 marginheight

inline frame의 여백을 지정할 수 있습니다.

<iframe src="http://www.homejjang.com" frameborder="0" width="600" height="300" marginwidth="0" marginheight="0">

 

scrolling

inline frame내에서 스크롤바 사용여부를 지정할 수 있습니다.

<iframe src="http://www.homejjang.com" frameborder="0" width="600" height="300" marginwidth="0" marginheight="0" scrolling="yes">

scrolling 값을 no로 지정하면 스크롤바가 생기지 않습니다.

'' 카테고리의 다른 글

HTML 줄바꿈  (0) 2016.04.26
URL redirect  (0) 2016.04.26
X11 색상 이름  (0) 2016.04.25
HTML 특수문자코드표  (0) 2016.04.25
CGI와 PHP 관계  (0) 2015.10.16
Posted by 캐논볼
,