워드프레스 일기의 IT & 기타 778

소제목(헤딩) 앞에 여러 가지 컬러로 된 정사각형을 추가한 워드프레스 사이트를 본 적이 있습니다. 예를 들어, 다음과 같이 소제목 앞에 빨간색 정사각형 도형이 표시되었습니다. 이런 도형을 제목 앞에 특수 기호(■)를 추가하는 것은 그다지 좋은 방법이 아닙니다. 이 상황에서는 CSS 가상요소 :before를 사용하여 일괄적으로 정사각형 도형을 표시할 수 있습니다. CSS 가상요소 :before를 사용하여 텍스트 앞에 정사각형 도형 표시하기 CSS를 사용하여 텍스트 앞에 정사각형 기호를 표시하고 싶은 경우 "How can I use :before property to create a square before a span" 문서에 제시된 CSS 코드를 사용할 수 있습니다. 위와 같이 다양한 컬러의 정사각형 기..

예를 들어, document.querySelectorAll(".class1")을 사용하면 class1 클래스로 된 모든 요소에 적용됩니다. class1 클래스 또는 class2 클래스로 된 모든 요소를 선택하고 싶은 경우가 있을 수 있습니다. 이런 경우 개별적으로 만들어도 되겠지만 비효율적일 것입니다. 복수 클래스로 된 요소 선택 방법 How to get elements with multiple classes라는 제목의 Stackoverflow 글에서 class1 클래스와 class2 클래스가 모두 있는 요소를 선택하는 방법에 대하여 다루고 있습니다. 이 경우 다음과 같은 코드를 사용할 수 있습니다. var list = document.getElementsByClassName("class1 class2"..

저는 윈도우 정리 프로그램으로 CCleaner를 오랫동안 사용해오고 있습니다. CCleaner는 무료 버전과 유료 버전이 있습니다. 무료 버전은 자동 업데이트가 안 되고, 자동 정리 기능이 없습니다. CCleaner 프로페셔널을 사용하면 자동으로 업데이트가 되고, 브라우저 종료 시 사용 정보 등이 자동으로 삭제되는 등의 기능이 제공됩니다. 또한, 드라이버 업데이터와 소프트웨어 업데이터 도구도 사용할 수 있습니다. 이 기능은 무료 버전에서도 제공되는지는 모르겠습니다. 컴퓨터 정리 프로그램 CCleaner Professional 갱신 시 참고 사항 CCleaner Professional 라이선스 기간이 다 되어 가면 CCleaner에서 갱신하라는 메일을 여러 차례 보내옵니다. 알림 메일이 오더라도 갱신하지 ..

이미지 파일이나 PDF 파일에 링크를 거는 경우 링크를 클릭하면 이미지 파일이나 PDF 파일이 브라우저에서 실행됩니다. 미디어 파일이 다운로드되도록 하고 싶은 경우 download 속성을 추가하면 됩니다. 예시: 자바스크립트를 사용하여 특정 CSS 클래스에 download 속성 추가하기 특정 CSS 클래스에 download 속성을 추가하고 싶은 경우 간단하게는 jQuery를 사용할 수 있습니다. $("a").attr("download", true); 자바스크립트를 사용하려는 경우 "How can we add a download attribute to all the tags present inside tag (using JavaScript)?" 문서에 제시된 다음과 같은 코드를 적절히 응용할 수 있습니다...

블로그를 운영하거나 유튜브 동영상을 만들 때 사용하는 이미지, 폰트, 동영상 등 미디어의 저작권을 잘 확인해야 합니다. 라이선스 규정을 벗어나 사용할 경우 저작권 침해로 적지 않은 배상금을 지불해야 할 수도 있습니다. 특히 무료로 배포했다가 라이센스 범위를 벗어나거나 상업용으로 사용하는 사용자들에게 저작권 침해를 이유로 합의를 종용할 수 있습니다. 얼마 전에 JTBC 뉴스에 방영된 영상인데요. 한글과 컴퓨터의 한글 워드프로세서에 포함된 HY 글꼴을 한글 프로그램 외의 다른 곳에서 사용할 경우 법무법인에서 연락이 와서 비싼 글꼴 라이선스 구입을 요구한다고 하니 주의가 필요합니다. 이러한 연락을 받는 경우 선선히 합의해주지 않아야 할 것 같습니다. 최근의 판결 추세는 사용자에게 유리하게 판결이 나는 것으로 ..

몇 년 전부터 애드센스 승인이 잘 안 난다는 분들이 많은 것 같습니다. 어제 저녁에 몇 달 전 새롭게 시작한 워드프레스 블로그에 대하여 애드센스 승인 신청을 해보았습니다. 기대를 하지 않고 있었는데, 오늘 오전에 승인 메일이 왔습니다. 워드프레스 블로그 반나절만에 구글 애드센스 승인 사이트에 자동 광고가 표시되도록 설정해놓았습니다.ㅎ 본래 다른 도메인으로 워드프레스닷컴(WordPress.com)에서 운영하던 사이트였지만 설치형 워드프레스로 바꾸고 도메인을 변경하는 과정에서 301 리디렉션을 잘못 설정하여 방문자가 폭망한 상태입니다. https://avada.tistory.com/2683 잘못된 301 리디렉션 설정으로 인한 SEO 문제 도메인을 변경할 때에는 301 리디렉션을 올바르게 설정하는 것이 매우..

워드프레스 테마와 플러그인, 각종 웹사이트 템플릿, 그래픽 파일과 동영상 템플릿, 뮤지 파일 등을 디지털 자산을 판매하는 엔바토 마켓(Envato Market)에서 매월 각 마켓에서 한 항목을 선정하여 무료로 다운로드하도록 제공하고 있습니다. 그래픽 파일을 판매하는 그래픽리버(graphicriver)에서 미니멀 플랫 인물 아이콘 세트를 8월 한 달 동안 무료로 다운로드할 수 있습니다. 미니멀 플랫 인물 아이콘 세트 무료 다운로드 (Minimalistic Flat Persons Icons Set 1) 이 플랫 아이콘 세트에는 18개의 아이콘이 포함되어 있으며 원형 아이콘과 둥근 모서리로 된 아이콘, 두 종류가 있습니다. Download it for free! 버튼을 클릭하여 zip 파일을 다운로드할 수 있..

.com이나 .net 등 도메인을 등록할 때 첫 해에는 저렴하지만 갱신하려고 하면 가격이 비싼 경우가 있습니다. 번거롭지만 비용을 조금 아끼려면 저렴한 도메인 등록 대행기관으로 기관 이전하는 방법이 있습니다. 예를 들어, 가비아에서 닷컴(.com) 도메인을 등록하는 경우 첫 해에는 13,500원이지만 갱신하려고 하면 20,000원으로 가격이 인상됩니다. 국내에서는 호스팅케이알이 .com 도메인 등록비가 10,500원으로 비교적 저렴한 편입니다. [참고*.com 도메인 등록 단가 상승으로 인해 호스팅케이알도 .com 도메인 등록비가 13,100원으로 인상되었네요.*] 해외의 경우 Namecheap을 이용하면 첫 해에 5.98달러로 저렴한 편입니다. 도메인 등록 시 NEWCOM598 코드를 입력하면 할인을 ..

데이터와 인터넷은 정보의 대자연이라는 말을 들어본 적이 있을 것입니다. 인터넷으로 계좌 이체부터 공부, 게임, 종교적인 것까지 모두 하는 시대가 되었기 때문에 오늘날에는 데이터 개인 정보가 매우 중요합니다. 이는 모든 정보가 데이터로 남아있기 때문에 기기와 계정이 해킹을 당하거나 재능을 안좋은 쪽으로 사용하는 사람이 정보를 훔칠 수 있는 가능성이 있다는 것입니다. 또한 이 훔친 개인 정보를 자신의 이익을 위해 사용하거나 팔아 넘길 수 있어 온라인 상에서는 언제나 정보 유출 위험이 도사리고 있습니다. 2016년에는 수 천명이 사용하는 기도 앱에서는 사용자들의 데이터를 수집하고, 다른 회사들과 이 고객들의 정보를 공유하는 일이 있었습니다. 개인정보취급방침에 따라 사용자의 물리적 위치나 쿠키, 작성한 게시물 ..

저는 워드프레스 사이트 이전 작업을 자주 하는 편입니다. 웹호스팅 업체를 바꿀 경우 도메인의 IP 주소가 바뀌게 됩니다. 또한, 같은 호스팅 내에서도 상품이 변경되면 IP 주소가 변경됩니다. 간혹 도메인의 이전 IP 주소를 알아야 하는 상황이 발생합니다. 이 경우 도메인 이름의 IP 주소 이력을 검색하는 무료 서비스를 이용할 수 있습니다. 도메인의 IP 주소 이력 확인하기 (이전 IP 주소 찾기) 특정 도메인 네임의 이전 IP 주소를 확인하고 싶은 경우 도메인 이름의 IP 주소 이력을 검색해주는 무료 서비스(https://suip.biz/?act=domainiphistory)를 이용할 수 있습니다. URL에 도메인 이름을 입력하고 Submit 버튼을 클릭하면 해당 도메인에 연결되었던 IP 주소 기록이 표..