뉴스

홈페이지 애니메이션 효과는 내용 이해를 돕는 곳에만 짧게 쓰고, 동작 줄이기 설정을 켠 방문자에게는 멈추는 것이 기준입니다. 이 글에서는 움직임을 넣을지 판단하는 다섯 가지 기준과 prefers-reduced-motion 대응 순서, 자주 하는 실수를 정리했습니다. 움...

DNSSEC은 DNS 응답에 전자서명을 붙여 위조·변조 여부를 확인하게 하는 기술로, 업체가 지원하면 켜 둘 만합니다. 이 글에서는 DNSSEC이 막는 것과 막지 못하는 것, 작은 회사가 도입을 판단하는 4가지 기준, 켜는 순서와 주의할 점을 정리했습니다. DNSSEC...

홈페이지 다크 모드는 방문자의 기기 설정에 맞춰 어두운 색 화면을 보여 주는 기능으로, 모든 사이트에 꼭 필요하지는 않습니다. 이 글에서는 다크 모드가 필요한지 판단하는 기준, 만드는 방식, 색·이미지·로고에서 주의할 6가지를 정리했습니다. 다크 모드는 색만 뒤집는 것...

홈페이지 모바일 메뉴는 메뉴가 많으면 햄버거 메뉴, 자주 쓰는 기능이 서너 개면 하단 탭이 어울립니다. 이 글에서는 두 방식의 차이와 고르는 5가지 기준, 펼침 메뉴를 만드는 요령, 휴대폰에서 직접 확인할 점검 항목을 정리했습니다. 휴대폰에서는 메뉴를 숨길지, 늘 보이...

DNS 관리 계정 보안은 도메인 업체 계정에 2단계 인증을 켜고 잠금을 걸고 레코드를 정기 비교하는 일입니다. 이 글에서는 DNS 설정이 바뀌면 어떤 피해가 생기는지, 관리 계정을 지키는 6가지 수칙, 레코드를 점검하는 4단계를 정리했습니다. DNS 설정은 우리 도메인...

홈페이지 여백과 정렬은 간격 단계를 몇 개로 정하고, 왼쪽 기준선과 그리드를 모든 페이지에 똑같이 적용하면 정리됩니다. 이 글에서는 읽기 쉬운 화면을 만드는 5가지 규칙, 휴대폰에서 달라지는 점, 공개 전 점검 항목을 정리했습니다. 같은 내용도 여백과 정렬이 정돈되면 ...

혼합 콘텐츠는 HTTPS 페이지가 http 주소의 이미지·스크립트를 불러오는 상태로, 주소를 https로 바꾸면 해결됩니다. 이 글에서는 혼합 콘텐츠가 생기는 이유, 브라우저가 종류별로 어떻게 처리하는지, 개발자 도구로 찾아 고치는 5단계를 정리했습니다. HTTPS로 ...

TLS 버전 설정은 TLS 1.2와 1.3만 켜 두고 TLS 1.0·1.1과 SSL 계열을 끄는 것이 기본입니다. 이 글에서는 TLS 버전이 무엇인지, 오래된 버전을 꺼야 하는 근거, 서버 설정 위치를 찾아 바꾸고 외부 점검 도구로 확인하는 4단계를 정리했습니다. 주소...

홈페이지 일러스트 활용은 사진으로 보여 주기 어려운 과정·개념·분위기를 설명할 때 가장 효과적입니다. 이 글에서는 사진 대신 일러스트가 어울리는 4가지 경우, 일러스트를 고르고 쓰는 기준, 저작권과 대체 텍스트에서 주의할 점을 정리했습니다. 일러스트는 사진이 담기 어려...

홈페이지 아이콘 사용은 한 세트만 골라 선 굵기와 크기를 통일하고, 라이선스를 확인한 뒤 쓰면 됩니다. 이 글에서는 아이콘 세트를 고르는 기준, 사이트 안에서 일관성을 지키는 규칙, 라이선스와 접근성 점검 항목 5가지를 정리했습니다. 아이콘은 많이 쓰는 것보다 한 가지...

