허브 허브(Hub)는 한 사무실이나 가까운 거리의 컴퓨터들을 연결하는 장치로, 각 회선을 통합적으로 관리하며, 신호 증폭 기능을 하는 리피터의 역할도 포함합니다. 리피터 리피터는 전송되는 신호가 전송 선로의 특성 및 외부 충격 등의 요인으로인해 원래의 형태와 다르게 왜곡되거나 약해질 경우 원래의 신호 형태로 재생하여 다시 전송하는 역할을 수행합니다. OSI 참조 모델의 물리 계층에서 동작하는 장비입니다. 근접한 네트워크 사이에 신호를 전송하는 역할로, 전송 거리의 연장 또는 배선의 자유도를 높이기 위한 용도로 사용합니다. 브리지 브리지(Bridge)는 LAN과 LAN을 연결하거나 LAN안에서의 컴퓨터 그룹(세그먼트)을 연결하는 기능을 수행합니다. 데이터 링크중 MAC계층에서 사용되므로 MAC브리지라고도 ..
인터넷이란? 인터넷(Internet)이란 TCP/IP 프로토콜을 기반으로 하여 전 세계 수많은 컴퓨터와 네트워크들이 연결된 광범위한 컴퓨터 통신망입니다. 인터넷의 특징 인터넷은 유닉스 운영체제를 기반으로 합니다. 통신망과 컴퓨터가 있는 곳이라면 시간과 장소에 구애받지 않고 정보를 교환할 수 있습니다. 인터넷에 연결된 모든 컴퓨터는 고유한 IP를 가지고 있습니다. 컴퓨터 또는 네트워크를 서로 연결하기 위해서는 브리지, 라우터, 게이트웨이가 사용됩니다. 다른 네트워크 또는 같은 네트워크를 연결하여 그 중추적 역할을 하는 네트워크로 보통 인터넷의 주가 되는 기간망을 일컫는 용어를 백본(Backbone)이라고 합니다. 인터넷 서비스 인터넷 서비스는 TCP/IP의 응용계층에서 제공하며, 중요 인터넷 서비스는 다음..
IDSN이란? ISDN(종합 정보 통신망, Integrated Service Digital Network)은 음성, 문자, 화상등의 다양한 통신 서비스를 하나의 디지털 통신망을 근간으로 종합적으로 제공할 수 있도록 통합한 것입니다. IDSN의 특징 통신 방식 및 전송로가 모두 디지털 방식입니다. 단일 통신망으로 음성, 문자, 영상 등의 다양한 서비스를 종합적으로 제공합니다. 고속 통신이 가능하며, 확장성과 재배치성이 좋습니다. 두개 이상의 단말 장치를 제어할 수 있기 때문에 동시에 복수 통신이 가능합니다. 통신망의 중복 투자를 피할 수 있어 경제적입니다. OSI 참조 모델의 계층 구조를 따릅니다. 64kbps 1회선 교환 서비스가 기본입니다. 통신망의 교환 접속 기능에는 회선 교환방식과 패킷 교환방식이 ..
VAN(부가 가치 통신망)의 개념 VAN(부가 가치 통신망, Value Added Network)은 공중 통신 사업자로부터 통신 회선을 임대하여 하나의 사설망을 구축하고 이를 통해 정보의 축적, 가공, 변환 처리등 부가 가치를 첨가한 후 불특정 다수를 대상으로 서비스를 제공하는 통신망을 뜻합니다. VAN의 출현 배경 정보통신 기술의 발달 정보에 대한 수요 증대 사무 및 공장 자동화 기술의 발달 VAN의 특징 불특정 다수의 대상으로 서비스를 제공 패킷 교환망을 이용한 교환 서비스 기업 간 전산망(EDI)등과 공통적 특성을 가진다. VAN의 계층구조 전송 기능(기본 통신 계층) : 사용자가 단순히 정보를 전송할 수 있도록 물리적 회선을 제공하는 VAN의 가장 기본적인 기능입니다. 교환 기능(네트워크 계층) ..
LAN이란 무엇인가? LAN(근거리 통신망)은 광대역 통신망과는 달리 학교, 회사, 연구소 등 한 건물이나 일정 지역 내에서 컴퓨터나 단말기들을 고속 전송 회선으로 연결하여 프로그램 파일 또는 주변장치를 공유할 수 있도록 한 네트워크 형태입니다. LAN의 특징 단일 기관의 소유, 제한된 지역 내의 통신입니다. 광대역 전송 매체의 사용으로 고속 통신이 가능합니다. 공유 매체를 사용하므로 경로 선택 없이 매체에 연결된 모든 장치로 데이터를 전송합니다. 오류 발생률이 낮습니다. 네트워크에 포함된 자원을 공유합니다. 네트워크의 확장이나 재배치가 쉽습니다. 전송매체로 꼬임선, 동축 케이블, 광섬유 케이블들을 사용합니다. 망의 구성 형태에 따라서 성형, 버스형, 링형, 계층형으로 분류할 수 있습니다. LAN의 이용..
네트워크란 무엇인가? 네트워크는 Net + Work 의 합성어로써 컴퓨터들이 통신 기술을 이용하여 그물망처럼 연결된 통신 이용 형태를 의미합니다. 좀더 쉽게 말하자면 "두 대 이상의 컴퓨터들을 연결하고 서로 통신(이야기)할 수 있는 것" 이것이 바로 네트워크 입니다. 누구는 네트워크의 정의를 이렇게 내립니다. '어떤 연결을 통해 컴퓨터의 자원을 공유하는 것'이라고 말이죠. IEEE(Institute of Electrical and Electronics Engineers:국제 전기 전자 공학회)에서는 네트워크를 다음과 같이 정의 하였습니다. "몇 개의 독립적인 장치가 적절한 영역내에서 적당히 빠른 속도의 물리적 통신 채널을 통하여 서로가 직접 통신할 수 있도록 지원해 주는 데이타 통신 체계"라고 말입니다...
이미지를 base64로 인코딩 / 디코딩 시켜주는 프로그램입니다. 아래 압축파일을 다운받으시면 사용하실 수 있습니다. 혹여나 윈도우에서 열람을 거부한다는 메시지가 떠도 그냥 무시하시고 실행시켜주시면 됩니다. 악성코드 없습니다. 프로그램 설명서 1. 데이터로 변환 : 이미지를 base64로 인코딩 시켜줍니다. 2. 이미지로 변환 : base64로 인코딩 된 아스키코드를 이미지화 시켜 보여줍니다. 3. PNG로 저장 : base64로 인코딩 된 아스키코드를 PNG형식으로 저장합니다.
클라이언트 / 서버 시스템이란? 서버 클라이언트 시스템이란 위 사진과 같이 여러개의 클라이언트가 네트워크 통신을 활용해 서버에 접속을 하고 그 서버와 붙어있는 데이터베이스를 활용할 수 있는 시스템을 말합니다. 서버는 데이터베이스를 저장하고 DBMS를 운영하면서 여러 클라이언트에서 온 질의를 최적화, 권한 검사를 수행, 동시성제어, 회복기능, 무결성, 접근을 관리하고 클라이언트는 사용자 인터페이스를 관리하고 응용들을 수행합니다. 클라이언트는 서버와 동일한 디바이스 일 수도 있지만 대부분 서비스를 사용하고자 하는 사용자가 지니고 있는 인터넷이 가능한 모든 디바이스를 클라이언트라고 지칭합니다. 이렇게 하면 하드웨어 비용을 획기적으로 줄일 수 있습니다. 그리고 전세계 어디에서든지 접속이 가능한 인터넷이라는 매체..
이번 포스팅에서는 자바스크립트를 활용해 접속할때마다 변하는 이미지를 구현해보겠습니다. 작동원리는 자바스크립트 배열에 각각 이미지를 저장해놓고 랜덤함수를 호출해 랜덤으로 배열에 저장되어있는 이미지를 호출하는 방식입니다. 방문할때마다 변하는 이미지 구현하기 예제 이미지 경로에는 자신의 띄워줄 이미지의 경로를 써주시면 됩니다. [JavaScript] 자바스크립트란 무엇인가? [JavaScript] 자바스크립트 배열 선언 및 사용법 총정리 [JavaScript] 라디오버튼 클릭시 원하는 배경색으로 바꾸기 [JavaScript] 회원가입 폼 유효성검사 (정규식)
내가 입력하고싶은 데이터보다도 테이블의 컬럼이 많다면 남는 칼럼들은 그냥 공간만 차지할 뿐입니다. 하지만 데이터만큼 테이블의 Row가 동적으로 생성된다면?? 이 기능은 자바스크립트의 appendChild함수를 이용해 구현할 수 있습니다. 이번 포스팅에서는 자신이 입력하고있는 데이터만큼의 테이블 Row를 자바스크립트를 사용해 동적으로 생성하는 방법에 대해 알아보도록 하겠습니다. 동적으로 테이블 만들기 예제 내 친구 나열하기 자신이 입력한 친구의 숫자에 따라 테이블이 동적으로 생성됩니다. 예제를 다양하게 응용해서 활용해 보세요. [JavaScript] 자바스크립트란 무엇인가? [JavaScript] 자바스크립트 배열 선언 및 사용법 총정리 [JavaScript] 라디오버튼 클릭시 원하는 배경색으로 바꾸기 [..
이번 포스팅에서는 자바스크립트로 배경색을 바꿔보는 방법에 대해 알아보도록 하겠습니다. document.bgColor 함수를 활용해 배경색을 지정해줄 수 있습니다. 예제를 보시면 바로 이해하실 수 있으실겁니다. 이 예제를 응용해 다양하게 활용해보세요. 예제는 라디오버튼에 Value값을 자바스크립트로 넘겨줘서 배경색을 바꾸는 방식입니다. 라디오버튼 클릭시 원하는 배경색으로 바꾸기 예제 노란색 녹색 파란색 빨간색 실행결과 [JavaScript] 동적으로 테이블 만들기 [JavaScript] 방문할때마다 랜덤으로 변하는 이미지 구현하기 [JavaScript] Span태그의 속성(글꼴,색상,크기,스타일) 변경하기
Alert(경고)창 Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수입니다. 여러가지 창 중에서 가장 많이쓰이는 기본적인 형태의 팝업창입니다. alert("어서오세요!"); Prompt(입력)창 Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수입니다. 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴합니다. var userInput = prompt("당신의 이름은 무엇인가요?"+""); alert(userInput+"님 환영합니다."); Confirm(선택)창 Confirm함수는 사용자에게 Ture / False 값을 리턴받을 수 있는 팝업창을 띄워주는 함수입니다. 사용자의 액션에 따라 Ture 값과 ..
이번 포스팅에서는 자바스크립트로 HTML Span태그의 글꼴,색상,크기,스타일을 변경시키는 방법에 대해 알아보도록 하겠습니다. 다양한 위젯의 Id를 활용해 활용해 span태그 안에있는 글자를 바꾸는 예제입니다. 다양하게 응용하셔서 활용해보세요. Span태그의 속성 변경 예제 색상: 파랑 노랑 빨강 크기: 1 2 3 4 5 6 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자로 실행방법은 위의 텍스트박스에 문구를 입력하고 바꿀 글자의 색상, 크기, 속성을 설정한 뒤 미리보기를 누르시면 됩니다. [JavaScript] 주민등록번호 유효성 검사 [JavaScript] 회원가입 폼 유효성검사 (정규식) [JavaScript] 배경색 바꾸기 [JavaScript] Alert(경고창), Prompt(..