전체 글73 개인정보 처리방침 페이지 HTML 템플릿 애드센스 심사 필수 항목 개인정보 처리방침 페이지 HTML 템플릿 - 애드센스 심사 필수 항목을 갖춘 페이지 만들기애드센스 심사를 처음 신청했을 때 반려당하면서 받은 메일에 "정책 준수" 관련 내용이 있었다. 막연했다. 뭘 어떻게 하라는 건지. 개인정보 처리방침 페이지가 필요하다는 건 알았는데, 어떤 내용이 들어가야 하는지, 어떤 형식이어야 하는지 아무것도 몰랐다. 법무팀이 있는 대기업도 아니고 개인 블로그 운영자 입장에서 법적 문서를 작성한다는 게 처음에는 마치 의사 면허 없이 수술하는 것처럼 막막했다. 직접 부딪히며 통과한 경험을 토대로 정리해 본다.왜 개인정보 처리방침이 애드센스 심사에 필수인가구글 애드센스는 광고를 통해 사용자 데이터를 수집한다. 쿠키, 기기 정보, 행동 데이터 등이 광고 타겟팅에 사용된다. 구글의 광고 .. 2026. 5. 9. 콘텐츠 복사 방지: 오른쪽 클릭·드래그 방지로 내 글을 보호하는 현실적인 방법 오른쪽 클릭·드래그 방지로 내 글을 보호하는 현실적인 방법글을 열심히 쓰고 올렸더니 다음 날 다른 블로그에 토씨 하나 안 바꾸고 그대로 올라가 있었다. 처음 이런 경험을 했을 때 황당함이 분노보다 먼저 왔다. 어떻게 이런 사람이 있지? 그러다가 어떻게 막을까를 고민했다. 오른쪽 클릭 방지, 드래그 방지, 선택 방지. 이것저것 시도해 봤다. 솔직히 말하면, 완벽한 방어는 없다. 하지만 의미 없지는 않다. 자동차에 도어락이 있다고 도둑을 100% 막지는 못해도, 잠그는 것이 안 잠그는 것보다는 훨씬 낫다. 그 현실적인 선에서 얘기를 해보려 한다.왜 완벽한 복사 방지는 불가능한가먼저 솔직하게 한계를 짚고 가자. HTML과 CSS로 복사를 방지해도, 개발자 도구를 열면 소스를 그대로 볼 수 있다. 화면을 캡처해.. 2026. 5. 8. 외부 링크 보안 설정 rel="noopener noreferrer" 보안과 SEO 동시에 잡기 외부 링크 보안 설정: rel="noopener noreferrer" 속성으로 보안과 SEO 동시에 잡기외부 링크에 target="_blank"를 쓰면서 rel="noopener noreferrer"를 빠뜨리는 것, 이게 얼마나 위험한 일인지 대부분의 개발자가 모른다. 아니, 알면서도 그냥 넘어간다. 나도 그랬다. 별일 있겠냐 싶었다. 그런데 실제로 해당 취약점을 통한 공격 사례를 접하고 나서 생각이 완전히 바뀌었다. 잠그지 않은 자동차 문에 현금 다발을 올려두는 것과 같은 일이었다.target="_blank"의 숨겨진 위험: window.opener 취약점target="_blank"로 외부 링크를 열면 새 탭이 생성된다. 여기까지는 누구나 안다. 그런데 이때 새로 열린 탭은 원래 페이지, 즉 opene.. 2026. 5. 7. aria-label 스크린 리더 대응으로 구글이 좋아하는 시맨틱 구조 강화 구글이 좋아하는 시맨틱 구조 강화처음 aria-label이라는 속성을 알았을 때 반응이 "이게 뭐 대수냐"였다. 그냥 텍스트 하나 더 붙이는 거잖아. 그런데 현장에서 스크린 리더 테스트를 직접 해보고 나서 생각이 완전히 뒤집혔다. 화면을 보지 않고 소리만으로 웹페이지를 탐색하는 경험은 충격적이었다. "버튼, 버튼, 버튼" 이렇게만 읽히는 화면에서 사용자가 느끼는 답답함은 마치 불 꺼진 지하 주차장에서 내 차를 찾는 것과 다르지 않았다.ARIA가 뭔지, WAI-ARIA부터 이해하자ARIA는 Accessible Rich Internet Applications의 약자다. WAI-ARIA라고 하면 Web Accessibility Initiative에서 만든 스펙을 말한다. 쉽게 말하면 HTML 요소에 의미와 역.. 2026. 5. 6. 웹 접근성(WCAG)색상 대비율·포커스 표시로 SEO 점수 올리는 방법 대비율·포커스 표시로 SEO 점수까지 올리는 방법웹 접근성이라는 단어를 처음 들었을 때 솔직히 코웃음을 쳤다. 그게 무슨 대수냐 싶었다. 화면 잘 보이고 클릭 잘 되면 끝 아니냐는 생각이었다. 그런데 현장에서 10년 넘게 굴러다니다 보니 그 생각이 얼마나 좁은 우물 안 개구리였는지 뼈저리게 느끼게 됐다. 접근성은 장애인을 위한 시혜가 아니었다. 구조가 단단해야 건물이 지진에도 버티듯, 접근성이 갖춰진 웹은 검색 엔진도 제대로 읽어낸다는 걸 알게 됐다.WCAG가 뭔지부터 제대로 짚고 가자WCAG는 Web Content Accessibility Guidelines의 줄임말이다. 국제 웹 표준 기구 W3C에서 만든 웹 콘텐츠 접근성 지침이다. 현재 기준으로 2.1 버전이 가장 널리 쓰이며 2.2 버전도 공식 .. 2026. 5. 5. 티스토리 카카오 로그인 버튼 CSS 재스타일링: 기본 디자인을 내 브랜드에 맞게 바꾸는 방법 4가지 티스토리 카카오 로그인 버튼 CSS 재스타일링: 기본 디자인을 내 브랜드에 맞게 바꾸는 방법 4가지티스토리 블로그에 댓글 기능을 쓰다 보면 카카오 로그인 버튼이 기본 상태로 떡하니 자리를 차지하고 있다. 노란 배경에 카카오 로고가 박힌 기본 버튼인데, 어떤 스킨에서는 블로그 전체 분위기와 전혀 어울리지 않아 거슬린다. 마치 모노톤으로 정성껏 꾸민 방에 형광 노란 의자 하나가 들어온 느낌이었다. 처음에는 저게 바꿀 수 있는 건지도 몰랐다. 개발자 도구로 요소를 클릭해보다가 클래스 이름을 발견했고, CSS 덮어쓰기로 충분히 스타일을 바꿀 수 있다는 걸 알게 됐다. 첫 번째: 개발자 도구로 카카오 버튼 클래스명 정확히 찾기어떤 요소를 바꾸려면 먼저 그 요소의 이름을 알아야 한다. 마치 사람을 부를 때 이름을 .. 2026. 5. 4. 이전 1 2 3 4 5 6 7 ··· 13 다음