쿠키 보안 속성은 Secure로 HTTPS 전송만, HttpOnly로 스크립트 읽기 차단, SameSite로 외부 요청을 제한합니다. 이 글에서는 세 속성이 막는 위험, SameSite 값 고르는 기준, 개발자 도구로 로그인 쿠키를 점검하는 방법을 정리했습니다. 로그인...

홈페이지 문구 고쳐쓰기는 한 문장에 한 가지 뜻만 남기고, 꾸밈말을 숫자와 사실로 바꾸는 작업입니다. 이 글에서는 이미 있는 문장을 다듬는 6단계 순서와 고치기 전후 예시, 고친 뒤 확인할 점검 항목을 정리했습니다. 고쳐쓰기는 새로 쓰는 것보다 덜어 내는 일에 가깝습니...

클릭재킹은 응답 헤더로 우리 페이지를 iframe에 넣을 수 있는 사이트를 제한하면 막을 수 있습니다. 이 글에서는 클릭재킹의 위험, 막는 데 쓰는 세 가지 설정의 차이, 내 사이트에 적용하고 확인하는 4단계를 정리했습니다. 클릭재킹은 방문자가 보는 화면과 실제로 누르...

홈페이지 CTA 버튼은 누르면 일어날 일을 동사로 쓰고, 화면마다 주된 버튼 하나를 눈에 띄게 두면 됩니다. 이 글에서는 버튼 문구, 위치, 개수, 크기와 색을 정하는 5가지 기준과 공개 전에 확인할 점검 항목을 정리했습니다. CTA 버튼은 방문자가 다음에 할 일을 한...

콘텐츠 보안 정책(CSP)은 페이지가 불러올 수 있는 스크립트·이미지 출처를 헤더로 정해 두는 보안 장치입니다. 이 글에서는 CSP가 막아 주는 위험, 먼저 알아 둘 지시어 4가지, 사이트가 깨지지 않게 보고 전용 모드부터 시작하는 도입 5단계를 정리했습니다. CSP는...

가격 안내 페이지는 가격 공개, 가격 범위, 상담 후 안내 세 방식 중 서비스 구조에 맞는 하나를 고르면 됩니다. 이 글에서는 세 방식의 차이와 고르는 기준, 어떤 방식이든 꼭 적을 항목, 요금표를 만들 때 흔한 실수를 정리했습니다. 가격 안내는 금액보다 어떻게 정해지...

오래된 자바스크립트 라이브러리는 페이지가 불러오는 파일을 찾아 버전을 적고, 알려진 취약점과 대조해 바꾸면 됩니다. 이 글에서는 화면 쪽 라이브러리가 왜 위험해지는지, 운영자가 브라우저만으로 버전을 확인하는 5단계, 불러오는 방식별 업데이트 방법을 정리했습니다. 제작 ...

오픈소스 라이브러리 취약점은 의존성 목록을 만들고 점검 도구로 정기 확인한 뒤 시험을 거쳐 업데이트하면 줄일 수 있습니다. 이 글에서는 의존성이 무엇인지, 목록을 관리하는 5단계, PHP와 자바스크립트 프로젝트에서 쓰는 점검 명령, 업데이트할 때 주의할 점을 정리했습니...

서비스 소개 페이지 작성은 대상, 해결하는 문제, 진행 과정, 범위, 비용 안내, 문의 순으로 쓰면 됩니다. 이 글에서는 서비스마다 페이지를 나눌지 정하는 기준, 6가지 구성 요소와 설명 문장 쓰는 법, 자주 하는 실수를 정리했습니다. 서비스 페이지는 무엇을 해 주는지...

제품 소개 페이지 구성은 제품명·한 줄 설명, 사진, 특징, 사양, 활용 예, 자료, 문의 순서가 기본입니다. 이 글에서는 상세 페이지에 담을 8가지 항목과 배치 순서, 제품이 여러 개일 때 목록을 정리하는 법과 자주 하는 실수를 정리했습니다. 제품 상세 페이지는 방문...