IT 개발 피드
엘리먼트 Center 정렬 <div style=”width:100%; text-align:center;”> <div style=”width:500px; margin:0 auto; text-align:left”></div> </div> 텍스트 세로 정렬 (Vertical-align) <div style=”height:100px; line-height:100px; vertical-align:middle”> <span>some text</span> </div>
PHP 5.2 버전 이상에서 사용할 수 있는 방법입니다. 전 버전은 따로 json 파서 라이브러리를 참조하시거나 직접 구현하셔야 합니다. 데이터를 프론트 단에서 ajax처리를 하기위해 json형식의 데이터는 자주 사용됩니다. PHP 5.2버전부터는 json 데이터를 손쉽게 만들고 읽어들일 수 있습니다. //json_encode $array = array( ‘color’ => ‘red’, ‘shape’ => ‘circle’, ‘text’ => ‘some text’ ); $json_data = json_encode($array); //json_decode $array = json_decode($json_data, true); //json_decode result $array[‘color’] = ‘red’; $array[‘shape’] = ‘circle’; $array[‘text’] = ‘some text’;
화면의 스크롤을 맨 아래로 이동시 리스트가 추가 되는 이벤트 처리 방식입니다. 이벤트 처리를 위한 내용이기에 리스트를 뿌려주는 구현은 생략하겠습니다. $(window).scroll(function(){ if($(“input[name=eof]”).val() == “0”) { if(parseInt($(window).scrollTop() + $(window).height()) >= parseInt($(“#footer”).offset().top)) { //리스트 추가 함수 호출 } } }); 1. eof라는 이름의 input 엘리먼트는 리스트의 마지막 데이터가 출력되면 0에서 1로 값이 대입되어 데이터가 더 이상 없음에도 불필요한 호출을 막기 위함입니다. 2. eof 값이 0 (데이터가 존재 한다면) 화면의 스크롤과 화면 제일 하단에 있는 엘리먼트 (#footer)의 좌표값을 비교합니다. 스크롤이 #footer의 y좌표를 초과하면 함수가…
class Class_name extends CI_Controller { public function __construct() { $this->param = $this->input->post(NULL, true); } } POST로 들어오는 모든 값에 대해 XSS clean 처리를 해줌
js 함수가 존재할때만 실행시키고 싶다면 jQuery.isFunction(); 매소드로 확인이 가능합니다. jQuery.isFunction(window.함수이름); 이 메소드를 이용해 함수를 체크하고 유효할때만 실행시킬 수 있습니다. var isFunc = jQuery.isFunction(window.함수이름); if(isFunc == true) { 함수이름(); };
정적인 엘리먼트는 selector(선택자)를 이용해 쉽게 컨트롤하거나 이벤트를 적용할 수 있습니다. 예를 들면.. $(“#button”).click(function() { [처리 로직] }); 하지만 이 방법이 먹히지 않는 경우가 있습니다. 바로 jQuery의 append()나 html() 과 같은 메소드들을 통해 유동적으로 추가된 엘리먼트들입니다. 해결 방법은 아래와 같습니다. $(“#button”).live(“click”, function(){ [처리 로직] }); 하지만 1.7버전 이후에서는 live() 메소드는 사용할 수 없습니다. 대신 아래 방법으로 사용할 수 있습니다. $(document).on(“click”, “#button”, function(){ [처리 로직] }); 이는 iOS등의 모바일 디바이스에서 동작이 잘 되지 않는 단점을 개선한 방법이라고 합니다.
jQuery를 사용하다보면 특정 선택자의 갯수를 가져와야하는 경우가 생깁니다. 보통 같은 성격의 요소들을 일괄적으로 처리하기 위해서 많이 사용됩니다. 사용 방법은 간단합니다. $([선택자]).length(); 예: $(“.sample”).length(); => 결과 : 5
간단한 구문이지만 자주 쓰이지는 않아서 간혹 문법이 기억나지 않는 경우가 생기네요. 최근으로부터 1주일 혹은 3일 내에 작성된 레코드를 SELECT하는 간단한 쿼리입니다. SELECT * FROM [user_table] WHERE [date_column] >= DATE_ADD(NOW(), INTERVAL -3 WEEK); 위 쿼리문은 [user_table]에서 [date_column]에 들어있는 날짜가 현재(NOW())로부터 3주 이내에 해당하는 레코드를 가져온다는 내용입니다. INTERVAL 뒤에 기간값(-n 혹은 n)과 기간 타입을 지정해주게 되는데요 기간 타입은 WEEK 말고도 다양합니다. Type Value MICROSECOND SECOND MINUTE HOUR DAY WEEK MONTH QUARTER YEAR SECOND_MICROSECOND MINUTE_MICROSECOND MINUTE_SECOND HOUR_MICROSECOND HOUR_SECOND HOUR_MINUTE DAY_MICROSECOND DAY_SECOND DAY_MINUTE DAY_HOUR…
자주 쓰이는 방법이지만 외울 수도 없고 매번 검색하기도 귀찮아 포스팅합니다. /* CSS Document */ /* here follows the brillant “no-extra-markup” clearing method devised by Tony Aslett – www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */ /* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: “.”; /* the period is placed on the page as the last thing before the div closes */ display: block;…
MySQL을 초기에 인코딩에 별도 세팅없이 설치하면 대부분 latin1으로 설치 됩니다. 이 경우에 한글 데이터를 Insert하거나 Update 시 깨지게 됩니다. 이를 해결하기 위해서는 데이터베이스 인코딩 속성을 모두 UTF8로 잡아주어야 합니다. 아래처럼 my.cnf 파일을 수정해줍니다. 아래 설정 변수가 없다면 추가해줍니다. # vi /etc/my.cnf [client] default-character-set = utf8 [mysqld] init_connect = SET collation_connection = utf8_general_ci init_connect = SET NAMES utf8 default-character-set = utf8 character-set-server = utf8 collation-server = utf8_general_ci [mysqldump] default-character-set = utf8 [mysql] default-character-set = utf8 my.cnf 파일을 수정이 됐다면 # service…