정보통신망 여러 단말장치를 전송 매체로 연결한 것을 정보통신망(Network)라 한다. 정보통신망은 단말장치, 전송매체, 교환기로 이루어져 있다. 단말장치(DTE) : 단말기, 터미널이라고도 불리는 단말장치는 데이터 입출력을 수행하는 장치를 뜻한다. 전화기, 전신기, 텔레비전, 컴퓨터, 프린터 등이 대표적이다. 전송매체 : 신호를 전송하는 통로로 단말장치를 서로 연결시켜준다. 크게 유선과 무선 전송 매체가 있다. 교환기 : 초창기 네트워크는 교환기 없이 단말장치끼리 1대1로 전송매체를 연결하는 비교환회선 방식을 사용했다. 하지만 단말장치가 많아질수록 회선의 낭비(많은 회선, 적은 회선 이용률)가 심해졌고 이로 인해 교환기를 사용하는 교환회선 방식이 등장했다. 대부분의 네트워크가 교환회선 방식을 사용한다...
CSS CSS(Cascading Style Sheet)는 문서의 디자인을 담당하는 언어이다. 다음과 같이 사용되어진다. 선택자 { 속성: 속성값; } CSS 선택자 CSS 선택자는 CSS 디자인을 적용할 태그를 선택하는 것을 말한다. type, id, class 선택자가 있으며 그 외에도 자식 선택자, 자손 선택자 등 여러 선택자들로 태그를 선택할 수 있다. type 선택자 h1 { color: red; } 모든 h1 태그에 디자인을 적용한다. id 선택자 #bg { background-color: yellow; } 태그의 id 속성 값이 bg인 태그에 디자인을 적용한다. id 속성값은 문서 내에서 유일해야된다. class 선택자 .bg { background-color: yellow; } 태그의 cla..
Position 속성 포토샵을 보면 여러개의 레이어(layer)를 겹쳐 하나의 이미지를 만든다. CSS도 마찬가지다. 여러 개의 태그를 겹쳐 웹 디자인을 만들어낸다. 이를 위해 CSS는 position 속성을 제공한다. position 속성은 태그의 상태를 2차원 혹은 3차원으로 만들어주는 속성이다. position 속성값에는 static, fixed, relative, absolute 4가지 값이 있다. static 속성값은 태그를 2차원으로 만들며 fixed와 absolute 속성값은 태그를 3차원으로 만들고 relative 속성값은 태그를 2,3차원으로 만들어준다. 2차원의 태그들끼리는 서로 영향을 준다. 즉 2차원의 특징을 갖는 태그끼리 마진 병합이 발생할 수도 있으며 부모가 높이를 갖고 있지 않..
캡슐화와 역캡슐화 데이터 전송 시 캡슐화(Encapsulation)가 이뤄지고 수신 시 역캡슐화(Decapsulation)가 이뤄진다. 데이터에 헤더를 붙이고 아래 계층에 보내는 것을 캡슐화, 데이터에 헤더를 제거하고 위 계층에 보내는 것을 역캡슐화라 한다. 위 그림을 보면 데이터 통신 시 상위 계층부터 캡슐화가 이뤄지면서 데이터는 아래 계층으로 흘러간다. 데이터 수신 시 하위 계층 부터 역캡슐화가 이뤄지면서 데이터는 상위 계층으로 흘러간다. 전송된 데이터는 패킷 단위로 라우터를 거쳐가므로 정확하게는 아래 그림처럼 흘러간다. 프로토콜과 헤더 왜 헤더를 붙일까? 헤더는 곧 프로토콜이다. 프로토콜을 정의한다는 말은 헤더를 정의한다는 말과 같다. 각 계층에는 다양한 프로토콜이 정의되어 있고 그에 따라 헤더도 ..
프로토콜 통신을 위한 상호간의 규칙, 약속을 프로토콜이라 한다. 통신하기 위해서 어떤 순서로 어떻게 통신할 것인지에 대한 규칙, 약속이 필요하다. 만약 토론을 한다 해보자. 토론 시 아무런 규칙이 없다면 서로 제 할말만 하느라 토론이 제대로 이루어지지 않을 것이다. 그래서 토론의 규칙을 정한다. 발언권의 시간, 질문 시간, 답변 시간 등을 정해 토론이 원활히 진행 되도록 한다. 통신도 마찬가지다. 상호 간의 약속이 되어 있어야만 원활히 통신할 수 있다. 초창기 컴퓨터 통신은 소수의 단체에서만 사용되었다. 그러한 단체는 제각각 다른 자신만의 프로토콜을 만들어 컴퓨터 통신을 해왔다. 단체 안에서의 통신은 같은 프로토콜을 사용했기에 가능했지만 단체 간의 통신은 각기 다른 프로토콜을 사용했기에 불가능했다. 그래..
통신 송신자와 수신자가 전송 매체인 통신로를 이용해 상호간 데이터, 정보를 주고 받는 행위를 통신이라 한다. 통신의 종류 통신의 종류는 다음과 같이 구분될 수 있다. 컴퓨터는 데이터 통신을 한다. 데이터(0과 1로 이루어진 이진비트)를 주고 받으며 데이터로부터 변환된 신호가 전송 매체를 따라 네트워크 상에 흐른다. 데이터 통신에서 가장 우선시 해야 되는 것이 에러 체크이다. 1비트만 어긋나도 송신된 데이터는 쓸모없어진다. 송신 측에서 데이터를 송신하면 여러 라우터(교환기)를 거쳐가는데 라우터는 패킷(데이터)을 받으면 오는 족족 붙잡아 에러 체크를 한다. 그리고 수신 측에서 다시 한번 에러 체크를 한다. 이럼으로써 데이터를 신뢰성 있게 보내는 것이다. 대신 전송시간은 느려진다. 즉 데이터 통신은 에러에 민..
CSS 레이아웃 배치 웹페이지를 만들 때 HTML의 핵심은 header, section, footer, div 이러한 태그들을 블록쌓듯 쌓아 문서의 구조를 만드는 것이라면 CSS의 핵심은 이러한 태그들을 원하는 장소에 배치해 문서의 디자인을 만드는 것이라 생각한다. 이 글에서는 CSS 레이아웃 배치를 위한 몇 가지 개념을 소개한다. 박스 모델 (Box model) 모든 HTML 태그는 박스 모델로 구성되어 있다. 박스 모델의 박스는 margin, border, padding, content 네 가지 요소로 크기와 간격을 조정할 수 있다. margin : border(테두리) 속성을 기준으로 바깥쪽 영역을 의미한다. margin-top, margin-bottom, margin-left, margin-rig..
원격 저장소 다른 사람과 협업을 하려면 원격 저장소가 필수적이다. 한 프로젝트 내에 원격 저장소가 여러 개 있을 수 있으며 원격 저장소의 push 권한, fetch 권한을 얻는다면 push 혹은 fetch 명령어를 사용할 수 있다. 원격 저장소 확인 git remote 명령으로 프로젝트에 등록된 리모트 저장소를 확인 할 수 있다. 저장소를 clone 하면 리모트 저장소가 'origin'이라는 이름으로 자동 등록 된다. 원격 저장소 추가 git remote add 명령으로 url에 위치한 저장소를 원격 저장소로 등록한다. 리모트 브랜치 로컬 저장소의 브랜치 종류는 non-tracking local branch, tracking local branch, remote tacking branch로 나뉘며 리모트..
