본문 바로가기

PC&웹/웹프로그래밍57

 

미디어위키 - HTTPS 로 변경하기 도메인 SSL 인증서를 설치했다면, MediaWiki도 HTTPS를 이용하도록 설정하는 것이 좋다. ./LocalSettings.php 파일을 열고 아래처럼 편집한다. $wgServer = "https://yourDNS.com"; $wgForceHTTPS = true; $wgServer 주소에 http로 되어 있으면 오류가 발생한다. $wgForceHTTPS 변수가 없으면 추가한다. http로 접속하거나 링크를 누르면 주소 앞에 https가 붙는다. 참조 Manual:$wgForceHTTPS - MediaWiki 2023. 8. 23.
(구글) 블로그 이벤트 기록 및 추적 프로젝트 geoIP 추적 - geoIP 쿼리용 JSONP, 구글 태그 준비 geoIP를 수집하기 위한 작업이다. geoIP는 IP 주소와 위치 정보를 나타낸다. 해외 서비스를 이용하면 트래픽 제한으로 인해 쿼리가 안 되거나 차단될 수 있다. 그러면 본인 소유의 웹호스팅이나 웹서버를 이용해야 한다. PHP - JSONP 생성 코드 2023. 8. 19.
(jQuery) 블로그 본문 중 랜덤 위치에 광고 삽입하기 이전글: (jQuery) 본문 중간에 구글 애드센스 광고를 자동으로 삽입하기 준비 이전글을 참고하여 임의의 위치에 광고 코드를 삽입한다. ... 광고 코드 방법 아래 코드를 참고하여 이전에 결과 페이지를 불러올 때마다 본문의 태그들 중, 임의의 위치 다음 줄에 광고가 삽입된다. 참조 https://stackoverflow.com/a/14638679/11857653 2023. 8. 18.
(jQuery) 광고 스크립트 제거하기 jQuery를 사용하여 쉽고 깔끔한 방법입니다. 증상 블로그 관리 페이지에서 애드센스 광고 노출을 비활성화 했는데도 블로그의 코드를 보면 자동으로 삽입된 스크립트 광고 코드가 보입니다. 조치 자동으로 삽입된 코드를 전부 찾아내어 지우는 코드를 적용하면 됩니다. 스킨 편집의 HTML 탭에서 태그 사이에 코드를 삽입합니다. [ ]는 요소 선택기이며 W3C 표준을 따릅니다. https://www.w3.org/TR/selectors-3/#attribute-selectors '=' 왼쪽의 이름은 속성 이름이며, '*=' 는 우측의 문자를 포함한다는 뜻입니다. [ ] 앞의 '*' 별표는 모든 요소를 나타내는 기호이며, 없어도 동작합니다. 4번째 제거 코드(src ~ .js)는 다음 광고를 이용하지 않기 때문에 추가.. 2023. 8. 18.
(jQuery) 본문 중간에 구글 애드센스 광고를 자동으로 삽입하기 티스토리의 광고 정책 때문에 구글 애드센스 광고 연동, 본문 내 자동 삽입 기능을 껐을 때 사용하는 방법이다. 수동으로 넣는 방법은 광고 스크립트 서식을 사용하여 넣는 것인데, 번거롭고 이미 작성된 글은 수정을 해야 한다. 자동으로 본문 광고 삽입 자동으로 본문에 광고를 삽입해보자. 1. 구글 애드센스에서 광고 단위를 만든다. 광고 형식은 인아티클 광고로 선택한다. 예제 그림과 같이 본문 내에 광고가 삽입된다. 페이지 우측의 저장 및 코드 생성 버튼을 누르고 광고 코드를 복사한다. 2. 스킨 HTML에 코드를 추가한다. 티스토리 스킨 편집에서 HTML 탭로 이동한다. 임의의 위치에 복사한 코드를 붙여넣고 로 감싼다. 고유 요소이므로 id를 설정한다. ... 구글 광고 코드 3. jQuery 스크립트 코드.. 2023. 8. 18.
(jQuery) 티스토리 이전 글에서 문단 공백이 적용되지 않을 때 증상 문단 앞뒤에 공백이 적용되지 않는다. Shift+Enter만 붙어야 하는데, Enter를 아무리 눌러도 줄 바뀜 사이에 공백이 추가되지 않는다. 문단 설정하라는 글은 쉽게 볼 수 있지만, 설마 그걸 안 해본 사람이 있을까? 할 정도로 전혀 도움이 되지 않는다. 글 편집 화면에서 HTML을 보면 와 뿐이다. 도대체 뭐가 문단 공백을 막는 걸까? 🤔 F12 개발자 도구를 사용하여 문단을 찍어보았다. 🔍 그랬더니... 찾았다! 정상으로 문단 공백이 표시되는 글에는 나타나지 않던 CSS 클래스가, 비정상으로 표시되는 글에 나타나 있는 것이다. .tt_article_useless_p_margin 클래스는 서버 측에서 생성하는 것 같다. 이 클래스는 다음 파일에 정의되어 있다. uselessPMargin.cs.. 2023. 8. 17.
(jQuery) 블로그 자동 목차 삽입 이전에 작성된 글까지 목차 기능을 적용하려면 자동 삽입 스크립트를 사용하는 것이 편리하다. 자동 삽입 조건 수동 목차 요소가 없을 것 H2, H3 제목이 1 개 이상 있을 것 중복 삽입 되지 않을 것 추가 기능 제목을 누르면 목차로 이동 설치하기 위 js 파일을 내려받은 후, 티스토리 관리자 페이지에서 스킨 편집 메뉴로 이동한다. 원본 소스를 변경 하지 않는한, 압축버전인 .min.js 파일만 있으면 된다. 스킨 편집 메뉴 클릭 html 편집 버튼 클릭 파일 업로드 탭으로 이동 후, 페이지 아래의 +추가 버튼을 눌러서 jquery.toc.min.js 파일을 업로드한다. 예제 코드 HTML ... 내용 아래에 추가 본문에 id="toc" 개체가 없고, H2, H3 요소가 1개 이상 있으면 목차 코드를 삽입.. 2023. 8. 17.
(JavaScript) 개발자 도구 실행 감지하기 보안이 필요한 사이트에 적용중인 기능입니다. 단축키 F12 키를 누르면 개발자 도구가 실행되는데, 사이트의 코드뿐만 아니라 네트워크 접속 과정까지 볼 수 있습니다. 개발자 도구가 실행됐는지 확인하려면 자바스크립트의 디버그 중단점 코드를 사용하면 됩니다. 디버그 중단점 코드 debugger; 개발자 도구가 실행된 상태에서는 위 코드가 있는 줄에서 자바스크립트가 일시정지 됩니다. 그 다음 개발자 도구를 닫거나 개발자 도구에서 실행 버튼을 누르면 나머지 자바스크립트가 실행되는데, 이때 중단점 이전과 이후의 시간차를 비교해서 개발자 도구가 실행됐는지를 확인하면 됩니다. 응용 코드 !function() { function detectDevTool(allow) { if(isNaN(+allow)) allow = 10.. 2023. 8. 15.
Visual Studio Code for PHP 개발 환경 설정 과정 2021.05 기준 설치 버전 VS CODE 버전: 1.56.2 Bitnami 버전: 8.0.6 Xdebug 버전: 3.0.4 편리한 IntelliSense, Rename Symbol 등의 기능을 이용하기 위해 오~래 사용하던 메모장, Edit+를 버리고 이제서야 Microsoft VS Code로 갈아타봅니다. VS CODE 설치 Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual .. 2021. 5. 28.