유튜브와 비메오 동영상을 모달/팝업으로 재생하는 데 사용할 수 있는 스크립트입니다. Play YouTube or Vimeo Videos in Bootstrap 4 Modal (부트스트랩 4 모달로 유튜브와 비메오 동영상 재생하기) 이 codepen에서 제시하는 스크립트를 사용하면 다음과 같이 유튜브/비메오 동영상이 모달 형식으로 재생됩니다. 다음 글에서 제공하는 Modal Library를 이용할 수도 있습니다. Play Youtube or Vimeo Videos On Popup – Modal Video Library (유튜브나 비메오 동영상을 팝업창에서 재생하기 - 모달 비디오 라이브러리) 워드프레스 워드프레스를 이용하는 경우 간단하게 플러그인을 사용할 수 있습니다. 이와 관련된 플러그인으로 다음과 같은..

jQuery를 사용하면 target="_blank"를 추가하는 것이 매우 간단하다. 가령 다음 스크립트를 사용하면 내부 링크(내 사이트 링크)를 제외한 외부 링크에 target="_blank"를 추가할 수 있다.$('a[href^="http://"]').not('a[href*=gusdecool]').attr('target','_blank'); 또는$('a[href^=http]:not([href^=http://www.gusdecool.com],[href^=http://gusdecool.com])') .add('a[href^=www]:not([href^=www.gusdecool.com])') .attr('target','_blank'); // 출처: https://stackoverflow.com/questi..

Javascript에서 html의 언어(lang) 속성 정보를 가져오려는 경우document.documentElement.lang 다음과 같은 코드를 사용할 수도 있겠다. (테스트는 안 해 봄)document.getElementsByTagName('html')[0].getAttribute('lang'); 네임스페이스 추가...document.getElementsByTagName('html')[0].getAttribute('xml:lang'); 참고: https://stackoverflow.com/questions/949341/how-to-obtain-lang-attribute-in-html-using-javascript jQuery에서는 :lang() 셀렉터를 활용하면 될 것 같다. 참고: https:/..

이 티스토리 블로그는 글 개수에 비해, 그리고 비슷한 규모의 블로그에 비해 방문자 수가 저조한 편입니다. 그 이유를 조금 생각하여 나름대로 정리해보았습니다. ☞ 2020년 11월 업데이트: 이 티스토리 블로그의 대부분 유입이 구글에서 이루어지다가 최근 네이버 View 탭에 노출되면서 네이버를 통한 방문자 유입이 증가하고 있습니다. 티스토리 블로그 네이버 방문자 수 증가 지난 월요일부터 네이버 방문자 수가 늘었다고 하는 티스토리 블로그들이 눈에 띄네요. 제 블로그는 대부분의 방문자가 구글에서 유입되고 있지만, 지난 월요일부터 네이버 방문자 수가 증가했 avada.tistory.com '워드프레스'에 관련된 글이 너무 많다 가장 큰 이유는 워드프레스라는 특정 분야의 글이 너무 많다는 것입니다. '워드프레스'..

