IT 개발 피드
이 방법은 CSS3에서 지원되는 내용입니다. div_A라는 요소의 width 속성이 100%이고, 여기서 150픽셀만큼 빼고 싶은 경우를 가정하겠습니다. 예전같았으면 자바스크립트를 이용해 100%로 설정된 width의 실제 픽셀수치를 구한 후에 150픽셀을 빼는 방법을 사용했습니다. 한마디로 번거로웠죠. 하지만 CSS3가 많이 사용되고 있는 현재, 그런 번거로운 작업을 하지 않으셔도 됩니다. #div_A {width:calc(100% – 150px);} 위 처럼 한줄이면 됩니다. calc라는 함수인데요. 이름만 들어도 알 수 있듯 수치를 계산해줍니다. 상이한 단위와 상관없이 말이죠. 예제에서는 %와 px간의 계산이었지만 em, pt, mm 등등 css에서 사용되는 모든 단위를 사용할 수 있습니다….
외부 연동 작업을 하다보면 크로스 도메인과 관련된 에러가 자바스크립트 콘솔창에 출력되는 경우를 보게 됩니다. 이 문제를 해결하기 위해서는 많은 방법이 있지만 이번에는 httpd.conf 를 수정하여 해결하는 법을 소개합니다. 간단합니다. 아래 코드를 httpd.conf 에 넣어주시면 됩니다. <IfModule mod_headers.c> Header set Access-Control-Allow-Origin “*” </IfModule> 2번째 라인의 내용만 넣어도 사실상 무관합니다. 1번째, 3번째 줄은 mod_headers.c 가 존재하는지 체크하는 부분이고 있을때만 코드를 실행하겠다는 내용입니다. 그런데 많이 궁금해 하시는 부분이 있습니다. httpd.conf 어느 부분에 넣어야 하는지… 고민이 되시는 경우에는 DocumentRoot 정의 된 부분 아랫줄에 넣어주시면…
문자열을 정규화 패턴으로 검색 하는 경우 많이 사용하는 ereg/eregi 함수입니다. 하지만 PHP 5.3 이후 버전에서는 deprecated 라는 에러 레벨이 추가되면서 ereg 함수 사용시 “ereg() is deprecated” 라는 오류를 발생시키게 됩니다. 엄밀하게 따진다면 이는 오류가 아닌 경고성 메세지이며 PHP 6에서는 사라지는 함수이니 주의하라는 의미입니다. 이미 PHP 5.x 버전으로 복잡하게 구현된 경우는 php.ini의 error_reporting에서 deprecated 레벨에 대해 예외처리로 메세지가 출력되지 않게 할 수 있겠지만 향후 유지관리/상위버전 호환성을 위해 ereg/eregi 함수를 사용하지 않는 것을 권장 합니다. ereg 함수를 대신 해 사용가능한 함수는 preg_match…
* 본 내용은 CentOS 6.4 기준으로 작성되었습니다. OS 종류에 따라 방법이 다를 수 있으니 참고 바랍니다. php에서 암호화 작업을 할 때 필요한 Mcrypt 모듈을 설치하는 방법을 간단하게 정리합니다. 설치방법은 yum을 이용한 패키지 방식입니다. 1. 우선 EPEL 저장소를 설치합니다. # wget http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpm # wget http://rpms.famillecollet.com/enterprise/remi-release-6.rpm # rpm -Uvh remi-release-6*.rpm epel-release-6*.rpm 여기서 HTTP request sent, awaiting response… 200 OK 메세지가 출력되지 않고 wget: unable to resolve host address.. 메세지가 나온다면 다시 명령을 시도해주세요. 2. yum을 업데이트 한 후 Mcrypt 모듈을 설치합니다….
제 블로그 서버가 하루 정도 장애가 있었습니다. 그나마 캐시 파일 덕분에 장애가 있었음에도 불구하고 일부 정상 동적이 되었지만 반대로 덕분에 문제를 바로 파악하지 못했었습니다. 증상은 이러 했습니다. 서버 재부팅 후 MySQL 데몬이 시작 되지 않음. 아파치는 문제 없음. MySQL 데몬을 start하면 성공/실패 결과가 출력되지 않고 반응이 없었습니다. 이때 MySQL 로그를 확인해보기로 했습니다. tail /var/log/mysqld.log vim이나 cat으로 확인해봐도 무관합니다. 자, 로그를 확인해보니.. [ERROR] Can’t start server: can’t create PID file: No space left on device 이 부분이 눈에 확 들어왔습니다. 하드디스크…
보통 다운로드 기능을 구현할 때 header에 파일 정보를 실어 보내도록 합니다. CI(Code Igniter) 프로젝트를 진행하면서 생긴 문제 였는데 IE 계열에서만 한글명 파일이 깨지는 현상이 있었습니다. 때문에 IE인 경우에만 header를 다르게 처리해줘야 하는 상황이 발생 했습니다. 간단하게 정리하자면 아래와 같습니다. 1. 파일 이름은 UTF-8이 아닌 EUC-KR로 변환 필요 2. Cache-Control: no-cache, must-revalidate 헤더 대신 Cache-Control: must-revalidate, post-check=0, pre-check=0 으로 사용 3. Pragma: no-cache 헤더 대신 Cache-Control: no-cache, must-revalidate 으로 사용 아래는 적용 코드 입니다. // IE인지 HTTP_USER_AGENT로 확인 $ie = isset($_SERVER[‘HTTP_USER_AGENT’]) && (strpos($_SERVER[‘HTTP_USER_AGENT’], ‘MSIE’) !==…
부가 설명 필요없이 사용법만 포스팅 합니다. <script type=”text/javascript”> $(document).ready(function(){ $(document).mousemove(function(e){ console.log(e.pageX + ‘, ‘ + e.pageY); }); }); </script> 마우스 포인터가 움직일때마다 이벤트가 발생하며 console창에 X, Y 값을 표시 해줍니다. 이 녀석의 활용방법은 무궁무진 합니다. 그렇기 때문에 자세한 설명은 생략 하겠습니다.
제목이 의도치 않게 좀 어렵게 정해졌네요. 짧게 쓰려다 보니.. 풀이하자면 이렇습니다. 보통 체크박스는 하나만 둘 수 있지만 라디오버튼은 보통 한 필드에 여러개를 사용하죠. 이를테면 성별 필드에서 남자/여자 를 선택할 때를 대표적인 예로 들 수 있습니다. 여기서 그럼 아래와 같이 html 이 코딩되어 있다고 가정하겠습니다. <label><input type=”radio” name=”gender” class=”field_gender” value=”1″ /> 남자</label> <label><input type=”radio” name=”gender” class=”field_gender” value=”2″ /> 여자</label> 여기서 jquery를 이용해 남자 또는 여자를 체크하고 싶습니다. 어떻게 해야할까요? 보통 여기서 쉽게 해결하기 위해 각각의 id를 부여하겠죠. 하지만 좀 더 지능적인…
얼마 전 facebook 플러그인을 이용해 timeline에 포스트를 공유해봤습니다. 공유가 잘된다 싶더니 원하지 않는 사진이 포스트와 함께 facebook에 게시가 되는 현상이 발생했습니다. 개발에 관한 포스트 내용인데 우리 아이 사진이 타이틀로 올라오는 문제가 생긴거죠. 그래서 facebook 디버그 페이지에서 점검을 해보니 웹사이트 메타 데이터에 이미지가 없어 facebook에서 사용가능한 사진을 무작위로 선택해 타이틀로 사용되고 있었습니다. 블로그 로고가 있는데 불구하고 사용이 안되고 있었던 것입니다. 이런 경우 점검 방법은 아래와 같습니다. 1. https://developers.facebook.com/tools/debug/ 에서 자신의 URL을 입력 2. Object Properties 의 og:image 가 정상적으로 나오는지 확인 3. 정상적으로…
매우 간단한 방법입니다. 일주일에 한 번씩 서버를 재부팅해줘야 하는 상황이 생긴다면 매번 수동으로 할 필요 없이 cron을 이용해 자동으로 재부팅 시킬 수 있습니다. 1. cron 편집모드 실행 # crontab -e 2. cron 명령 추가 59 23 * * 1 reboot -f 3. 명령이 추가되었으면 Shift + ZZ 로 저장하고 나가기 4. cron 서비스 재시작 # service crond restart 2번 항목에서 명령에 대한 설명을 추가 드리자면 “매주 월요일 23시 59분 강제(-f) 재부팅(reboot) 실행” 입니다. 5번째 인자의 1은 월요일이라는 뜻으로 쉽게…