기본 콘텐츠로 건너뛰기

Programming Log

모두 제가 작성한 포스트 입니다. 퍼가실땐 내용을 퍼가시지 마시고 링크를 걸어주시면 감사하겠습니다.

이 블로그 검색

홈
[Document] jqGrid 한글 API 문서
[WAS] WebLogic 설치 및 구성방법 모음
[Document] Leaflet 튜토리얼 한글 문서

라벨이 iframe인 게시물 표시

글

[JavaScript] iframe 뒤로가기 (history back) 이슈 원인과 해결방법

날짜: 1월 15, 2022

[Youtube] Failed to execute 'postMessage' on 'DOMWindow' 오류

날짜: 2월 03, 2016

[HTML][Mobile] 웹 접근성을 생각한다면 iframe 을 사용하면 안되는 이유 (Android - TalkBack 이슈)

날짜: 12월 26, 2014

[HTML][UIWebView] iOS8 의 UIWebView에서 iframe 안에 scroll 이 들어가는 경우 click, touch 이벤트가 정상적으로 동작하지 않는다.

날짜: 9월 23, 2014

[HTML][iOS] iframe의 width와 height 가 적용되지 않는문제

날짜: 9월 06, 2014

[Android] Android 2.x 버전의 Browser에서 iframe 내의 페이지에서 window.open 했을 때 새창이 아니라 팝업이 뜨는경우

날짜: 8월 25, 2014

[HTML] iframe 페이지 안에서 자신의 iframe 크기(width, height)를 알 수 있는 방법 (id 값 없이..)

날짜: 7월 25, 2014

[Android] Android 2.x 에서 iframe 엘리먼트의 Scroll, Height 속성이 적용되지 않는 문제

날짜: 6월 13, 2014

1004lucifer

프로필로 이동

가장 많이 본 글

[CSS] Div 동적으로 사이즈(Width, Height) 변환 (또는 비어있는 나머지 영역 채우기)

Android 의 특성상 화면의 크기와 해상도가 모두 다르기 때문에 1004lucifer Width, Height 길이를 다음과 같이 스크립트를 이용해서 처리를 했었다. <!DOCTYPE html> <html> <head lang="en"> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> <meta charset="UTF-8"> <title></title> <style type="text/css"> html, body { margin: 0; width: 100%; height: 100%; } #wrapperDiv { width: 100%; height: 200px; background-color: #C8BEB7; } #div1 { display: inline-block; width: 200px; height: 100%; background-color: #747474; } #div2 { display: inline-block; width: 500px; height: 100%; background-color: goldenrod; } </style> ...

[Regex] 정규표현식 특정 문자열 포함하지 않는 매칭 방법

특정 문자열이 들어있는 라인을 제외하고 어떻게 문자열을 추출할 수 있을까 하다가 알아보았다. 특정 문자열이 포함되지 않게 매칭하는 방법은 아래와 같다. 1004lucifer ^((?!단어).)*$ https://regexr.com/4fsa8 복수개의 단어에 대해서 문자열을 제외하고 싶다면 다음과 같이 할 수 있다. 1004lucifer ^((?!단어|단어).)*$ https://regexr.com/4fsan 1004lucifer 복수개의 단어가 동시에 없어야 한다면 다음과 같이 할 수 있다. (이 방법은 지난번 링크-정규표현식 AND 연산 사용방법 을 응용해 봤다.) ^((?!(?=.*단어)(?=.*단어)).)*$ ^((?!(?=.*단어)(?=.*단어)(?=.*단어)(?=.*단어)).)*$ https://regexr.com/4fsb0 매칭되는 원리 1. negative lookahead 를 이용하면 해당 단어와 일치하지 않은 단어의 앞에있는 문자열이 매칭된다. 1004lucifer 2. 해당 매칭문자열에 점(.) 하나 붙여서 글자를 하나더 추가 매칭이 가능 3. 해당 문자열 앞에 단어 대신 시작(^)을 붙여서 해당 문자열로 시작되지 않는것만 매칭 4. 그룹화를 해서 해당 문자열 제외한 앞에까지 모두 매칭 5. 마지막까지 모두 매칭되면 추출 완료 정규식 참고 - https://stackoverflow.com/questions/406230/regular-expression-to-match-a-line-that-doesnt-contain-a-word

