본문 바로가기

Web개발

(12)
코드이그나이터(codeigniter) 개발 및 실습 환경 세팅 코드이그나이터(codeigniter) 개발 및 실습 환경 세팅 오랜만에 php를 하는데 내가 일단은 php를 별로 좋아하진 않는데 코드이그나이터를 넣으면 그래도 좀 할만해진다. 그런데 이 {} 중괄호를 엔터치고 쓰는 방식을 이거 개발자님께서 좋아하시는 것 같아서 여전히 좀 맘에 안들긴 하지만 암튼 나의 고갱님들께서 이걸로 고민을 하시길래 알려준다고 하면서 오랜 기억을 더듬으며 쓴다. 이건 개발환경이고 운영 환경은 좀 더 세심하게 세팅 해야하지만 일단 ci를 해볼려면 환경 구축을 빨리 하는게 유리하기 때문에 최대한 간단하게 할 수 있는 방법으로 소개해본다. 구조운영에는 /var/www/html/이 root이다.local에는 c:\git/project_name/이 root다. 진행 순서1.wnmp다운wnmp..
nginx에서 php ci(code igniter) 설정 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까지는 되는데 다른 contr..
php array와 array_push()와 json_encode php array와 array_push()와 json_encode restful api를 구현하기 전에 php로 db select를 하고 json_encode로 restful처럼 쓸 수 있게 구현을 할 경우에 위 세가지가 필요하다. 1234567891011121314151617181920212223242526272829303132Colored by Color Scriptercs end.
HTML CSS로 frame layout 만들기 예제 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..
어제 날짜 "YYYY-mm-dd"꼴로 구하는 함수 어제 날짜 "YYYY-mm-dd"꼴로 구하는 함수 function getYesterDayDate($s_date){ //return the date of yesterday using string format that 'Y-m-d'. $yesterday = date_create_from_format('Y-m-d', $s_date); $yesterday->sub(new DateInterval('P1D')); $s_yesterday = date_format($yesterday, 'Y-m-d'); return $s_yesterday; } 아래 과정으로 구함 date String -> Date -> sub 1 day -> date String end.
css로 index 화면 만들기 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 두 줄로 배치 하는 방법 예제 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 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..