2014년 5월 30일 금요일

django 프로젝트를 mysql로 연결하고 mysql-workbench로 보기

이 과정은 앞서 우분투에 설치한 django project를 기준으로 진행되었다.
(링크 : http://greenyant.blogspot.kr/2014/05/django.html )

먼저 mysql을 설치한다.
sudo apt-get -y install mysql-server mysql-client

설치 도중 root 비밀번호 입력이 뜬다.
본 예제는 "1111" 을 사용하였다.
앞으로 비밀번호를 사용하는 것을 보여줘야하기 때문에 단순한 비번을 사용하였다.

설치 후 아래 명령으로 동작 확인.
mysql -u root -p
(비번 입력)


















mysql-workbench를 우분투 소프트웨어 센터에서 검색해서 설치한다.












더 많은 정보를 누르면 아래 그림과 같이 자세한 정보를 볼 수 있다.
설치하고나서 실행할 때는 설명에 써있는 것처럼 터미널에서
mysql-workbench 명령어를 입력한다.



















mysql workbench를 실행하면 아래와 같은 화면이 뜬다.
로컬에 설치한 mysql로 연결하기 위하여 "New Connection"을 누른다.


























여기서 나는 Connection Name에 "localDB"라고 입력 했음.

















그러면 아래와 같이 메인창에 방금 만든 localDB 가 뜬다.
떠블 클릭해서 입장~




















처음에 기본적으로 만들어져있는  SQL File 창에 SQL 문을 입력하고 번개 표시를 누른다.
아래와 같이 현재 설치되어 있는 데이터 베이스를 보는 명령을 실행하면
아래에 표로 표시가 된다.


















확인이 되었으면 쿼리문을 아래와 같이 보내어
django_db(임의로 지정한 것임)를 만든다.
오른쪽 SCHMAS에 새로고침을 눌러 생성한 DB를 확인한다.












여기서 django_db의 encoding을 맞추어 준다.
이부분을 설정하지 않으면 나중에 만들 테이블에도 문제가 생겨
django의 admin페이지에서 한글로 수정하지 못하는 웃지 못할 일이 벌어진다.


Apply버튼을 누르면 실행할 SQL문이 나오는데,
사실 이 SQL만 따로 실행해도 된다.



드디어 만들어 놓은 django project를 사용하자.
Aptana Studio에 올려서 하는 방식으로 설명한다.
이것은 아래 링크를 통해 설치하는 것을 볼 수 있다.
(링크 : http://greenyant.blogspot.kr/2014/05/aptana.html )

Aptana Studio를 실행해서 Import Project를 통해 앞서 만든 django 프로젝트를 연다.



















열었으면 setting.py 문서를 열어 DATABASES 설정을 아래와 같이 바꾼다.
mysql에서 설정했던 것으로 맞추어 주는 것이다.





















설정을 마쳤으면 터미널에서 아래와 같은 명령으로 mysql DB로 연결시킨다.

source /home/ubuntu/webapps/main_env/bin/activate (가상환경 실행)
pip install mysql-python (mysql-python 설치)
python ~/webapps/hello_django/manage.py syncdb (syncdb로 DB 연동)

syncdb 할 때, 아래와 같이 생성되는 table을 볼 수 있으며
관리자로 사용할 계정을 만들게 된다.

여기서는 greenyant으로 만들었다.



스키마를 새로고침하여 table이 올라간 것을 확인할 수 있다.




















아래와 같이 SQL문을 통하여 auth_user에 greenyant 계정이 들어와 있는 것을 알 수 있다.



이번엔 만들어진 table 간의 상관관계를 보기위하여
mysql workbench 기능 중 EER model을 사용한다.

아래와 같이 다시 홈 화면으로 다시 돌아가
"Create EER Model From Existing Database"를 실행한다.










아래와 같이 몇가지 세팅을 하고나면






















아래 그림처럼 정렬되지 않은 모델을 볼 수 있는데,




























이를 잘 정렬하면 아래와 같은 관계를 볼 수 있다.



참고 : "

How to create EER Diagram with MySQL WorkBench"

유튜브 영상 - http://www.youtube.com/watch?v=v5Q0lz5FkW0

우분투에 django 설치하고 실행해보기

이 과정은 ubuntu 데스크 탑 버전에 올리는 것을 기준으로 하였다.(id : ubuntu)
(링크 : 우분투 설치&설정 - http://greenyant.blogspot.kr/2014/05/ec2.html )

apt-get 설정 업데이트
sudo apt-get update
sudo apt-get -y upgrade

연관 라이브러리 설치
sudo apt-get -y install build-essential python-all-dev python-dev python-setuptools libpq-dev libev-dev
sudo easy_install pip
sudo apt-get -y install libmysqlclient-dev

가상환경 설정
sudo apt-get -y install python-virtualenv
virtualenv /home/ubuntu/webapps/main_env

가상환경 설정하면서 webapps 폴더도 생성 되었다.
이곳을 개발용으로 사용한다.

가상환경 실행
source /home/ubuntu/webapps/main_env/bin/activate

django 설치
pip install django

hello_django라는 이름으로 django 프로젝트 생성 및 실행
cd webapps
django-admin.py startproject hello_django
cd hello_django
python manage.py syncdb

python manage.py runserver

브라우저에서 127.0.0.1:8000으로 확인



























연관글 :
django 프로젝트를 mysql로 연결하고 mysql-workbench로 보기
http://greenyant.blogspot.kr/2014/05/django-mysql-mysql-workbench.html

2014년 5월 29일 목요일

우분투에 mezzanine 설치하고 실행해보기

참고 링크 :
https://github.com/stephenmcd/mezzanine

이 과정은 ubuntu 데스크 탑 버전에 올리는 것을 기준으로 하였다.(id : ubuntu)
(링크 : 우분투 설치&설정 - http://greenyant.blogspot.kr/2014/05/ec2.html )

apt-get 설정 업데이트
sudo apt-get update
sudo apt-get -y upgrade

연관 라이브러리 설치
sudo apt-get -y install build-essential python-all-dev python-dev python-setuptools libpq-dev libev-dev
sudo easy_install pip
sudo apt-get -y install libmysqlclient-dev

mezzanine 의존 라이브러리 설치
sudo apt-get install libjpeg8 libjpeg8-dev
sudo apt-get -y build-dep python-imaging

가상환경 설정
sudo apt-get -y install python-virtualenv
virtualenv /home/ubuntu/webapps/mezza_env

가상환경 설정하면서 webapps 폴더도 생성 되었다.
이곳을 개발용으로 사용한다.

가상환경 실행
source /home/ubuntu/webapps/mezza_env/bin/activate

mezzanine 설치
pip install mezzanine

hello_mezza라는 이름으로 mezzanine 프로젝트 생성 및 실행
cd webapps
mezzanine-project hello_mezza
cd hello_mezza
python manage.py createdb --noinput
python manage.py runserver

브라우저에서 127.0.0.1:8000으로 확인


우분투 데스크탑에 Aptana 설치

우분투 설치 관련 글 :
http://greenyant.blogspot.kr/2014/05/ec2.html

먼저 jre6를 설치한다.
우분투 소프트웨어 센터에서 설치할 수 있다.

터미널에서 git 설치를 한다.(Aptana 기본 지원기능)
sudo apt-get -y install git

aptana.com에서 다운로드(저장으로 받는다. 열기로하면 오류 가능)하여
내폴더에 압축을 푼다(드래그&드롭 가능).















바탕화면에 바로가기 만들기













python 사용자의 경우
Window - Properties - PyDev - Interpreter-Python에서 Auto config 실행


EC2 서버 테스트용으로 사용할 가상 머신 설치

앞으로 진행할 서버 관련 세팅을 테스트하는 가상머신을 세팅하고자 한다.

가상머신 프로그램으로는 Virtual Box을 사용하였고
OS는 Ubuntu 12.04 데스크탑 용으로 사용하였다.
(14.04가 지금 나온 상황이지만 아직 불안정하단 판단)

내 세팅의 경우 :
한국어 용으로 설치(apt-get 서버로 한국이 잡힌다.)
메모리 크기 - 1024MB
VDI 가상 하드 사용
계정 이름 - ubuntu로 세팅(EC2 설치시 아이디와 같음. 다른 세팅은 디폴트사용, 암호입력)

OS 설치완료 후,
메뉴 ) Devices - Insert Guest Addition CD image 실행
설치 완료 후 재부팅(화면 사이즈에 따라 해상도 변화 확인)

메뉴 ) Devices - 클립보드 공유 - 양방향 설정

터미널 실행하여 apt-get update하고 upgrade함.
sudo apt-get update
sudo apt-get -y upgrade









업데이트 관리자 설치











이 상태로 가상머신을 종료하고,
추가적인 작업(개발 시작)은 가상 머신을 복제해서 사용한다.






복제 옵션은 완전한 복제를 사용한다.

복제 시간이 오래걸리긴 하지만,
개발 도중 다시 되돌리려면 다시 설치해야하는 수고보다는
복제해서 사용하는 것이 낫다.

2014년 5월 26일 월요일

Table 행 추가삭제 만들기

참고 :
http://stove99.tistory.com/93
http://www.freezner.com/archives/270
http://api.jquery.com/live/


행 추가 삭제 코드
 




2014년 5월 23일 금요일

HTML 코드를 타이핑해서 확인할 수 있게 하기

웹 상에서 TEXTAREA에 HTML 코드를 타이핑해서 바로 확인할 수 있게 한다.
아래 쪽 텍스트 박스에 HTML 코드를 타이핑하고 transform 버튼을 누르면 오른쪽에 바로 반영된다.


It's not working now.

위 코드는 아래와 같다.

코드



It's not working now.

2014년 5월 22일 목요일

HTML 코드 Blogger(Blogspot)에 게시하기


참고 : http://dragonraja2010.blogspot.kr/2011/01/test.html

SyntaxHighlighter을 적용하는 방식이다.

이 방식은 HTML  코드를 블로거에 나타내는 좋은 방식이지만,
editor 창이나, 미리보기로 안보이는 단점과
html, head, body 태그는 표현 못한다.

그래서 나는 html, head, body는 표현하지 않고
따로따로 코드를 게시하는 것이 낫다고 생각하고,

editor 창이나, 미리보기로 안보이는 단점은
table을 사용해서 나타내고자 한다.

사용하는 table 양식
 
....

사용하는 태그는 위와 같으나,
"글쓰기" 모드에서 표째 복사해서 붙혀넣기하고
"HTML" 모드에서 수정하면 됨..

먼저 "HTML" 모드에서 맨 처음 부분에 추가해야할 부분이다.

SyntaxHighlighter 설정 소스를 첨가




 



 















 



이것은 참조한 사이트와 정확히 일치한다.

그 다음으로 코드를 테이블 안에 코드를 첨부할 태그를 넣는다.

코드 첨부할때 사용할 태그
 ...


예제는 아래와 같다.

예제
예제코드
 안녕하세요. 푸른개미 블로그입니다.
    

결과
안녕하세요. 푸른개미 블로그입니다.

아래는 테이블을 복사해서 불힐 때 사용
제목을 입력하세요.