iframe이 삽입된 부모 페이지의 주소에 따라 iframe 내부의 요소들 컨트롤

by H.F. Kais | 2015. 3. 30. | 0 comments

HTML 페이지 내에 iframe으로 삽입되는 페이지 내에서, 부모 페이지의 URL 주소에 따라 iframe 페이지 내의 요소들을 감추거나 수정하는 jQuery 코드. 주소 체크 자체는 그냥 자바스크립트 코드고 각 요소 컨트롤은 jQuery로 다루고 있다.

사이트 운영상 iframe을 쓸 일이 많은데, 문제는 iframe용으로 문서를 하나 만들어 놓고 이걸 여기저기서 다른 모양으로 쓰려 한다는 점. 웹페이지의 사이드바 같은 곳에 자주 쓰이는데, 가령 '영역 1~3'까지 있는 iframe 페이지를 하나 만들어 놓고 이걸 '부모페이지A'에 넣을 땐 1만 보이게, '부모페이지B'에 넣을 땐 3만 보이게 하는 식으로 쓴다.

만약 부모페이지A와 같이 영역 1만 보이는 경우라면 iframe의 사이즈를 조절해서 나머지 부분은 크롭해버리면 된다. 어차피 맨 위에 영역 1이 있으니. 하지만 영역 2나 영역 3만 보이게 되는 경우라면, 그런 식으론 불가능하다.

원래는 부모 페이지에서 자식 iframe 페이지를 직접 컨트롤하려 했지만, 왠지 구형 브라우저에서는 잘 되지도 않고 작동속도도 느리고 해서 포기. 특히 구형 IE에서는 작동 안되는 경우가 90, 작동 되는 경우가 10. 희한하게도 페이지 새로고침 때마다 작동하는게 달랐다.

그래서 생각해낸 게, iframe 페이지를 포함한 부모 페이지의 URL 주소를 체크한 뒤 조건에 맞으면 jQuery가 작동하도록 짜봤다. 페이지 주소에 'hello/goods' 가 있으면 아래 조건이 작동되도록.

게시물 내용의 일부입니다.
전체 내용을 보려면 클릭해주세요.

구형 프라이드 윈드키퍼(사제 웨더스트립) 장착

by H.F. Kais | 2015. 3. 23. | 2 comments

어느덧 봄이 성큼 다가오고 있습니다. 아침 저녁으론 여전히 쌀쌀하지만 한낮엔 제법 공기가 따뜻하네요. 겨우내 대충 탔던 차도 한번 봐줄 때가 되었습니다. 아무래도 연식이 좀 있다 보니 이것저것 부품 교체해줄 것도 많고 손봐줄 곳도 많네요.

25년 째 타고 있는 90년식 프라이드, 최근엔 소음이 좀 거슬렸습니다. 혼자 탈 때는 상관없었지만 가족이나 누군가를 태울 때는 좀 신경 쓰이더군요. 엔진룸에서 들려오는 소음도 소음이지만 도어 사이사이로 들어오는 소음이 좀 있는 것 같았습니다. 아무래도 오래된 차니까 도어 밀폐가 예전만 못하겠지요. 웨더스트립 고무도 많이 낡았고요. 그렇다고 새 걸 구해서 끼우기도 힘들고. 아마 지금 달려있는 웨더스트립을 떼어낸다 해도 새 걸 끼우긴 어려울 겁니다. 도어 구석에 녹슨 곳도 많고요.

그러다 눈에 띈 게 바로 사제 웨더스트립입니다. 종류도 여러 가지인데, 도어 안쪽이나 도어 끝자락에 붙여서 풍절음을 막아준다고 하네요. 사실상 제 역할을 못하는 웨더스트립을 대신하기에 괜찮아 보였습니다.

택시들 사이에서 요새 유행하는 도어 끝자락형 웨더스트립을 달까 하다가, 보기도 영 그렇고 효과도 미미할 것 같아서 도어 안쪽에 붙이는 웨더스트립을 구입했습니다. 인터넷에서 윈드키퍼라는 이름으로 팔리고 있네요. 대충 계산해보니 8m 짜리 하나로는 부족할 거 같아 8m+8m, 총 16m 짜릴 주문했습니다.

 

