카테고리 글 목록: IT

IT에 관련된 내용들이..

항상 하단에 고정되어있는 DIV Element…

/*CSS Section*/
#bottom{position:fixed; left:0; bottom:0; z-index:2; width:100%; }
#bottom .btmContent{
position:relative;
text-align:center;
}
/* IE6 Fixed Position Jitter Fix */
* html, * html body {background-image:url(about:blank);background-attachment:fixed;}
/* IE6 position fixed Bottom */
* html #bottom {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));}

/*HTML Section*/

컨텐츠 내용

위와 같이 하면 bottom Element는 항상 바닥에 붙어있게 된다…ㅎ

구글 웹폰트 적용….

@import url(“http://fonts.googleapis.com/earlyaccess/nanumgothic.css”);
@import url(“http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css”);
@import url(“http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css”);
@import url(“http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css”);
@import url(“http://fonts.googleapis.com/earlyaccess/nanumpenscript.css”);

차례로 나눔 고딕, 나눔 브러시 스크립트, 나눔 고딕 코딩, 나눔 명조, 나눔 펜 스크립트…

font-family:”Nanum Gothic”;
font-family:”Nanum Brush Script”;
font-family:”Nanum Gothic Coding”;
font-family:”Nanum Myeongjo”;
font-family:”Nanum Per Script”;

와 같이 적용하면 된다..

Ubuntu 우분투 mod_rewrite 활성화

apt-get으로 APACHE를 설치할 시에 기본적으로 mod_rewrite는 비활성화 된다.

간단한 방법으로 활성화를 시킬 수 있다.

1. mod_rewrite 설치
$ sudo a2enmod rewrite

2. /etc/apache2/sites-available/default 수정
$ sudo vi /etc/apache2/sites-available/dafault
AllowOverride 를 None에서 All로 바꿔준다.

3. APACHE 재시작
$ sudo /etc/init.d/apache2 restart

끝이다~

참조 블로그 : http://imj2y.inetiz.com/25
http://busydeveloper.tistory.com/entry/Ubuntu-Diary-Apache-%EC%84%9C%EB%B2%84%EC%97%90-modrewrite-%EB%AA%A8%EB%93%88-%ED%99%9C%EC%84%B1%ED%99%94%ED%95%98%EA%B8%B0

Ubuntu phpMyAdmin 설치하기

이것 역시 너무나 간편하다…ㅎ

1. phpMyAdmin 설치
$ sudo apt-get install phpmyadmin

2. 환경설정
$ sudo vi /etc/apache2/apache2.conf

3. APACHE환경설정에 phpMyAdmin의 환견설정파일 Include (/etc/apache2/apache2.conf)
# Enable PhpMyAdmin
Include /etc/phpmyadmin/apache.conf

4. APACHE 재시작
$ sudo /etc/init.d/apache2 restart

5. phpMyAdmin 접속
http://localhost/phpmyadmin

* phpMyAdmin 삭제
$ sudo apt-get remove phpmyadmin

참조 블로그 : http://batsu05.egloos.com/2613652

Ubuntu APM Setup 우분투에서 간편하게 APM 셋업하기!!

회사 프로젝트를 위해 전에 세팅했던 테스트서버와 동일한 환경으로 운영서버를 세팅하는 과정…
원래 CentOS를 주로 쓰는지라 처음에 Ubuntu를 만났을 때 경로도 다르도 참 난감했었는데..
그래도 한번 해본게 경험이라고… 두번째는 금방 마무리 되었다…
정말 간단하다…

CentOS의 yum과 같이 참 편리한..ㅎ

1. APACHE2 설치
$ sudo apt-get install apache2

2. MySQL5
$ sudo apt-get install mysql-server mysql-client
설치 과정 중 MySQL ROOT 패스워드를 입력한다..

3. PHP5
$ sudo apt-get install php5 php5-common

4. APACHE, PHP5 연동
$ sudo apt-get install libapache2-mod-php5

5. PHP, MySQL 연동
$ sudo apt-get install php5-mysql

6. APACHE와 MySQL 재시동
$ sudo /etc/init.d/apache2 restart
$ sudo /etc/init.d/mysql restart

7. APACHE와 MySQL 정상작동 확인
$ sudo netstat -atp | grep apache2
$ sudo netstat -atp | grep mysqld

8. PHP와 APACHE 연동 확인
$ sudo gedit /var/www/phpinfo.php

9. 정상동작 확인
브라우저 주소창에 localhost/phpinfo.php

10. APACHE 기본설정 변경
apache : /etc/apache2/apache2.conf
mysql : /etc/mysql/my.cnf

참조 블로그 : http://sarghis.com/blog/680/

심플하고 강력한 Charts.js 라이브러리…

공식 사이트는 http://www.chartjs.org/ 이쪽으로~

Charts.js… 깔끔하면서도 강력한… 그래프 기능을 제공한다.

Chart.js – Easy, object oriented client side graphs for designers and developers

6 Chart types

Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

HTML5 Based

Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.

Simple and flexible

Chart.js is dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.

HTML5기반의 단순하고 유연한 6가지 타입의 그래프를 제공한다.

1. 선 차트 Line charts
2. 막대 차트 Bar charts
3. 방사형 차트 Radar charts
4. 파이 차트 Pie charts
5. 폴라 차트 Polar area charts
6. 도넛 그래프 Doughnut charts

다운로드는 클릭
Documentation은 여기 클릭