뷰티풀 프로그래밍

코드이그나이터(codeigniter) 개발 및 실습 환경 세팅 오랜만에 php를 하는데 내가 일단은 php를 별로 좋아하진 않는데 코드이그나이터를 넣으면 그래도 좀 할만해진다. 그런데 이 {} 중괄호를 엔터치고 쓰는 방식을 이거 개발자님께서 좋아하시는 것 같아서 여전히 좀 맘에 안들긴 하지만 암튼 나의 고갱님들께서 이걸로 고민을 하시길래 알려준다고 하면서 오랜 기억을 더듬으며 쓴다. 이건 개발환경이고 운영 환경은 좀 더 세심하게 세팅 해야하지만 일단 ci를 해볼려면 환경 구축을 빨리 하는게 유리하기 때문에 최대한 간단하게 할 수 있는 방법으로 소개해본다. 구조 운영에는 /var/www/html/이 root이다. local에는 c:\git/project_name/이 root다. 진행 순서 1.wnmp다운 ..

nginx에서 php ci(code igniter) 설정 wnmp나 nginx를 올리고 거기에 php 코드이그나이터(이하 ci)를 쓸려고 할 때 발생하는 문제점을 겪어 이 글을 씁니다. 결론적으로 nginx.conf에서 server{ } 에 아래 세줄의 코드를 넣으면 해결이 됩니다. if (!-e $request_filename ) { rewrite ^(.*)$ /index.php last; } 발생하는 문제점을 뭐냐면 ci가 controller를 호출 할 때 index.php/welcome 이런식으로 index.php뒤에 /를 붙이고 welcome(컨트롤러 이름)을 붙히는데 이게 nginx에서는 위에 세줄을 안넣으면 잘 안되기 때문입니다. index.php로 접속하면 welcome까지는 되는데 다른 c..

php array와 array_push()와 json_encode restful api를 구현하기 전에 php로 db select를 하고 json_encode로 restful처럼 쓸 수 있게 구현을 할 경우에 위 세가지가 필요하다. 1234567891011121314151617181920212223242526272829303132Colored by Color Scriptercs end.

Html css로 frame layout 만들기 예제 HTML에서 Frame을 사용하지 않고 CSS를 이용해서 위와 같은 layout을 만들 것이다. 간단히 설명을 해보자면 위 레이아웃은 div가 총 4개 들어간다. 3개 처럼 보이겠지만 4개다. 1.(뢰퍼)위 그림에서 맨 바깥쪽 까만색 테두리이다. 전체 layout을 감싸는 역할을 한다. 2.(탑)위 그림에서 맨 위에 분홍색이다. wrapper안에 들어간다. 3.(메뉴)위 그림에서 왼쪽 초록색 부분이다. wrapper안에 들어간다. 4.(컨텐츠)위 그림에서 오른쪽 약간 회색으로 칠해진 부분이다. wrapper에 들어간다. 소스코드는 아래와 같다. .wrapper{ width:900px; height:500px; padding:10px; backgroun..

css로 index 화면 만들기 body{ background-color: #eeffcc; } #div_top{ width:1000px; height:50px; background-color: #defacc; } #div_leftMenu{ float:left; width:100px; height:800px; background-color: #ffeecc; } #div_detail{ float:left; width:900px; height:800px; background-color: #eeccff; } 위 css 소스코드로 아래와 같은 화면을 만들 수 있다. 우리가 프레임셋을 하도 많이 쓰기도 했고 기본적으로 메뉴가 있고 내용이 있는 구성은 기본이므로 이런 화면을 많이 쓴다. 근데 html frame태그로..

CSS 두 줄로 배치 하는 방법 예제 http://oceanfog3.mireene.com/Hospital/hello.html 아래 화면과 같이 늘렸을 때는 늘어나고 줄였을 때는 아래로 내려가고 특정 크기 이하로 줄어들지 않도록 HTML5 객체를 CSS를 이용하여 배치하는 법을 알아보자. 줄이면 아래로 촤라락 내려간다. 줄여도 특정 크기 이하로 줄어들지 않는다.(400px) 하는 방법은 세가지 요소를 이용하면 된다. float:left; clear:right; min-width:400px; 아래 소스코드를 보면 div id="div03" 이라고 되어 있는 부분이 있다. 여기에 clear:right; 속성만 추가해 주면 된다. 그러면 아랫줄에 나와야 하는 객체가 더이상 첫번째 줄에 달라붙지 않는다. 자세한건..

05 CSS로 Positioning 하는 법을 알아보자 - clear:both clear:both는 특정 객체가 깨끗하게 한줄을 전부 차지하도록 하는 속성이다 아래와 같이 flot:left로 되어있던 객체들을 아래와 같이 article3이 한줄을 모두 차지하도록 바꾸어 보자. #article03을 보자. position속성을 clear:both로 주었다. section{ width:300px; } #article01{ float:left; width:100px; height:100px; background:#3E454C; } #article02{ float:left; width:100px; height:100px; background:#2185C5; } #article03{ clear:both; widt..

04 CSS로 Positioning하는 법을 배워보자 - float:left float는 사전을 보면 '떠가다'라는 뜻이 있다. 단어 뜻 대로 객체가 담겨있는 영역의 크기에 따라 떠다닌다. 'article'객체 5개가 담겨있는 영역이 하늘색 배경의'section'이다. section의 넓이를 200으로 주었다. 'article'객체는 100*100px의 크기이다. section{ width:200px; } #article01{ float:left; width:100px; height:100px; background:#3E454C; } #article02{ float:left; width:100px; height:100px; background:#2185C5; } #article03{ float:left;..

css로 positioning하는 법을 배워보자 - position:static 관련글2013/03/11 - [Web개발/Web Standard] - 04 CSS로 Positioning하는 법을 배워보자 - float:left positioning옵션은 크게 3가지이다.static, relative, absolute. css에 적용하는 방법은 아래와 같다.position:static;position:relative;position:absolute; static1234567891011121314151617181920212223242526272829303132333435#article01{ position:static; width:100px; height:100px; background:#3E454C;}#a..

02 Open API 시작하기 - App등록하기 Open API를 이용하려면 Access Token이라는 code를 받아야 한다. Access Token받는 법을 알아보자. 01.App 등록하기Access Token을 받으려면 Facebook이나 Nate같은 자료 제공 업체에 Access Token을 받을 주소를 등록해야 한다. Access Token은 등록한 주소로만 발급이 되기 때문에 꼭 해주어야 한다.이 과정을 'App 등록'이라고 한다. 네이트 개발자 센터에 가서 'App'등록을 해보자.아래 주소로 접속해보자.https://developers.skplanetx.com/접속하면 이런 화면이 나온다. 일단 Nate ID가 있어야 하고 그 아이디를 가지고 개발자 센터에 등록을 해야한다. 가입할 것 있으..