본문 바로가기
jQuery에서 checkbox의 click와 change event 차이 checkbox를 다룰때 click 이벤트와 change 이벤트 중 어떤 것을 사용해야 할지 고민할 때가 종종있다. jQuery를 이용하여 checkbox나 radio 버튼을 다룰 때 click 이벤트와 change 이벤트 중 어떤 것을 사용해야 할지 고민할 때가 가끔있다. 사소한 것이라 매번 확인하고 그냥 지나치고, 다음에 또 찾아보고... 그래서 이번에는 꼭 기억하기 위해 주저리주저리 적어본다. (자꾸 이야기 하면서 적다보면 머리에 남지 않을까?) 예제라도 만들어서 정상스럽게 포스팅하고 싶지만, 간단히 검색만 해도 관련된 내용은 많이 찾을 수 있다. 그중에서 하나를 소개하면... http://stackoverflow.com/questions/11205957/jquery-difference-betwee..
AMP 페이지 오류 수정 어떻게 하지? tistory에서 모바일스킨을 변경하고 나서 google에서 "AMP 페이지 오류 수정" 이라는 제목으로 메일이 계속 오고 있다. 가서 확인해 보면 액셀러레이티드 모바일 페이지(AMP) 라고.. 모바일에서 최적화된 환경을 제공하기 위해서는 이 블로그에서 뭘 고치라는거 같다. iframe이나 script는 허용되지 않는다고 한다. iframe은 youtube에서 동영상 공유할 때 사용하고 script는 애드센스 광고 삽입할때 사용하는데... 그걸 사용하지 말라니 뭐지? 먼저 액셀러레이티드 모바일 페이지(AMP) 에 관련해서 찾아봤다. https://www.ampproject.org http://www.bloter.net/archives/250056 대충 모바일에서 최적화 된 내용을 보여주기 위해서 여기저기..
구글 단축 주소 오류 긴 주소를 짧은 단축주소로 바꾸는 서비스는 여러가지가 있습니다. 구글에서도 https://goo.gl/ 를 통해서 서비스를 제공하고 있습니다. 그리고, 홈페이지에서 단축주소를 제공하기 위해서는 서버에서 구글의 단축주소 API를 이용하여 생성할 수도 있습니다. https://console.developers.google.com/ 에서 프로젝트 생성하고 API 만들고 진행하면 됩니다. 관련된 방법은 검색을 해보시면 여러가지 방법이 있습니다. 저도 그렇게 검색으로 확인한 소스를 참고하여 만들어 봤습니다. 아무리 봐도 api key 생성이나 소스에는 문제가 없는거 같은데 결과값은 아래와 같이 오류가 발생을 합니다. dailyLimitExceededUnreg, Daily Limit for Unauthenticat..
mysql 외부 접속이 안되는 경우 잘 되던 외부 접속이 안된다. 그동안 바뀐 내용은... 외부 접속 IP가 변경됐다. 그래서 mysql의 user, db 테이블의 Host 필드값을 변경했다. 그리고 권한도 재설정했다. flush privileges; 그래도 안된다. # mysql -hSERVER_IP -uroot -p Enter password: ERROR 2003 (HY000): Can't connect to MySQL server on 'SERVER_IP' (110) client에서 telnet 으로 3306포트에 대한 접속을 확인해 봤다. telnet SERVER_IP 3306Trying SERVER_IP...telnet: connect to address SERVER_IP: Connection timed out 거부(Connect..
Javascript: slice VS substring VS substr 자바스크립트로 문자열을 자르기 위해서는 Slice(), Substring(), Substr() 함수를 주로 이용합니다. 이 함수들은 서로 비슷비슷해서 헷갈리는 경우가 많습니다. 그래서 이번에는 slice, substring, substr에 대해서 간단히 정리해 봤습니다. 먼저 각각의 파라미터를 정리하면 다음과 같습니다. slice()는 시작부터 끝 substring()는 slice()와 비슷하지만 시작점이 0보다 작은 경우 조금 다른 결과를 보여줍니다. (자세한 결과는 아래에서 확인하세요.) substr()은 시작부터 길이. 먼저 기본 문자열 0123456789 에 대해서 각각의 함수를 적용하면 아래와 같은 결과가 나옵니다. slice()와 substring()의 경우 파라미터가 음수인 경우 서로 다른 ..
php urlencode javascript urldecode 가끔 php와 javascript 간에 인코딩, 디코딩을 해야하는 경우가 있어 정리해 봤습니다. 아래는 '부[공백]산'을 예로 확인해 본 결과입니다. ===== php ===== $txt = '부 산'; echo urlencode($txt); %BA%CE+%BB%EA echo rawurlencode($txt); %BA%CE%20%BB%EA echo urlencode(iconv('euc-kr', 'utf-8', $txt)); %EB%B6%80+%EC%82%B0 echo rawurlencode(iconv('euc-kr', 'utf-8', $txt)); %EB%B6%80%20%EC%82%B0 ===== javascript ===== escape('부 산') %uBD80%20%uC0B0 encodeURI('부 ..
php에서 mail 전송이 안되는 경우 급하게 서버를 옮겨야 되서 오랜만에 서버 세팅을 했습니다. 대충 세팅을 하고 이전 작업을 하는데 php에서 메일 발송이 안되었습니다. 분명 잘 돌아가는 소스였는데... 이리저리 찾다가 로그를 확인하니 퍼미션 오류가 발생하고 있었습니다. # cat /var/log/maillog # ls -all /var/spool/ 무식하게 퍼미션을 모두 허용하면 # chmod 777 /var/spool/clientmqueue 문제 없이 잘 동작합니다. 하지만 왠지 찜찜하고... 그래서 다시 검색을 했습니다. SELinux 설정하고도 문제가 있을 수 있다고 하는데 제가 작업하는 서버는 SELinux 설정 자체가 Disabled 상태라 해당되지 않았습니다. SELinux 문제 http://blog.hostonnet.com/..
iframe 자동 높이 조절 도메인이 같던지, 서로 다르던지 관계 없이iframe으로 연결한 문서의 길이에 따라 자동으로 iframe의 높이를 조절해 보겠습니다. 먼저 부모가 되는 도메인을 PARENT_URLiframe으로 연결되는 도메인을 CHILD_URL 으로 정하겠습니다. 먼저 parent의 적당한 위치에 다음 파일을 저장합니다. 저는 위 내용을 PARENT_URL/path/js/resizeIframe.html 에 저장하겠습니다. 그리고 parent 에서 child 를 연결해 보겠습니다. 저는 위 내용을 PARENT_URL/path/iframe_container.html에 저장하겠습니다. 그리고 child쪽에는 다음 내용을 저장하겠습니다. 저는 위 내용을 CHILD_URL/iframe_content.html에 저장하겠습니다. ..
데몬 ISO 만들기 CD나 DVD를 백업해야 할 때가 있습니다. CD/DVD 내용을 원본 그대로 백업하려면 ISO 이미지 파일을 먼저 만들어야 합니다. 그리고 CD/DVD 등을 만들기(보통 'CD/DVD를 굽는다'고 하죠) 위해서는 네로나 알콜 등의 프로그램이 필요합니다. 이런 프로그램은 보통 컴퓨터를 구매할 때나 CD/DVD 드라이브를 구매할 때 번들로 제공을 합니다. 이 프로그램을 이용해서도 ISO 파일은 만들 수 있습니다. 여기서는 간단히 데몬툴즈를 이용해서 ISO 파일을 만들고 가상드라이브를 이용해서 CD나 DVD로 굽지 않고 바로 사용하는 방법을 확인하겠습니다. 데몬툴즈 다운로드 데몬툴즈 홈페이지(http://daemon-tools.kr)에 접속하여 최신데몬툴즈를 다운로드 합니다. 데몬툴즈를 설치하면 디스크 이미지..
cafe24 압축파일 전송으로 트래픽 줄이기 지난번 글에서 apache + php 환경에서 서버에서 압축하여 전송하는 방식으로 트래픽도 줄이고 전송속도도 향상 시키자는 내용을 소개 했었습니다. 2013/11/01 - [분류 전체보기] - 서버에서 압축 전송하기 그런데... 오늘 실제 서비스에 적용했더니 트래픽이 초과 됐다는 메시지가 2시간 간격으로 와서 트래픽 리셋하고 원인찾고... 정말 정신이 없었습니다. 카페24(cafe24)에서 웹호스팅을 받고 있는데... 압축전송과 관련하여 문의를 해도... 문제가 없다는 답변만 하고... 그동안 서버호스팅으로 운영을 해서 트래픽량에 대해서는 크게 신경을 쓰지 않았습니다. 그래서 정말로 이렇게 트래픽이 많은 것인지... 압축 전송을 해도 서버상에서 압축 전 용량으로 계산이 되는 것인지 알 수가 없었습니다. ..
PHP POST 전송 데이터가 짤릴 때! 테스트할 때는 이상이 없었는데 실제 서비스를 하기 위해서 서버도 변경하고, 조금 수정도 했더니 문제가 생겼다. POST로 전송한 데이터가 아무런 에러도 없이 일부가 짤려서 전송되고 있었다. 보내는 곳에서는 문제가 없었는데 받는 곳에서 전송된 데이터를 다 받지 못 했다. 테스트할 때는 이상이 없었기 때문에 어디서부터 확인을 해야할 지 몰랐다. 일단 바뀐것은 서버뿐이니 서버쪽을 확인했다. 테스트는 PHP 4 버전이였고 카페24(http://www.cafe24.com)로 올린 실 서버는 PHP 5 버전이다. 그리고 SERVER_PROTOCOL이 테스트 서버는 HTTP/1.1 이고 카페24는 HTTP/1.0 이다. 먼저 SERVER_PROTOCOL 때문인가 해서 열심히 찾아 봤다. HTTP post 길이 제한?..
서버에서 압축 전송하기 cafe24 호스팅을 받고 있는데 대용량 텍스트 파일을 전송할 일이 생겼습니다. 그냥 사용할 경우 트래픽 제한에도 걸리고 사용자가 다운받는 시간도 오래 걸리기 때문에 '이 파일을 압축해서 전송하면 좋겠다' 생각하고 이리저리 찾아 봤습니다. 1. 서버(apache)단에서 압축전송 2. ob_gzhandler를 이용하여 압축전송 ( 전송할 페이지에 삽입하여 선택적으로 압축 ) 3. php 설정상에서 zlib.output_compression을 적용 (모든 php 파일에 압축 적용 ) 하는 방법들이 있다고 합니다. 각각의 성능은 비슷하니 어느 하나만 사용하는 것이 좋다고 합니다. ( http://www.xpressengine.com/userForum/20195629 ) 같이 사용할 경우 더 나쁜 결과나 의도하..
NetBeans IDE 7.4 에서 less 사용하기 NetBeans IDE 7.4가 나왔습니다. 최근에 Bootstrap를 보면서 less를 뒤 늦게 알게되었습니다. 하지만 NetBeans IDE 7.3.1에서는 지원하지 않아 highlighting도 지원되지 않아 임시로 css 타입으로 사용하고 있었습니다. NetBeans IDE 7.4부터는 less와 sass를 지원하고 있어 소개하려고 합니다. less와 sass에 대한 소개는 를 참고해 주세요. 부트스트랩에서 less를 사용하고 있어 저도 less를 NetBeans에 적용해 봤습니다. less를 css로 변경하기 위해서는 컴파일러가 필요 합니다. http://lesscss.org/ 에서 less.js를 다운받아 실시간 변환을 하면서 확인할 수도 있지만 이렇게 사용하려면 늦기도 하고 less에서 사용..
반야심경 듣기 불교를 믿지 않더라도 한번쯤 들어 봤을 반야심경(마하반야바라밀다심경)에 대해 소개합니다. 저희 어머니는 절에 다닌지 꽤 오래 되었는데요... 반야심경, 금강경, 천수경 등을 평상시에도 듣기 위해서 mp3 플레이어에 mp3파일로 저장하고 다니십니다. 유튜브에서 검색을 했더니 많은 스님들이 여러 버전(?) 등록되어 있어 무료로 들을 수 있습니다. 영인스님의 반야심경입니다. 송광사 저녁 예불 버전의 반야심경 독송입니다. 세민스님의 반야심경 독송입니다. [반야심경]의 원제인 《마하반야바라밀다심경》에서 ‘마하’는 크다·많다·뛰어나다·초월하다의 뜻이고, ‘반야’는 지혜·깨달음의 뜻이고, ‘바라밀다’는 저 언덕, 곧 열반에 이른다는 뜻이고, ‘심’은 핵심·진수이고, ‘경’은 성인의 가르침이자 피안으로 이르는 길을 뜻..
원더걸스 선예가 했다는 홈벌쓰란? 아침부터 실시간 검색순위에 홈벌쓰가 떠서 어떤 건지 찾아 봤습니다. 원더걸스의 선예가 홈벌쓰를 통해 득녀를 했다고 합니다. 홈벌쓰 = home birth 어떤 건지 아시겠죠? 맞습니다. 병원이 아닌 집에서 출산을 했다는 내용입니다. 옛날에는 산파 불러놓고 집에서 출산하는 경우가 많았습니다. 옛날 영화나 드라마에서도 산파가 와서 남편에게 뜨거운 물 준비하라고 하고, 물 끓여 오면 방에서 응애응애하며 아이가 태어나는 장면 보셨죠? 그게 홈벌쓰입니다. ^^ 분만형태에는 여러가지 있습니다. 자연분만, 제왕절개 수술, 가족분만, 유도분만, 무통분만, 르봐이예분만, 라마즈분만, 수중분만 등 참 많기도 합니다. labor - delivery by koadmunkee 제왕절개와 같은 수술적인 방법을 제외하면 대부분 산..
최고의 손떨림방지 카메라 최고의 손떨림방지 카메라를 소개 합니다. 이런 익스트림 스포츠(?)를 하다보면 손떨림 방지 기능이 무엇보다 필요하겠죠? 최근에는 흔들림 없는 좋은 화질의 멋진 영상을 만들기 위해 다양한 장비가 사용됩니다. 오늘은 최고의 손떨림 방지 카메라를 소개하려고 합니다. 힌트를 드릴까요? 이제 최고의 손떨림 방지 카메라 GALLUSCAM을 소개합니다. 잘 보셨나요? 네, LG G2 광고 였습니다. 약간 동물 학대처럼 보이기도 하지만 설마... 그냥 재미있는 영상이라 소개 봅니다.

티스토리툴바