본문 바로가기

웹 개발116

NN 구글블로그 | IFTTT 페이스북 피드 자동 발행 구글블로그 블로그스팟에 글을 포스팅하면 IFTTT를 이용하여 페이스북에 자동 피드 발행하는 방법에 대해 말씀드릴게요. 목차 IFTTT 소개 ▶ IFTTT는 "If This Then That"의 앞 글자로 애플릿을 통해 페이스북, 지메일, 인스타그램 등 타 소프트웨어 관리를 자동화할 수 있는 무료 서비스입니다. IFTTT IFTTT - Automate business & home Get started with IFTTT, the easiest way to automate your favorite apps and devices for free. Make your home more relaxing. Make your work more productive. We... ifttt.com 애플릿 1) 다른 사람이 .. 2024. 1. 25.
NN 구글블로그 | 블로거 에디터 사용방법 구글블로그 '블로거' 에디터에 대해서 살펴보겠습니다. 상단 메뉴바와 우측 메뉴에 대해 각각의 기능을 설명해 드릴게요. 목차 상단 메뉴바 글쓰기 모드 ▶ 새 글 작성 보기 - 블로그에 글을 쓰는 모드입니다. ▶ HTML 보기 - HTML태그를 삽입, 수정, 삭제 할 수 있어요. 글꼴 ▶ 글꼴유형 - 폰트를 고를 수 있습니다. [더 많은 글꼴 추가] 로 새로운 폰트를 불러올 수도 있어요 ▶ 글꼴크기 - 가장 작게 / 작게 / 보통 / 중간 / 크게 / 가장 크게 ▶ 글 형태 - 주 제목 / 제목 / 부제목 / 소제목 / 단락 형식 / 보통 텍스트 ▶ 굵기 ▶ 기울임 ▶ 밑줄 ▶ 취소선 - 가운데 줄이 갑니다. ▶ 색상 - 글 색상 ▶ 배경색상 - 글 배경 색상을 정할 수 있어요 이미지 / 동영상 ▶ 링크 -.. 2024. 1. 22.
NN 구글블로그 | 블로거 이미지 썸네일 깨지는 경우 구글 블로거는 이미지를 본문에 맞게 크기를 맞추는 작업을 해도, 메인 화면에서 크기가 다른 썸네일 이미지가 깨지는 현상이 발생하는데요. 이번 포스팅은 썸네일 문제에 대해서 다뤄보겠습니다. 이미지 삽입 썸네일 이미지를 먼저 보시겠습니다. 왼쪽 최근글에서는 썸네일이 문제가 없지만 오른쪽 가젯에서는 같은 글의 썸네일이라도 이미지가 흐릿하게 보입니다. HTML 수정 1) 본문 글에 들어가서 HTML 보기로 해당 이미지의 SRC 부분을 살펴보겠습니다. 2) src에서 이미지명 바로 앞에 w674-h972 이라는 부분이 보이시죠? w0 으로 고쳐보겠습니다. 3) width는 해당 테마의 본문 사이즈에 맞게 고칩니다. 그래야 본문 가로 넓이에 맞게 꽉 차게 됩니다. 업데이트 후 메인 화면으로 가보겠습니다. 썸네일별로.. 2024. 1. 18.
NN 구글블로그 | 이미지와 동영상 본문 넓이에 맞게 조정하기 구글 블로그인 블로그 (블로그스팟)에서 글을 작성하시다보면 이미지 다루기가 쉽지 않다는 것을 알게되실텐데요. 이미지를 원하는 형태로 보이는 방법을 하나씩 정리해보고자 합니다. 먼저 이미지와 동영상을 본문 넓이에 딱 맞게 조절하는 방법부터 말씀드리겠습니다. 목차  이미지 삽입▶ 먼저 본문에 이미지를 불러옵니다. 이미지는 본문보다 넓어야합니다.▶ 이미지를 클릭 해 보면 이미지크기를 선택할 수 있습니다. "크게", "매우 크게" 를 선택해도 본문과 딱 맞지 않습니다. 모서리를 잡고 드래그 해도 어디까지가 본문 넓이인지 알 수가 없는데요. "원본" 크기를 선택해 줍니다.  수정1) 블로그 관리자 화면 >> 테마 >> 맞춤설정 을 클릭합니다.2) 블로거 테마 디자이너에서 고급 >> CSS 추가를 선택합니다.3) .. 2024. 1. 15.
NN 구글블로그 | 블로거(Blogger) 장단점과 테마 추천 구글 블로그 "blogger"는 도메인에 "blogspot"이 들어가기 때문에 블로그스팟이라고도 불립니다. 이 글에서는 블로그스팟이라고 지칭하겠습니다. 블로그스팟을 시작하기 전에 미리 알아두면 좋은 점들을 정리해 봤습니다. 목차 블로거 (Blogger) 장단점 장점 ▶ 무료로 사용가능합니다 ▶ 계정당 100개까지 개설이 가능합니다 ▶ 구글 서비스(구글서치콘솔, 애널리틱스, 애드센스)와 연동이 쉽고 구글 SEO에 맞게 설정되어있습니다. URL 주소 지정 가능 메타 디스크립션을 따로 만들 수가 있습니다. 티스토리는 첫 문장을 가져다 쓰기 때문에 길이를 정할 수가 없습니다. 구글 블로그스팟은 가능합니다. 단점 ▶ 노출까지 꽤 오랜 시간이 걸리고 그렇기 때문에 유입이 적습니다. ▶ 블로그에 대해 정보를 얻기가 .. 2024. 1. 11.
NN 브런치스토리 | 브런치 매거진과 브런치 북 브런치에서 글을 쓰는 방법은 계속해서 글을 쓰다가 하나의 카테고리화 시킬 때 "브런치 매거진"을 발행한 다음 브런치 매거진을 묶어 책과 같은 형태의 "브런치 북"을 발행하는 것입니다. 목차 브런치 매거진 소개 1) 개념 - 같은 소재로 작성한 글을 묶는 카테고리, 폴더의 개념입니다. 2) 공동집필 - 매거진 하나에 최대 20명 작가가 공동집필할 수 있습니다. 운영 매거진 안에 글은 무한정 담을 수 있지만 "브런치 매거진"은 10개까지 만들 수 있습니다. "브런치 북"을 만든 다음 해당 매거진을 삭제하거나 숨기게 되는데 그냥 삭제하는 것 보다는 매거진 하나를 그 동안 쓴 글들을 모아두는 용도로 쓰는 것을 추천한다고 합니다. 1) 브런치 매거진을 나중에 만드는 방법 - 컨셉이나 주제가 아직 불분명하다면 우선.. 2023. 11. 4.
NN IFTTT 기본 개념과 애플릿 생성 방법 블로그를 하다보면 자신의 블로그에 발행한 글을 페이스북 페이지 등에 자동으로 RSS 발행시키기 위해 IFTTT를 이용하게 됩니다. 이 포스팅에서는 IFTTT의 기본 개념과 애플릿을 만드는 법을 설명드립니다. 목차 1. IFTTT 소개 1) 사이트 주소 - https://ifttt.com/explore Explore Integrations - IFTTT Get more from the services you love on IFTTT. Explore the latest tips and tricks, browse by category, or search by name. ifttt.com 2) 발음 - IFTTT는 If This Then That의 약자로 'g'가 없지만 '기프트'로 발음합니다 3) 기능 - 인.. 2023. 10. 24.
NN JavaScript | 클릭 시 복사 버튼 만들기 (clipboard.js) clipboard.js 자바스크립트를 사용해 클릭 시 내용이 복사되는 버튼을 만들어 보겠습니다. 티스토리에도 적용되도록 쉽게 설명드릴게요. 목차 clipboard.js clipboard.js는 요소를 클릭했을 때 클립보드를 복사해주는 자바스크립트입니다. 아래 관련 페이지로 가시면 자세한 내용을 확인하실 수 있어요. 홈페이지 - https://clipboardjs.com/ GitHub - https://github.com/zenorocha/clipboard.js/ 자바스크립트 파일을 다운로드해서 사용하는 방법과 CDN으로 연결하는 방법 둘 중 하나로 사용하시면 됩니다. 다운로드 자바스크립트 파일을 다운로드해서 티스토리 html/파일업로드에 올려서 사용할 수 있습니다. 1) 다운로드 - https://cli.. 2023. 9. 30.
NN 구글애드센스 | 구글 GDPR 메시지 만들기 구글 애드센스에 가면 2024년 1월 16일부터 동의 관리 플랫폼 (CMP)를 사용해야 하고 GDPR 메시지를 설정 먼저 설정하라는 경고가 뜨는데요. 무엇인지 어떻게 처리해야 하는지 알아보겠습니다. 목차 GDPR 이란 GDPR General Data Protection Regulation (개인정보규정) - 2018년에 제정된 "유럽의 개인 정보 보호 법률" 입니다. 이 법 때문에 유럽 경제 지역과 영국 사용자에게 개인정보 수집 동의를 구하는 것입니다. 만약 동의를 구하지 않고 수집하면 개인정보보호법 위반에 속한다고 합니다. 필요성 GDPR 메시지는 유럽 경제 지역 영국의 해당 사용자에게 표시되는 메시지입니다. 유럽의 영어권 사용자를 대상으로 한다면 무조건 넣어야하고 국내 블로그면 크게 상관을 없을 것 .. 2023. 9. 8.

티스토리툴바