Fall in IT.

안녕하세요. 오늘은 웹페이지를 만들때, 기본이 되는 레이아웃을 잡을때 사용하는 css의 position에 대해서 알아보겠습니다. 엘리먼트의 위치(position)를 지정하는 방법static (default값)relative (상대적 위치)absolute (절대적 위치)fixed (고정적 위치) staticposition을 설정하지 않았을때, 기본적으로 적용되는 값 입니다. (고정값) relative특정 엘리먼트가 현재 속한 위치에서 left, right 등의 값에 따라 상대적인 위치를 변경할때 사용합니다.부모 엘리먼트를 기준으로 상대적으로 움직입니다.예제 : http://codepen.io/leedu/pen/kkbvYO absoluteposition값이 relative인 부모를 기준으로 움직입니다. 만약..

안녕하세요. 오늘은 PNG와 SVG 이미지의 차이점에 대해서 간단하게 알아보도록 하겠습니다. SVG란?스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다. (위키피디아)svg는 벡터(vector) 이미지를 표현하기 위한 포맷으로 w3c에서 만든 벡터 이미지 표준입니다. PNG란?포터블 네트워크 그래픽스(Portable Network Graphics; PNG)..

안녕하세요. 오늘은 아이맥 Finder에서 숨김파일 보이게 하는 방법에 대해서 알아보겠습니다. 아래 명령어를 터미널에 입력합니다.[Mac] Finder에서 숨김 파일 보기defaults write com.apple.finder AppleShowAllFiles YES && killall Finder [Mac] Finder에서 숨김 파일 안 보이게 하기defaults write com.apple.finder AppleShowAllFiles NO && killall Finder

안녕하세요. 오늘은 리눅스에서 특정 디렉터리 하위에 특정 파일의 개수를 확인하는 방법에 대해서 알아보겠습니다. 먼저, 특정 디렉터리 하위에 특정 파일을 찾고, 이를 다시 wc 명령어를 사용하여 개수를 출력하면 됩니다. 특정 디렉터리 하위에 특정 파일을 찾는 방법/opt 디렉터리 하위에 *.log 에 해당하는 파일을 찾아보도록 하겠습니다. - $ find /opt -name *.log 특정 디렉터리 하위에 특정 파일의 개수를 확인하는 방법/opt 디렉터리 하위에 *.log 에 해당하는 파일을 찾고, wc -l 명령어를 사용하여 개수를 출력합니다. - $ find /opt -name *.log | wc -l find, wc 등의 명령어를 자세히 알아보고 싶은 분들은 man 명령어를 사용하여 확인하시기 바랍니..

안녕하세요. 오늘은 리눅스에서 특정 파일을 찾는 방법에 대해서 알아보겠습니다. 특정 디렉터리에서 특정 파일을 찾는 경우/opt 디렉터리에서 파일명이 application.*에 해당하는 파일을 찾아보도록 하겠습니다. - $ find /opt -name application.* -ls어느 디렉터리에 있는지 모를 경우 디렉터리 경로를 " / " 루트로 변경하고 찾아보면 되겠죠? 현재 디렉터리에서 특정 파일을 찾을 경우디렉터리 경로를 " ./ "로 변경하고 찾으시면 됩니다.기본적으로 명령어는 $ find [찾을 디렉터리 경로] -name [찾을 파일 이름] 를 사용하면 됩니다.뒤에 -ls 명령어를 붙이는 경우는 해당 파일의 정보를 출력하기 위해서 입니다. 붙이지 않을 경우 찾은 파일 경로와 파일명만 출력됩니다...

