Fall in IT.

안녕하세요. 오늘은 Typescript의 기초 문법들을 알아보도록 하겠습니다. ES6(ECMAScript6)란?ECMAScript는 자바스크립트 표준 단체인 ECMA가 제정하는 자바스크립트 표준이다.ECMAScript는 브라우저에 사용되는 자바스크립트 부분만 표준으로 정의한다. Typescript란?Javascript superset 이며, 간단히 타입이 있는 자바스크립트라고 말할 수 있습니다. Typescript 설치 (npm(node package module)이 설치되어 있다는 가정하에 설명합니다. Nodejs 설치시 함께 설치됩니다.)$ npm install -g typescript설치한 typescript 버전 확인 $ tsc -v ts파일을 js파일로 컴파일tsc 파일명.ts $ tsc mai..

안녕하세요. 오늘은 ADC(Application Delivery Controller)에 대해서 알아보겠습니다. ADC(Application Delivery Controller) 란?쉽게 말해서 보안 / 성능 / 가용성을 향상 시키기 위해 사용하는 네트워크 장비라고 할 수 있습니다.일반적으로 ADC라는 말은 미국의 시애틀에 본사를 두고 있는 F5 Networks에서 시작하여 약 3년전부터 본격적으로 사용 되어지기 시작했습니다.이미 시장에서는 L4 Switch 혹은 L7 Switch라는 말이 대부분의 사람들이 알기 쉽고 오래된 표현 입니다. ADC(Application Delivery Controller) 세부내용애플리케이션 딜리버리 컨트롤러(ADC)는 일반적으로 데이터센터의 웹 서버 앞에 위치합니다.이 컨..

안녕하세요. 오늘은 Flex를 사용하여 웹페이지의 레이아웃 잡는 방법에 대해서 알아보겠습니다. flex란?flex는 웹페이지를 만들때 layout을 쉽게 만들 수 있도록 도와주는 CSS 속성 입니다. 일반적인 웹페이지 구성 모두 div로 나누지 않고, 위에 그림과 같이 시멘틱태그를 사용하는 이유는?시멘틱태그를 사용하면 웹페이지의 태그 구조를 쉽게 파악할 수 있습니다.검색 엔진에 걸릴 확률이 높아 집니다. 시멘틱태그(semantic tag)란?특정한 태그에 의미를 부여한 것.header는 제목, section은 본문 등.. (생활코딩 참조) flex 기본 속성flex를 사용하기 위해서는 display : flex 속성을 부여해야 합니다.flex-direction 을 사용해서 정렬방향을 설정 합니다.flex..

안녕하세요. 오늘은 아파치(apache)와 아파치 톰캣(apache tomcat)에 대해서 알아보도록 하겠습니다.개발자들이 JSP를 배울때, 아파치와 아파치 톰캣을 잘 구분하지 못하고 헷갈려하는 경우를 많이 보았습니다.아파치가 도대체 무엇인지? 아파치 톰캣은 아파치 + 톰캣인건지? 지금부터, 알아보도록 하겠습니다. 아파치(Apache)란?아파치 재단에서 만든 소프트웨어 입니다.정적인 데이터를 처리하는 웹서버 입니다. - 웹서버는 클라이언트가 GET, POST, DELETE 등등의 메소드를 이용해 요청을 하면 그에 대한 결과를 돌려주는 기능을 합니다. - 정적인 HTML이나 이미지를 제공하는 서버를 웹서버라고 합니다.웹서버로 가장 많이 쓰는 프로그램으로는 Apache재단의 Apache가 있고, Micros..

안녕하세요. 오늘은 웹페이지를 만들때, 기본적으로 시작하는 레이아웃 잡는 방법에 대해서 알아보겠습니다. 웹사이트 레이아웃 잡기상단 header 영역을 잡습니다.중간에 contents 영역을 잡습니다.하단에 footer 영역을 잡습니다.필요하다면 contents 영역을 또 세부적으로 나눕니다. - aside, section 영역이라고 부릅니다. 이렇게 세부적으로 나뉘고, 나뉘고 나뉘면 웹사이트가 완성됩니다. 웹사이트 별거없지요.. ^^ 아래 영상을보고 따라해보세요~ 모두 즐거운 코딩하세요~