이벤트 처리 시 사용하고자 하는 변수가 전역변수라면 상관이 없지만 지역변수인 경우 인자로 정의를 해주어야 합니다. 전역변수를 .on 이벤트 핸들러에서 사용 시 color = “red”; $(“#my_btn”).on(“click”, function(){ console.log(color); }); //return “red” 지역변수를 .on 이벤트 핸들러에서 사용 시 var color = “blue”; $(“#my_btn”).on(“click”, {param_color : color}, function(event) { console.log(event.data.param_color); }); // return “blue” 이벤트 타입 인자 뒤에 JSON 형태로 파라미터를 추가해주시면 위와 같이 지역변수값을 전달받을 수 있습니다.
iOS를 사용하는 아이폰이나 아이패드에서 사파리로 작업된 웹페이지를 확인하면 의도와 다르게 결과물이 나오는 경우가 있습니다. 그 중 대표적인 것이 폼 버튼 부분입니다. input button이나 submit과 같은 버튼 타입 컨트롤은 iOS에서 고정된 기본 스타일로 표시되도록 적용되고 있습니다. 그래서 버튼에 아무리 css 속성을 주어도 width, height와 같이 사이즈만 변할 뿐 외형 자체는 변경이 되지 않습니다. 이때 이 기본 스타일을 제거하는 방법은 css 한줄로 해결할 수 있습니다. 아래 예시는 submit 타입 버튼 컨트롤에 대한 적용 방법입니다. input[type=submit] {-webkit-appearance:none;} 이렇게 -webkit-appearance:none; 속성을 부여하면 iOS의 기본…
얼마전 아이폰을 분실한 바람에 아이폰 시뮬레이터로 브라우저 테스트를 하고 있습니다. 방법은 간단하나 필요할때마다 잊어버리기 쉬운 부분이라 메모성으로 포스팅합니다. Xcode를 실행합니다. 아무 프로젝트를 열어 아이폰 시뮬레이터를 실행합니다. 시뮬레이터가 실행되면 Command + Shift + H를 눌러 홈화면으로 빠져나옵니다. 사파리를 실행합니다.
평소에도 궁금했지만 자세히 찾아보지 못해 이제야 정리를 해봅니다. 테이블의 컬럼 수가 10개 내외라면 문제가 되지 않지만 많은 수의 컬럼을 지닌 테이블의 경우 유용합니다. 예를 들어 컬럼의 수가 30개인 테이블이 있는데 하나의 컬럼만 제외하고 나머지 29개를 셀렉트하고자 합니다. 이때 보통은 29개의 컬럼을 셀렉트 구문에 모두 입력합니다. 분명 방법이 있을텐데 검색을 해보면 방법이 없다라는 글 밖에 보이지 않더군요. 하지만 방법이 있습니다. (없을리가 없죠…) 일반적인 쿼리문으로는 어렵고 사용자 정의 변수(User-Defined Variable)과 몇가지 내장함수를 사용하는 것으로 해결 할 수 있습니다. 처음엔 어려워 보이더라도 하나하나…
파일 수정 로그를 확인하는 방법 두 가지를 정리해봅니다. git log –follow [파일명] : 해당 파일의 커밋 메세지, 커밋한 사용자, 커밋 일자에 대한 히스토리를 간략한 리스트로 보여줍니다. git log -p [파일명] : 해당 파일의 커밋 메세지, 변경된 소스 내역, 커밋 일자에 대한 히스토리 상세 내역을 보여줍니다. : 전체 소스가 보여지기 때문에 읽기 모드로 진입하여 보여지는데 이때 Space를 누르면 다음 화면으로 이동되고 q를 누르면 화면이 종료됩니다.
흔히 버튼을 클릭하여 스크롤을 부드럽게 이동시키는 효과는 animate를 이용하여 scrollTop 속성을 변화시킵니다. 이때 IE에서는 코드가 동작하지 않는 경우가 있습니다. 아래 코드는 IE에서 동작하지 않습니다. $(‘html body’).animate({‘scrollTop’ : 0}); scrollTop 속성에 0을 부여해 문서를 최상단으로 이동시키는 스크립트 입니다. 크롬이나 파이어폭스에서는 동작하지만 IE에서는 동작하지 않습니다. 그렇다면 이 코드를 동작하도록 수정해보겠습니다. $(‘html, body’).animate({‘scrollTop’ : 0}); 크게 바뀐 부분은 없습니다. 셀렉터 부분이 “html body”에서 “html, body”로 변경된 것 뿐입니다. IE에서는 “html body” 셀렉터를 인식하지 못하는 문제를 가지고 있는 것으로 보입니다. 더 정확하게는 body…
비트 연산을 이용해 여러 상태 값을 처리하는 방법을 소개합니다. 비트 연산하면 떠오르는 패턴의 수열이 있습니다. 1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024 .. 와 같은 공비가 2인 등비수열.. 이제 이 값들을 식재료에 매칭시켜 예를 들어보겠습니다. // $food 라는 배열에 식재료를 정의 $food = array( 1, // 파 2, // 마늘 4, // 간장 8, // 고추장 16, // 김치 32, // 햄 64, // 설탕 128, // 후추 256, // 소금 512, // 고춧가루 1024,…
영문, 숫자 인 경우 SELECT LENGTH([대상 필드]) FROM [테이블]; 한글(멀티바이트 문자)이 포함된 경우 SELECT CHAR_LENGTH([대상 필드]) FROM [테이블]; 이를 응용해서 조건문에 사용 할 수 있습니다. SELECT * FROM [테이블] WHERE LENGTH([대상 필드]) = 4; 자리 수가 여러 종류인 코드 형식의 데이터 중 원하는 길이의 코드만을 셀렉트 해올 때 유용합니다.
두 테이블 간 1:1 매칭이 되는 키값을 비교하여 레코드 차이가 있는지 확인해볼 수 있는 쿼리 입니다. /* 원본 테이블 : tableA (비교 필드 : fieldA) 비교 테이블 : tableB (비교 필드 : fieldB) */ SELECT b.fieldB, a.fieldA FROM tableA a RIGHT OUTER JOIN tableB b ON a.fieldA = b.fieldB WHERE a.fieldA IS NULL;
처음으로 올리는 홍보성 포스트입니다. 제 친구들이 개인 프로젝트로 제작한 앱인데 제가 스플래시를 포함한 이미지 일부를 도와줬습니다. (숟가락 얹기 시전) 얼마 전 극심한 대기오염으로 외출도 힘든 시기에 미세먼지에 대한 정보를 쉽게 얻을 수 있도록 “가장 쉽고 빠르게”를 컨셉으로 제작했습니다. 그런데 앱 스토어에 등록된 이후에 대기상태가 좋아진 건 함정. 많은 피드백이 있으면 좋겠지만 우선 피드백이 있으려면 사용자부터 있어야 하므로.. (결혼 했냐는 질문 이전에 여자친구 있냐는 질문부터 해야하듯..)