jsbin 설치 ( HTML, CSS, Javascript)

1. jsbin 이란 .

Javascript, HTML, CSS로 간단히 확인할수있다.
예제코드를 Configs, Properties, Methods를 API에서 실시간으로 확인하고 소스분석 목적으로 사용하기에 유용하다.

2. 설치환경

– Centos 6.0 + Apache 2.2 + mysql 5.3 + php.5.3

3. jsbin 설치

– APM가 설치되었다는 과정하에 설명을 하겠습니다.

1) git 으로 jsbin 소스를 다운받는다.

– git URL : git clone http://github.com/remy/jsbin.git

2) mysql Database 생성

– #mysql -u root -p
mysql>create database jsbin;
mysql>grant all privileges on 데이터베이스.* to 아이디@localhost identified by ‘패스워드’ with grant option;

3) 테이블생성

PgSQL
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
CREATE TABLE IF NOT EXISTS `owners` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(25) NOT NULL,
`url` varchar(255) NOT NULL,
`revision` int(11) DEFAULT '1',
PRIMARY KEY (`id`),
KEY `name_url` (`name`,`url`,`revision`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
 
CREATE TABLE IF NOT EXISTS `ownership` (
`name` varchar(50) NOT NULL,
`key` varchar(255) NOT NULL,
`email` varchar(255) NOT NULL DEFAULT '',
`last_login` datetime NOT NULL,
`created` datetime NOT NULL,
`updated` datetime NOT NULL,
PRIMARY KEY (`name`),
KEY `name_key` (`name`,`key`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
 
CREATE TABLE IF NOT EXISTS `sandbox` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`javascript` text NOT NULL,
`html` text NOT NULL,
`created` datetime DEFAULT NULL,
`last_viewed` datetime DEFAULT NULL,
`url` varchar(255) DEFAULT NULL,
`streaming` varchar(1) DEFAULT 'n',
`streaming_key` varchar(32) NOT NULL,
`streaming_read_key` varchar(32) NOT NULL,
`active_tab` varchar(10) NOT NULL,
`active_cursor` int(11) NOT NULL,
`revision` int(11) DEFAULT '1',
`css` text NOT NULL,
`settings` text,
PRIMARY KEY (`id`),
KEY `viewed` (`last_viewed`),
KEY `url` (`url`),
KEY `streaming_key` (`streaming_key`),
KEY `spam` (`created`,`last_viewed`),
KEY `revision` (`url`,`revision`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

4) jsbin 환경설정

jsbin_root#cp config.default.json config.local.json

jsbin_root#vi config.local.json

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
"url": {
 
"host": "{서버 아이피를 설정한다. ex)192.168.0.201 }",
"prefix": "/",
"ssl": false,
"static": false
},
"store": {
"adapter": "{ 사용하는 데이터베이스 mysql }",
"sqlite": {
"location": "/tmp/jsbin.db"
},
"mysql": {
"host": "localhost",
"user": "사용자",
"password": "패스워드",
"database": "데이터베이스명",
"charset": "utf8mb4",
"collate": "utf8mb4_unicode_ci"
}
}

설치 & 설정 완료 Apache Restart 후 확인할수있다.

http://jsbin.jqdom.com

※ APM이 설치되지않는 환경을 과정하에 YUM으로 APM을 설치 & 설정부분을 설명을 하겠습니다.

1. APM+Libary 설치

2) 기본관리 db를 설정하고 권한을 지정한다.

#/usr/bin/mysql_install_db –user=mysql
# chown -R root /usr/bin/
# chgrp -R mysql /usr/bin/
# chown -R mysql /var/lib/mysql/

3) 콘솔에서도 mysql명령들을 사용할수있도록 등록한다.
vi ~/.bash_profile
PATH부분의 다음과 같이 추가한다.
PATH=$PATH:$HOME/bin:/usr/bin

4) 서비스 등록

# chkconfig –list | grep mysqld
mysqld 0:off 1:off 2:on 3:on 4:on 5:on 6:off

위와같이 안나오면 아래와 같이 설정해준다.
# chkconfig –level 2345 mysqld on

5) mysql 시작하고 루트비밀번호를 설정한다.

# /etc/rc.d/init.d/mysqld start
# /usr/bin/mysqladmin -uroot password 비번

3, Apache & PHP 설정

1) Apache 설정

vi /etc/httpd/conf/httpd.conf

#ServerName www.example.com:80 주석삭제 서버이름수정 => ServerName localhost:80
AllowOverride None => AllowOverride All
DirectoryIndex index.html index.html.var => DirectoryIndex index.html index.htm index.php index.phtml
AddType application/x-gzip .gz .tgz 을 찾아 그 다음줄에 아래 두줄 내용 추가
AddType application/x-httpd-php .htm .html .php .ph php3 .php4 .phtml .inc
AddType application/x-httpd-php-source .phps
#AddHandler cgi-script .cgi 주석 삭제 => AddHandler cgi-script .cgi

2) PHP 설정

vi /etc/httpd/conf.d/php.conf
AddHandler php5-script .php .htm .html
AddType application/x-httpd-php-source .phps .php .htm .html
위와같이 수정한다.

3) Apache 서비스 등록

# chkconfig –list | grep httpd
httpd 0:off 1:off 2:on 3:on 4:on 5:on 6:off
역시나 위처럼 나오지 않는다면 아래와 같이 설정해준다.
# chkconfig –level 2345 httpd on

4) Apache Server 시작

/usr/sbin/apachectl start

5) Apache,Mysql 서비스 확인

#netstat -lnnp
httpd,mysqld 가 동작하는지 확인한다.

6) 시스템 업데이트

#yum update

Developer.Kimguna

많은 사람들이 실패하는 이유는 성공을 한발 앞에 두고 그만두었기 때문이다. – 셰익스피어 –

저작자표시 (새창열림)

'Web Development > Etc' 카테고리의 다른 글

ASP Try Catch 사용 (0)	2013.01.07
jsbin 설치 ( HTML, CSS, Javascript 디버깅 테스트 ) (0)	2012.12.04

데브구나