본문 바로가기

전체 글

(125)
[네트워크] OSI 7계층과 TCP/IP 모델 개요 오늘은 OSI 7계층과 함께 TCP/IP 모델에 대해서 알아보도록 하겠습니다. OSI 7 계층은 컴퓨터 간의 정보를 주고 받는 작업을 위해 설계된 대규모 '통신용' 소프트웨어의 아키텍처입니다. 따라서, 이러한 거대한 규모의 프로그램의 '구조'를 설명하는 것이 OSI 7 계층이며, 이는 곧 소프트웨어 디자인인 Layered 디자인의 한 종류라고 할 수 있습니다. 오늘은 이중에서도 현재 범용적으로 사용중인 TCP/IP 모델에 대해서 알아보도록 하겠습니다. 물리 계층, Physical layer컴퓨터는 기본적으로 0과 1로 이루어진 데이터를 바탕으로 데이터를 생성하거나 해석합니다. 이때 약간의 물리학 지식을 더하자면,  컴퓨터에게 데이터를 보내기 위해서는 과거에는 구리선 오늘은 광케이블을 통해서  멀리 ..
[CS BASIC] 웹 서버(Web Server), 웹 애플리케이션 서버(WAS, Web Application Server), 웹 애플리케이션(Web Application) 개요 오늘은 웹 서버(Web Server), 웹 애플리케이션 서버(WAS, Web Application Server) 그리고 웹 애플리케이션(Web Application)에 대해서 알아보도록 하겠습니다.  오늘의 포스팅은 아래와 같은 내용으로 구성됩니다.웹 서버 (Web Server)란? 웹 애플리케이션 서버(WAS, Web Application Server)란? 웹 애플리케이션(Web Application)웹 서버 (Web Server)란? 웹 서버란 월드 와이드 웹(WWW)에서 HTTP 프로토콜에 맞추어 고유한 URI 또는 URL을 통해 HTML이라는 마크업 문서를 볼 수 있도록 하는 서버입니다. 전 세계에 있는 각 컴퓨터는 공유기 또는 자체 네트워크 설정을 통하여 IP주소 + 포트 번호의 조합으로 ..
[네트워크] 통신 시스템 일반 개요오늘은 컴퓨터 네트워크의 통신 시스템에 대해서 알아보도록 하겠습니다. 통신 시스템컴퓨터의 데이터 통신 시스템은 크게 정보를 보내는 송신 측과 정보 전달을 담당하는 전송 매체(=채널), 그리고 정보를 받는 수신 측으로 구분할 수 있습니다.이러한 구조를 그림으로 표현하면 아래와 같습니다.  데이터 통신을 위해 송신 측에서 담당하는 기능은 다음과 같습니다.부호화(encoding)정보원 부호화 (source encoding)채널 부호화(chanel encoding)암호화(encryption)다중화(multiplexing)변조(modulation) 송신 측 담당 기능구분설명정보원 부호화(source encoding)음성이나 영상과 같은 아날로그 정보를 ..
[CSS] CSS 기초 - CSS의 속성과 플렉스 박스(Flex box) 개요 오늘은 지난 포스팅에 이어서 CSS의 다양한 스타일 속성들에 대해서 알아보도록 하겠습니다. Font 속성 글자 하나하나에 대한 설정 font-family : 글꼴 font-size : 글자 사이즈 font-style : 글자 기울임, bold 등, 일반 등 font-variant : small-caps 속성 (주로 영어에서 소문자→ 대문자로) font-weight : 글자 두께 font : Font 속성 축약 버전(글꼴, 사이즈, 기울임 등을 한번에) .font{ font-family: "Times New Roman", monospace; /*폰트 명이 공백이 있을 때는 쌍따옴표로 묶어줌*/ font-style: normal; font-weight: 100; font-variant : small-c..
[CSS] CSS 기초 - CSS와 선택자(Selector) WHAT’S CSS? `HTML` 문서에 스타일 속성을 부여하는 데 전문성을 지닌 스크립트 언어 CSS의 적용 방법 `CSS`를 `HTML`에 적용하는 데에는 크게 세 가지 방법이 있습니다. 인라인 스타일 속성 : `텍스트` html 내에서 스타일 속성 : `HTML`의 ` CSS Tutorial CSS is a language that describes the style of an HTML document. CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. CSS 선택자의 우선순위 정리 쉼표는 우선 순위가 동등하다는 것을 의미합니다. 이렇게 우선순위를 따졌는..
[HTML] HTML 기초 - HTML의 다양한 요소(Element)와 공간 분할 요소 개요 오늘은 지난 포스팅에 이어서 HTML의 다양한 요소(Element)와 공간 분할 요소에 대해서 알아보도록 하겠습니다. 목록형 Tag(ul, li 등) 목록 태그는 반드시 하나 이상의 하위 tag를 포함합니다. tag명 설명 번호 없는 목록 번호 있는 목록, 숫자(1), 영문소문자(a), 영문대문자(A), 로마숫자(i), 로마숫자 대문자(I)로 표시, start로 오름차순, reversed로 내림차순 목록 항목 이나, tag 하위에서 사용함. 용어 정의와 설명에 대한 내용을 목록화 해서 표시 용어 목록의 정의 부분을 나타냄 용어 목록의 설명 부분을 나타냄. 테이블 태그(Table Tag) 강좌리스트 이름가격 안녕 자두야15000 아프니까 청포도다23000 합계38000 셀의 병합(for Table T..
[HTML] HTML 기초 - HTML, 웹(Web), 요소(Element), 속성(Attribute) WHAT’s HTML? Hyper Text Markup Language의 약자 2014년 이전에는 수많은 경쟁 업체들이 각자 다른 웹 규격을 사용했고, 그로 인해 소비자가 어떤 브라우저를 사용하느냐에 따라 결과나 보이는 결과가 달라서 혼선을 빚었습니다. 그러나 W3C(World Wide Web Consortium)에서 어떤 브라우저를 사용하더라도 사용자가 같은 웹 문서를 볼 수 있게 하도록 웹 표준인 HTML5를 만들었고, 이것이 오늘까지 이어지고 있습니다. 웹 서핑을 한다는 것은…. 우리가 웹 서핑을 한다는 것은 그것을 가능하게 하는 데 필요한 수많은 과정을 축약한 채 말하는 것입니다. 클라이언트, 일반적으로 사용자(User)라고 부르는 사람이 웹브라우저를 통해 특정 주소로 이동을 한다는 것은 클라이언..
[Kotlin] 함수형 프로그래밍 - Infix 함수, 연산자 오버로딩 개요 오늘은 함수형 프로그래밍의 마지막 포스팅입니다. 이번 포스팅에서는 코틀린의 Infix 함수 그리고 연산자 오버로딩에 대해 알아보도록 하겠습니다. Infix 함수 코틀린에서는 아주 독특한 형태의 함수를 하나 제공합니다. a addNumber b 위 코드는 더하기(+), 빼기(-), 곱하기(*), 나누기(/)와 같은 `연산자(Operator)`도 아닌 거 같은데, 알고리즘 또는 프로그램의 동작을 논리적이고 간단한 언어로 설명하는 의사 코드(pseudocode)일까요? 이 코드의 정체는 코틀린의 Infix 함수였습니다. Infix 함수란 중위 표기법으로 호출할 수 있는 함수입니다. 이는 함수 이름을 중위 연산자처럼 사용할 수 있도록 지원합니다. 여기서 중위 연산자란 연산자 기호가 피연산자 사이에 위치하는..