Fall in IT.

안녕하세요. 오늘은 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 영역이라고 부릅니다. 이렇게 세부적으로 나뉘고, 나뉘고 나뉘면 웹사이트가 완성됩니다. 웹사이트 별거없지요.. ^^ 아래 영상을보고 따라해보세요~ 모두 즐거운 코딩하세요~

안녕하세요. 오늘은 자바스크립트에서 Date 포맷 변경할때 유용한 Moment.js의 사용법에 대해서 알아보겠습니다. (당연히 nodejs에서도 사용가능합니다. ^^) Moment.js란? 자바스크립트에서는 날짜를 표시할때 Date 객체를 사용합니다. 이때, 특정 형태의 날짜를 나타내기 위해선 직접 함수를 개발해야합니다.또, 브라우저에 따라 시간대가 다를 경우 이를 고려하여 개발해야하는 번거러움이 있습니다.Moment.js를 사용하면 이 두가지 문제를 해결할 수 있습니다. Moment.js 공식 홈페이지https://momentjs.com/ Moment.js 설치홈페이지에서 직접 다운받을 수 있으며, npm과 같은 패키지매니저를 사용하여 설치 할 수 있습니다. Moment.js 사용법다운받은 js파일은 ..

안녕하세요. 오늘은 애플 개발자 등록 후, 앱을 개발하기 위해서 필수인 애플 개발자 인증서 발급 방법에 대해서 알아보겠습니다. 지금부터 진행되는 인증서발급의 모든 작업은 MacOS에서만 가능합니다. 앱스토어에 앱 배포를 위해 필요한 절차개인 정보가 담긴 CSR파일 생성 - 애플에 개발자로 권한을 부여 받기 위해 필요한 인증서 생성 (키체인을 사용하여 CSR인증서를 발급 받습니다.) Certificates - 애플에 개발자로 권한을 부여 받는 인증서 생성 - 키체인 앱을 통해 발급받은 CSR 인증서를 사용하여, 개발할 수 있는 인증서를 발급 받습니다. (개인 개발자들이 애플에 앱을 실행하는 권한을 받는 과정이라고 생각하면 됩니다.) - 배포용과 개발용으로 구분됩니다. Identifiers - 배포하고자 하..