IT & 기타 710

2차 도메인 연결한 티스토리 블로그 구독하기 (구독이 불가능할 때)

티스토리 블로그에 2차 도메인을 연결하면 로그인이 풀려서 티스토리 계정으로 댓글을 달 수가 없고 구독하기 버튼을 눌러도 구독이 되지 않습니다. 그리고 기존에 구독한 경우에도 구독 해지가 되지 않습니다. 이 현상은 구글 크롬 등 주요 브라우저의 정책 변경으로 인한 것입니다. 네이버 블로그는 이 때문에 개인 도메인 연결 서비스를 종료했고 기존에 연결한 도메인도 올해 말까지만 유지됩니다("네이버 블로그 개인 도메인 연결 서비스 종료 대처 방법" 참고). 2차 도메인을 연결한 티스토리 블로그를 구독하고 싶은 경우 다음과 같은 방법으로 가능할 수 있습니다. 2차 도메인 연결한 티스토리 블로그 구독하기 2차 도메인을 연결한 티스토리 블로그에서 구독 버튼을 눌러도 구독이 되지 않는 경우, 해당 페이지에서 Ctrl +..

자바스크립트: 숫자 천 단위마다 콤마를 찍는 방법

자바스크립트를 사용하여 숫자 천 단위마다 콤마를 찍는 방법 중 하나입니다. 다양한 방법이 있으므로 상황에 맞는 스크립트를 선택하여 사용하시면 될 것 같습니다. 자바스크립트: 숫자 천 단위마다 콤마를 찍는 방법 정수에 천 단위마다 콤마를 넣는 JavaScript 함수: 예시: function thousands_separators(num) { var num_parts = num.toString().split("."); num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); return num_parts.join("."); } console.log(thousands_separators(1000)); console.log(thousands_sepa..

티스토리에서 사진 이미지를 나란히 표시하는 방법 (갤러리 형식)

이번 글에서는 티스토리에서 유용하게 이용할 수 있는 팁 하나를 소개할까 합니다. 티스토리에서 아래와 같이 갤러리 형식으로 사진이나 그림 파일들을 나란히 표시하고 싶은 경우가 있습니다. 이미지를 나란히 배열하고 싶은 경우 신 에디터에서는 이미지를 다른 이미지 위로 드래그하여 드롭하는 방식으로 쉽게 2개 또는 3개 이미지를 나란히 넣을 수 있습니다 티스토리에서 사진 이미지를 나란히 표시하는 방법 위와 같이 이미지를 나열하고 싶은 경우 A 이미지와 B 이미지를 삽입한 후에 B 이미지를 A 이미지 위로 올리면 됩니다. 이런 식으로 3장의 이미지를 나란히 배열할 수 있습니다. 위의 그림과 같이 아래 사진을 위의 사진 위로 올려서 놓으면 다음 그림과 같이 두 개의 이미지가 나란히 배열됩니다. 세 장까지 나란히 배치..

티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨)

요즘에는 사이드바가 오른쪽에 배치되는 경우가 많습니다. 경우에 따라 사이드바를 왼쪽으로 이동하고 싶을 수 있습니다. 그런 경우 간단한 CSS로 가능합니다. 이 글에서는 고래 스킨의 사이드바를 오른쪽에서 왼쪽으로 이동하는 방법에 대해 살펴보겠습니다. 티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨) 제가 처음 홈페이지 접했을 당시에만 해도 대부분의 사이트의 사이드바가 왼쪽에 배치되어 있었습니다. 당시에는 그런 것이 당연하게 느껴졌고 그것에 대해 별로 눈여겨보지 않았습니다. 하지만 워드프레스가 등장하면서 사이드바가 오른쪽에 배치되기 시작했고 구글에 잘 노출되는 결과가 나타났습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? 10년 이상 전에는 웹사이트에 사이드바가 대부분의 왼쪽에 ..

MailChimp, Mailster용 이메일 템플릿 무료 다운로드

워드프레스 테마와 HTML 템플릿을 비롯한 다양한 웹사이트 템플릿을 판매하는 엔바토 마켓의 테마포레스트(Themeforest)에서 10월 한 달 동안 Modulo라는 반응형 이메일 템플릿을 무료로 다운로드할 수 있습니다. MailChimp, Mailster를 비롯한 다양한 이메일 서비스와 호환됩니다. 이외에도 엘리멘터 페이지 빌더용 워드프레스 플러그인(Ansh Optin Forms For Elementor)과 미니멀 슬라이드쇼 After Effects 템플릿, 뮤직 파일 등도 무료 다운로드가 가능합니다. MailChimp, Mailster용 이메일 템플릿 무료 다운로드 2020년 10월 한 달 동안 Modulo라는 반응형 이메일 (Responsive Email) 템플릿을 무료로 다운로드하여 사용할 수 있..

IT & 기타/HTML 2020.10.01

맨 위로 가기 버튼 추가하기 (Back To Top / Scroll To Top)