[CSS] 상속받은 상위 속성(style) 무효화(초기화) 하기

PS. 모든 상위속성을 무시하는 걸 원한다면 아래 링크의 라이브러리를 사용하기를 권장한다. - 10+ Best CSS Reset Stylesheets 많은 상황에서 상속받은 CSS에 대하여 depth를 이용하거나 CSS우선순위를 이용하여 덮어쓰기(!?) 하여 해결이 가능한것 같다. 하지만 다른 style을 적용하지 않고 부모 엘리먼트의 style 상속을 받지 않아야 하는 경우가 발생하여 알아보니 :not(selector) 라는 기능이 있었다. 1004lucifer 엄밀히 말하면 상속을 초기화(reset) 한다기 보다.. 부모 Element 에서 style 적용 시 특정 Element에 style이 적용되지 않도록 하는 기능이다. 예제 <div class="parent"> <span>aaaaaa</span>< br/> <p>aaaaaa</p>< br/> <span>aaaaaa</span>< br/> <span>aaaaaa</span> </div> .parent :not(p) { color:red; } 1004lucifer 아래와 같은 형식으로도 사용이 가능하니 의외로 활용성이 좀 있어 보인다. - div :not(.home) {…} - div *:not(p) em {…} - input:not([type="text"]) {…} - h2:not(.foo):not(.bar) {…} - li:not(.pingback) .comment-content p:first-child:first-line {…} - div:not(.home) h2 + p:first-letter {…} - .post:not(.f...

[Chrome] ERR_SSL_PROTOCOL_ERROR 이슈 원인 및 해결방법

증상 - 크롬을 이용해 SSL/TLS(https) 프로토콜 접속 시 아래와 같은 에러가 발생한다. {도메인}에서 잘못된 응답을 전송했습니다. Windows 네트워크 진단 프로그램을 실행해 보세요. ERR_SSL_PROTOCOL_ERROR 원인 1. 서버(WAS)에서 낮은 버전의 SSL을 사용하는 경우 1004lucifer 2. 서버(WAS)에서 응답한 Cipher Suites를 브라우저(Chrome)에서 처리 할 수 없는경우 ( 링크 - Cipher Suites란 무엇일까? ) 해결방법 1. 서버가 낮은 버전의 프로토콜을 사용하는 경우 - 브라우저에서 낮은 버전의 프로토콜을 사용 가능하도록 옵션을 변경해 준다. (크롬과 IE는 같은 인터넷 옵션을 사용한다.) 2. 서버에서 응답한 Cipher Suites를 브라우저(Chrome)에서 처리할 수 없는경우 1) IE, Edge, FireFox, Opera 등등 다른 브라우저를 사용해본다. - 브라우저마다 처리할 수 있는 Cipher Suites 종류가 다르다. ( 상세내용링크 ) - 이것마저 안되면 브라우저 사용자가 더이상 할 수 있는건 없다. 1004lucifer 2) 서버관리자가 수정 할 수 있는 방법 - 최신 프로토콜(TLS)을 사용할 수 있도록 WAS를 업그레이드 하거나 설정한다. - 대부분의 브라우저에서 지원하는 Cipher Suites를 사용하도록 셋팅한다. ( 상세내용링크 )

[Java][Gson] Gson 사용방법(예제) 정리 - Java 에서의 JSON 추천 라이브러리

Google Library 중에 하나인 Gson Java <=> JSON 으로 사용되는 라이브러리이며 많이들 쓰이는듯 하다. 사이트: https://code.google.com/p/google-gson/ API: http://google-gson.googlecode.com/svn/trunk/gson/docs/javadocs/index.html User Guide: https://sites.google.com/site/gson/gson-user-guide/ 이것저것 알아봤는데 아까울정도로 열심히 알아봐서 이렇게 정리를..;; Company.java import java.util.ArrayList; import java.util.List; /** * Created by 1004lucifer on 2015-04-08. */ public class Company { private String name; private List<Person> employees; public String getName() { return name; } public void setName(String name) { this.name = name; } public List<Person> getEmployees() { return employees; } public void setEmployees(List<Person> employees) { this.employees = employees; } public static class Person { private String name; private String age; private String sex; public String getName() { return name; } public void setN...

Powered by Blogger