안녕하세요. 오늘은 Google Analytics 를 사용하는 방법에 대해서 알아보겠습니다. Google Analytics란?서비스중인 웹사이트, 앱 등의 매출 및 전환을 측정할 뿐만 아니라 방문자의 사이트 활동, 사이트 유입경로, 고객의 재방문을 유도하는 방법 등의 중요한 분석 자료 정보를 제공해줍니다. Google Analytics 시작하기구글 애널리틱스 사이트에 접속하여, 계정만들기를 선택합니다. - http://www.google.com/analytics/ 계정이름, 웹사이트 이름, 웹사이트 주소, 업종 카테고리 선택 등의 내용을 입력하고 계정을 생성합니다. "추적 ID 가져오기"를 누르고, 약관동의를 합니다.이때, 나온 추적코드를 복사 한 후, 추적하려는 모든 페이지의 코드에 "복사 > 붙여넣기..

안녕하세요. 오늘은 Mac의 패키지매니저툴인 Homebrew에 대해서 알아보도록 하겠습니다. 리눅스 시스템에 익숙하신 분들은 yum, apt-get과 같은 package manager를 사용해 보셨을겁니다. 이와 비슷하게 Mac에서 사용할 수 있는 package manager가 Homebrew입니다. Homebrew 설치하기아래 사이트에 접속합니다. (한국어도 지원합니다.) - http://brew.sh/ 아래 부분을 복사한다음, 터미널에 붙여넣습니다. 설치가 진행됩니다. 이미 설치가 되있다면 아래와 같은 화면이 나타납니다. 설치가 완료되면 터미널에 아래와 같이 입력해봅니다. brew를 사용하는 방법이 출력됩니다. - $ brew htop설치해보기- htop은 PC의 리소스상태 확인 할 수 있는 util..

안녕하세요. 오늘은 Mac에서 Alias 설정하는 방법에 대해서 알아보겠습니다. 평소에 리눅스 명령어에 익숙하신분들은 맥북 터미널에서 명령어를 사용할때, 조금(?) 다른 명령어에 불편하실 수 있습니다.(예를 들면, 'll' 명령어가 먹지않을 경우) 이때, Alias를 설정해서 기존에 사용하던 명령어를 셋팅해두고 편하게 사용할 수 있도록 설정해보도록 해보겠습니다. Mac에서 Alias 설정하는 방법우선 터미널을 엽니다.터미널에서 bash_profile 편집창으로 들어갑니다. - $ vi ~/.bash_profile을 입력한 후 엔터를 칩니다. 가장 아랫줄에 설정하고자 하는 명령어의 alias를 입력합니다. - 예를들어, 'ls -al'명령어를 ll이란 alias로 설정한다면, 가장 아랫줄에 alias ll..

안녕하세요. 오늘은 맥 OSX에서 인기있는 terminal emulator 인 item2에 대해서 알아보겠습니다.간단하게 설치방법, 자주 사용되는 단축키, 테마 설정 방법 세가지에 대해서 알아보도록 하겠습니다. 설치하는 방법아래 링크에서 다운로드 합니다. - http://www.iterm2.com/downloads.html다운받은 zip 파일의 압축을 풀면 application이 생성됩니다.해당 application을 응용 프로그램으로 이동합니다. - Launchpad에서 application을 확인하실 수 있습니다. 유용한 단축키새창 : Cmd + n 새탭 : Cmd + t 탭 이동 : Cmd + 번호 or Cmd + 방향키 탭 가로 분할 : Cmd + shift + d 탭 세로 분할 : Cmd + d..

안녕하세요. 오늘은 클라우드의 기초(기본) 개념에 대해서 간단하게 알아보겠습니다. 1. 클라우드의 세가지 서비스 모델 SaaS, PaaS, IaaS SaaS(Software as a Service)문서 작성이나 표 계산, 이메일 등의 어플리케이션을 인터넷을 통해 제공하는 서비스를 말합니다.대표적으로, Microsoft Office 365, Google Apps 등이 있습니다. PaaS(Platform as a Service)어플리케이션을 개발하거나 실행하기 위한 시스템 기능을 서비스로 제공하며 데이터베이스, 개발 프레임워크, 실행 시에 필요한 라이브러리 및 모듈을 제공합니다.대표적으로는, Microsoft Azure 서비스, Google App Engine 등이 있습니다. IaaS(Infrastructu..