게시물 내용의 일부입니다.
전체 내용을 보려면 클릭해주세요.

안드로이드 태블릿용 크롬 브라우저에 '탭 모두 닫기' 버튼이 추가됨

by H.F. Kais | 2015. 3. 22. | 0 comments

이전 글 : 안드로이드 태블릿용 크롬 브라우저에서 구글이 빼먹은 것

작년에 태블릿용 크롬 브라우저의 문제점에 대해 쓴 적이 있었습니다. 바로 여러 개의 탭을 한 번에 닫는 기능, 즉 '탭 모두 닫기' 기능이 없다는 점을 지적했었는데요.

글을 쓴 지 거의 반 년이 지난 최근에서야 드디어 이 문제점이 수정되었습니다. 크로미움 프로젝트에 글이 올라온 게 2013년이니, 몇 년을 질질 끈 셈이군요. 크롬 버전 40 이후부터 이 기능을 쓸 수 있게 된 것 같습니다.

 

동영상에서와 같이 여러 개의 탭이 열려져 있을 때, 아무 탭의 닫기 버튼을 길게 누르면 '탭 모두 닫기' 버튼이 표시됩니다. 이 버튼을 누르면 모든 탭이 닫혀지게 됩니다.

 

게시물 내용의 일부입니다.
전체 내용을 보려면 클릭해주세요.

나이트코어 충전기 Nitecore Digicharger D4 구입

by H.F. Kais | | 2 comments

이미 많은 분들이 애용하고 있는 알리 익스프레스에서 처음으로 물건을 사봤습니다. 품목은 바로 배터리 충전기. 그동안 써오던 마하LCD 충전기가 오락가락 해서 마침 타이밍이 좋았습니다.

괜찮은 판매자의 링크를 우연히 알게 되어 바로 주문했는데, 운 좋게도 약 10일 만에 받았습니다. 심할 땐 한 달 이상 기다려야 할 때도 있다더군요. 중국에서 차이나포스트를 통해 발송되었고, 한국에서 우체국 EMS를 통해 등기소포로 받았습니다.

 

나이트코어 디지차저 D4 Nitecore Digicharger D4

IMGP8378

▲ 포장은 그냥 그럭저럭. 뽁뽁이 종이봉투에 담아 배송되었습니다. 모든 배송정보는 영어로 기입.

 

게시물 내용의 일부입니다.
전체 내용을 보려면 클릭해주세요.

교통위반통지/교통범칙금 조회 스미싱 사이트 소스 열어보기

by H.F. Kais | 2015. 3. 17. | 0 comments

이전에 쓴 보안 관련글 보기 : 검색 결과 링크

 

그동안 개인정보 보안과 관련해 글을 몇 개 썼는데요, 보안 만큼은 정말 아무리 강조해도 끝이 없는 것 같습니다.

오늘은 안드로이드 스마트폰을 대상으로 행해지는 문자 피싱, 즉 스미싱 사이트를 하나 간단히 뜯어 볼겁니다.

일단 사이버경찰청 홈페이지에서 '스미싱'의 정의에 대해 잠깐 알아볼게요.

스미싱(Smishing)
문자메시지(SMS)와 피싱(Phishing)의 합성어로,
① ‘무료쿠폰 제공’, ‘돌잔치 초대장’, ‘모바일 청첩장’ 등을 내용으로 하는 문자메시지내 인터넷주소를 클릭하면 →
② 악성코드가 스마트폰에 설치되어 →
③ 피해자가 모르는 사이에 소액결제 피해 발생 또는 개인·금융정보 탈취
- 사이버경찰청, '스미싱' 

예전엔 무료쿠폰이나 돌잔치, 청첩장으로 위장해 많이 뿌려졌으나 요새는 '교통위반내용 통지' 또는 '교통범칙금 통지' 등으로 위장해 많이 뿌려지는 것 같습니다. 바로 이렇게 말이죠.

게시물 내용의 일부입니다.
전체 내용을 보려면 클릭해주세요.