블로그스팟 글에 코드 블록 삽입하는 법

  📋 목차 블로그스팟에 코드 블록이 없다고? highlight.js 테마에 설치하기 글 작성할 때 코드 넣는 실전 방법 GitHub Gist로 더 간단하게 삽입하기 코드 블록 디자인 입맛대로 바꾸기 처음에 다 겪는 실수 모음 자주 묻는 질문 블로그스팟에서 개발 관련 글을 쓰려는데 코드 블록 기능이 없어서 당황했다면, highlight.js 라이브러리 하나면 깔끔한 신택스 하이라이팅까지 해결된다. 블로그스팟으로 기술 블로그를 운영하겠다고 마음먹고 첫 글을 쓰는데, 코드를 넣을 방법이 없어서 멘붕이 왔다. 티스토리는 버튼 하나로 코드 블록이 들어가잖아요. 근데 블로그스팟 에디터에는 그런 게 없더라고요. 코드를 그냥 텍스트로 붙여넣으면 들여쓰기가 다 깨지고, 줄바꿈도 엉망이 되고. 처음에는 스크린샷을 찍어서 이미지로 넣을까도 생각했는데, 그러면 복사도 안 되고 SEO에도 최악이라 포기했다. 이리저리 검색하면서 highlight.js라는 라이브러리를 발견했고, GitHub Gist를 활용하는 방법도 알게 됐다. 둘 다 써보니 상황에 따라 쓰임이 다르더라고요. 이 글에서 두 가지 방법 다 정리해놓을 테니까 본인 상황에 맞는 걸 골라 쓰면 된다. 블로그스팟에 코드 블록이 없다고? 블로그스팟(Blogger)은 구글에서 제공하는 무료 블로그 플랫폼인데, 글꼴 변경이나 자동 임시저장 같은 기능은 괜찮다. 문제는 개발자에게 필수인 코드 블록 삽입 기능을 기본으로 제공하지 않는다는 거다. 에디터에서 Courier 폰트를 적용할 수는 있거든요. 근데 이걸 코드 블록처럼 쓰면 각 줄이 별도 문단으로 처리되면서 줄 간격이 벌어진다. 보기 흉하다. HTML 보기로 전환해서 <pre> 태그로 감싸면 줄 간격은 해결되지만, 구문 강조(syntax highlighting)가 안 되니까 코드가 시각적으로 묻혀버린다. 그래서 필요한 게 외부 라이브러리다. 블로그스팟은 테마 HTML을 직접 편집할 수 있어서, 여기에 자바스크립...
댓글 쓰기

개인정보처리방침

개인정보처리방침