아래로 블로그 글을 스크롤하면 화살표 아이콘이 표시되고 클릭하면 맨 위로 이동하는 '맨 위로 가기' 버튼을 추가하고 싶은 경우 다양한 방법으로 가능합니다. 저는 이 티스토리 블로그에 간단한 jQuery 스크립트를 사용하여 '맨 위로 가기' (Scroll To Top) 버튼을 추가했습니다. 티스토리에 맨 위로 가기 버튼 추가하기 맨 위로 이동하기 버튼을 여러 가지 방법으로 추가할 수 있습니다. 간단한 HTML과 CSS로 버튼을 클릭했을 때 상단의 ID로 이동하도록 할 수 있습니다. 부드럽게 스크롤되도록 하려면 자바스크립트/제이쿼리를 이용할 수 있습니다. 저는 Animated Scroll to Top with jQuery (jQuery를 사용하여 애니메이션 Scroll to Top 구현하기) 글에서 제시하는..

아이폰12 시리즈 (미니, 프로, 프로 맥스 포함) 스펙 및 출시일

애플은 아직 아이폰12 글로벌 출시 일정을 밝힌 적은 없지만 외신과 IT업계 등의 정보를 종합하면 아이폰12는 10월 13일 공개되고 10월 23일 1차 출시국에 발매될 가능성이 크다고 합니다. 그동안 우리나라는 아이폰 2차 출시국보다 다소 늦게 출시되는 '2.5차' 출시국으로 분류되어 1차 출시국보다 제품 판매가 한 달 정도 늦었지만, 올해는 1차 출시국 이후 1주일∼2주일 이내에 출시되는 '1.5차' 출시국이 될 전망되고 있습니다. 업계에 따르면 국내 이동통신사들은 애플 아이폰12를 10월 말 혹은 11월 초 출시 목표로 준비 중이라고 하네요. 애플은 아이폰12 시리즈를 4종으로 출시하는데, 4종 모두 5G를 지원합니다. ▲아이폰12 미니 (5.4인치), 아이폰12 (6.1인치) 및 아이폰12 프로 ..

IT & 기타/IT 2020.09.27

씽크웨이 CORE D41 USB3.0 5포트 충전겸용 허브 구입

노트북을 사용하는 경우 USB 포트가 부족해지는 경우가 많습니다. 저는 노트북에 키보드도 함께 연결하여 사용하기 때문에 여유 USB 포트가 없습니다. 그래서 USB 허브를 사용하여 USB 포트를 확장하고 있습니다. 지난 몇 년 동안 NEXT USB 허브를 사용했습니다. 하지만 USB 허브가 소모품이기 때문에 시간이 지나면서 잘 작동하지 않는 포트가 발생하게 됩니다. 몇 년 동안 NEXT 제품을 사용하니 몇 개 포트가 제대로 작동하지 않아서 이번에 사용자 평가가 괜찮고 저렴한 것으로 하나 구입했습니다. 씽크웨이 CORE D41 USB3.0 5포트 충전겸용 허브 이번에 구입한 USB 허브는 씽크웨이 CORE D41라는 제품입니다. USB 포트 수가 5개이고 그중 하나는 충전 전용 포트이기 때문에 실제로 사용..

IT & 기타/IT 2020.09.26

애플워치6/SE 9월 29일 정식 출시 예정 (애플 공인 리셀러, 이동통신사)

애플의 신형 스마트워치 애플워치6와 애플워치SE가 어제 9월 23일 오후 3시부터 국내 출시된다는 소식이 어제 뉴스 기사를 통해 소개되었습니다. 확인해보니 애플워치6와 보급형 애플워치SE를 애플 홈페이지와 애플 스토어 앱에서 구매가 가능하네요. 하지만 애플 스토어에서 주문하면 10월 말 ~ 11월 초에 제품을 받을 수 있습니다. 국내 공인 판매점과 이동통신사를 통해서는 9월 29일부터 정식으로 출시됩니다. 애플워치6/SE 9월 29일 정식 출시 예정 애플 스토어에서는 539,000원부터 Watch Series 6가 판매되고 있습니다. 그리고 Watch SE는 최저 359,000원부터 판매되고 있습니다. 하지만 지금 주문하면 10월 27일 이후에나 받아볼 수 있는 것 같습니다. 오는 29일부터는 애플, 공..

IT & 기타/IT 2020.09.24

지메일 받은 편지함 '소셜', '프로모션' 카테고리 비활성화하기

저는 지메일로 들어오는 메일을 다른 이메일 주소로 전달시켜서 PC와 모바일 기기에서 이메일 클라이언트를 통해 메일을 확인하고 있습니다. 간혹 중요한 메일이 지메일의 '프로모션' 카테고리로 분류되어 확인을 못하는 경우가 있습니다. 그런 경우 지메일에 접속하여 '프로모션' 카테고리로 이동해야 볼 수 있습니다. 이것이 여간 번거로운 것이 아니고 경우에 따라 중요한 메일을 놓치기도 합니다. 이와 관련하여 '프로모션' 카테고리나 '소셜' 카테고리를 비활성화하는 방법이 있을 것 같아서 지메일 설정을 살펴보니 '받은 메일함' 설정에서 카테고리를 설정/해제하는 옵션이 있는 것을 발견했습니다. 지메일 받은 편지함 '소셜', '프로모션' 카테고리 비활성화하기 지메일에서 카테고리를 비활성화하려면 먼저 지메일 설정에 접속하도..

IT & 기타/IT 2020.09.24