웹호스팅 업체에서 도메인을 등록하는 경우가 많지만 도메인 등록업체와 웹호스팅은 별개이며 도메인을 다른 등록업체에서 등록한 후에 웹호스팅에 연결하는 것이 가능합니다.또, 고대디 같은 업체는 일부로 도메인 등록비를 낮게 책정하여 사용자들이 도메인을 고대디에서 등록하도록 유도하고 있습니다. 하지만 우리나라에서는 등록비가 대체적으로 높은 편입니다. 해외에서는 1~2달러에 .com 도메인을 등록할 수도 있습니다.사실 등록비가 1달러면 등록대행업체에서 도메인 관리기관에 내는 수수료보다 낮은 금액입니다. 그럼에도 불구하고 등록비용을 낮게 책정하는 이유는 웹호스팅을 가입하도록 유도하기 위한 것입니다. 귀차니즘 때문에 도메인을 가입한 곳에서 웹호스팅을 맡기는 경우가 많습니다.(블루호스트와 같은 일부 호스팅 업체의 경우 ..

예를 들어, http://example.com을 브라우저 주소 창에 입력하더라도 http://www.example.com 사이트로 연결되도록 하고 싶은 경우가 있습니다. 혹은 그 반대로 www.example.com을 입력해도 example.com처럼 www가 없는 도메인 사이트로 연결되도록 하고 싶을 수 있습니다. 이 경우 보통 호스팅 레벨에서 제어할 수 있다면 수월합니다. 가령 해외호스팅 중 하나인 SiteGround(사이트그라운드)에서는 cPanel의 Domains > Redirects 툴을 통해 리디렉션을 쉽게 설정할 수 있습니다. .htaccess를 이용하여 non-www 도메인을 www 도메인으로 리디렉션시키기 다른 방법으로, 다음과 같은 규칙을 .htaccess 파일에 추가하여 non-www ..

최근 구글 API 키 발급 방법 변경되어 구글 지도 플랫폼을 사용하기 위해 API 키를 생성하려면 신용카드 정보를 입력하여 결제 계정을 만들어야 합니다. 구글 지도 오류가 발생하는 경우 - 구글 API 키 발급 방법 변경 업그레이드하지 않으면 결제가 이루어지지 않는다고 안내하고 있지만 신용카드 정보를 입력하는 것이 꺼려질 수 있습니다. 그런 경우 아래의 방법을 통해 신용카드 정보를 입력하지 않고도 구글 API 키를 생성할 수 있습니다. ※ 이 방법은 테스트해보니 기존에 프로젝트를 만들고 Google Maps API 키를 만든 적이 있는 경우에만 제대로 작동합니다. 기존에 키를 만든 적이 없다면 결제 계좌를 연결해야 할 것 같습니다. 혹시 다른 방법이 있다면 추후에 이 글을 업데이트하겠습니다.※ 2020년..

최근 페이팔에서 자금을 통장으로 인출하니 일부 거래에 대해 페이팔에서 검토해야 한다는 문구가 표시되면서 인출 요청이 '대기 중' 상태로 바뀌었습니다. 그러면서 '인출이 대기 중입니다'라는 이메일이 전송되었습니다. 인출을 검토 중에 있고 72시간 내에 완료될 예정이라고 안내하고 있습니다. 이런 이메일이 오더라도 당황하지 말고 기다리면 됩니다. 보통 하루 정도 지나면 인출이 진행 중입니다라는 제목의 이메일을 받게 될 것입니다. 인출 상태가 대기 중에서 정규 처리 상태로 회복되었다는 내용의 이메일입니다. 몇 달 전에는 '보안상의 이유로 이 거래를 검토하는 데 시간이 조금 더 필요합니다.'라는 메시지가 표시되었지만, 이제는 방식이 조금 바뀐 것 같습니다. 페이팔에서 자금 인출 시 보안상의 이유로 보류되는 경우 ..

배경 이미지를 설정하는 경우 브라우저 폭에 맞게 너비를 100%, 높이를 auto로 맞추어 추가하는 방법..bg_banner_image { background-size: 100% auto; background-position: center top; background-repeat: no-repeat; } .bg_banner_image::after { content: ''; display:block; padding: 15%; } // 출처: https://stackoverflow.com/questions/40520604/set-background-image-width-100-height-auto 또 다른 방법.#sample-id { background: url(../images/sample.jpg) #20..

페이팔에서 은행 계좌를 추가한 후에 자금 인출을 시도하면 다음 그림과 같이 "죄송합니다. 추가 정보가 필요합니다. 대신 이전 계정화면 보기에서 자금을 인출해 주세요."라는 경고 메시지가 표시될 수 있습니다. 기존에 있는 계좌에는 이 메시지가 표시되지 않고, 계좌를 추가한 후 당일이나 그 다음날에 위와 같은 메시지가 표시되었습니다. 페이팔에 이 문제를 문의했지만 아무런 답변을 받지 못했지만, 이틀 정도 지나니까 경고 메시지가 표시되지 않았습니다. 그러므로 위와 같은 경고 메시지가 표시되면 2~3일 정도 지난 후에 자금 인출을 시도하면 경고 메시지가 표시되지 않을 것입니다. 참고: PayPal 사용 시 한국 내 고객으로부터 결제를 받을 수 없도록 시스템 변경