애드센스연구소(이하 "본 블로그", https://adlab1.blogspot.com)는 방문자의 개인정보를 소중히 여기며, 관련 법령에 따라 개인정보를 보호하기 위해 본 개인정보처리방침을 수립·공개합니다.

시행일: 2026년 3월 31일  |  최종 수정일: 2026년 3월 31일

1. 수집하는 개인정보 항목

본 블로그는 별도의 회원가입 절차가 없으며, 방문자로부터 직접적으로 개인정보를 수집하지 않습니다. 다만, 아래의 경우에 한하여 최소한의 정보가 수집될 수 있습니다.

댓글 작성 시: Google 계정 프로필명, 프로필 이미지(Google Blogger 댓글 시스템을 통해 자동 수집)

이메일 문의 시: 발신자 이메일 주소, 문의 내용

자동 수집 정보: 방문자의 IP 주소, 브라우저 유형, 운영체제, 방문 일시, 페이지 뷰 등의 로그 정보가 Google Blogger 플랫폼 및 Google Analytics를 통해 자동으로 수집될 수 있습니다.

2. 개인정보의 수집 및 이용 목적

수집된 정보는 다음의 목적으로만 이용됩니다.

댓글 관리 및 문의 답변, 블로그 이용 통계 분석 및 서비스 개선, 부정 이용 방지 및 보안 유지가 그 목적이며, 수집된 정보를 상기 목적 이외의 용도로 사용하지 않습니다.

3. 쿠키(Cookie) 및 광고 관련 안내

본 블로그는 Google AdSense를 통해 광고를 게재할 수 있으며, 이 과정에서 Google 및 제3자 광고 네트워크가 쿠키를 사용할 수 있습니다.

Google AdSense 쿠키: Google은 사용자의 관심사에 기반한 맞춤 광고를 제공하기 위해 DART 쿠키를 사용할 수 있습니다. 사용자는 Google 광고 설정에서 맞춤 광고를 비활성화할 수 있습니다.

Google Analytics: 본 블로그는 방문 통계 분석을 위해 Google Analytics를 사용할 수 있으며, 이 과정에서 쿠키가 사용됩니다. Google Analytics의 데이터 처리에 대한 상세 내용은 Google의 파트너 사이트 정책에서 확인할 수 있습니다.

쿠키 거부 방법: 사용자는 웹 브라우저의 설정을 통해 쿠키 저장을 거부할 수 있습니다. 다만, 쿠키를 거부하면 일부 서비스 이용에 제한이 있을 수 있습니다.

외부 광고 네트워크의 쿠키 사용을 차단하려면 Digital Advertising Alliance 또는 Your Online Choices에서 설정할 수 있습니다.

4. 개인정보의 제3자 제공

본 블로그는 방문자의 개인정보를 외부에 판매하거나 제공하지 않습니다. 다만, 본 블로그가 이용하는 Google Blogger 플랫폼, Google AdSense, Google Analytics 등의 서비스를 통해 Google에 의해 데이터가 처리될 수 있으며, 이는 각 서비스의 개인정보처리방침에 따릅니다.

관련 정책은 Google 개인정보처리방침에서 확인하실 수 있습니다.

5. 개인정보의 보유 및 파기

이메일을 통해 수집된 문의 내용은 답변 완료 후 6개월 이내에 파기합니다. 댓글을 통해 공개된 정보는 해당 댓글이 삭제될 때까지 유지되며, 작성자가 직접 삭제하거나 블로그 운영자에게 삭제를 요청할 수 있습니다.

Google Blogger 플랫폼이 자동으로 수집하는 로그 정보의 보유·파기는 Google의 정책에 따릅니다.

6. 이용자의 권리

방문자는 언제든지 자신의 개인정보에 대해 열람, 수정, 삭제를 요청할 수 있습니다. 본인이 작성한 댓글은 직접 삭제할 수 있으며, 이메일로 제공한 정보의 삭제를 원하실 경우 블로그 운영자에게 연락해 주시면 지체 없이 처리하겠습니다.

7. 아동의 개인정보 보호

본 블로그는 만 14세 미만 아동의 개인정보를 의도적으로 수집하지 않습니다. 만약 만 14세 미만 아동의 개인정보가 수집된 사실을 인지하게 되면, 해당 정보를 즉시 삭제하겠습니다.

본 블로그에는 외부 웹사이트로의 링크가 포함될 수 있습니다. 외부 사이트의 개인정보 처리에 대해서는 본 블로그가 책임지지 않으며, 해당 사이트의 개인정보처리방침을 직접 확인하시기 바랍니다.

9. GDPR 및 국제 방문자 안내

유럽경제지역(EEA) 및 영국에서 본 블로그에 접속하는 경우, EU 일반개인정보보호규정(GDPR)에 따른 권리가 적용됩니다. 데이터 접근, 수정, 삭제, 처리 제한, 데이터 이동성 등의 권리를 행사하고자 하는 경우 블로그 운영자에게 이메일로 연락해 주시기 바랍니다.

Google의 GDPR 관련 동의 메시지가 표시될 수 있으며, 이에 대한 설정은 Google 광고 설정에서 관리할 수 있습니다.

10. 개인정보처리방침의 변경

본 방침은 법령 변경이나 서비스 변경 사항을 반영하기 위해 수시로 개정될 수 있습니다. 개정 시 본 페이지에 변경 사항과 시행일을 공지하며, 중요한 변경의 경우 블로그 메인 페이지에 별도 안내합니다.

11. 개인정보 관련 문의

개인정보 처리와 관련한 문의, 불만, 피해 구제 등은 아래 연락처로 문의해 주시기 바랍니다.

블로그명: 애드센스연구소
URL: https://adlab1.blogspot.com
이메일: suncature@gmail.com 

또한, 개인정보 침해에 대한 신고나 상담이 필요하신 경우 아래 기관에 문의하실 수 있습니다.

개인정보침해 신고센터: privacy.kisa.or.kr (국번없이 118)
개인정보 분쟁조정위원회: www.kopico.go.kr (국번없이 1833-6972)

댓글

댓글 쓰기