전체 글

글 143개

안녕하세요. 코딩하는 안다형입니다.

Cloudflare R2 스토리지, S3와 뭐가 다른가 이미지나 파일을 클라우드에 저장하려고 하면 대부분 AWS S3를 떠올립니다. 그런데 S3는 저장 비용보다 "데이터를 밖으로 꺼낼 때(egress)" 드는 비용이 더 부담스러운 경우가 많습니다. Cloudflare R2는 이 egress 비용을 아예 받지 않는 게 가장 큰 특징입니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 R2가 뭐고 S3와 뭐가 다른지, 무료로 어디까지 쓸 수 있는지 정리했습니다.3줄 요약R2는 Cloudflare의 오브젝트 스토리지 서비스로 S3와 호환되는 방식으로 사용할 수 있습니다.가장 큰 차이는 데이터를 꺼낼 때 드는 egress 비용이 없다는 점입니다.일정 저장 용량까지는 무료 한도 안에서 사용할 수 있습니다.오브젝트 스토리지가 뭔가이미지, 동영상, 백업 파일처럼 크기가.. 클라우드플레어11:55:59댓글
카카오톡 PC버전 대화 백업하고 복원하는 방법 컴퓨터를 바꾸거나 카카오톡을 재설치해야 하는데, PC에서 주고받은 중요한 대화가 사라질까 걱정된 적 있으실 겁니다. 카카오톡 PC버전은 대화 내용을 파일로 백업하는 기능을 제공합니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 카카오톡 PC버전에서 대화를 백업하고 복원하는 방법을 정리했습니다.3줄 요약채팅방마다 개별적으로 대화 내용을 파일로 저장할 수 있습니다.백업 파일에는 텍스트만 포함되고, 사진/동영상은 별도로 저장해야 합니다.복원은 같은 형식의 백업 파일을 불러오는 방식으로 진행됩니다.대화 내보내기 하는 방법백업하고 싶은 채팅방을 열고, 채팅방 설정(메뉴 아이콘)에서 대화 내용 내보내기를 선택합니다. 텍스트 파일(txt) 형식으로 저장할 위치를 지정하면 해당 채팅방의 전체 대화 내용이 하나의 파.. 아이티정보06:55:35댓글
구글 애널리틱스4(GA4) 기초 설정 방법 블로그나 홈페이지를 운영하면서 방문자가 어디서 오는지, 어떤 글을 많이 보는지 궁금하지 않으셨나요? 구글 애널리틱스4(GA4)를 붙이면 이런 데이터를 무료로 확인할 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 GA4를 처음 설정하는 기본 순서를 정리했습니다.3줄 요약구글 애널리틱스 계정을 만들고 속성을 등록하면 추적 코드가 발급됩니다.이 코드를 사이트에 삽입해야 데이터가 쌓이기 시작합니다.실시간 보고서로 코드가 제대로 작동하는지 바로 확인할 수 있습니다.계정과 속성 만들기analytics.google.com에 접속해서 계정을 만들고, 그 안에 속성(웹사이트 단위)을 추가합니다. 속성을 만들 때 사이트 이름, 시간대, 통화 단위를 설정하고, 웹 스트림을 추가하면서 내 사이트 주소를 입력하면.. 아이티정보2026.09.16댓글
CSS로 다크모드 적용하는 기본 방법 밤에 사이트를 볼 때 흰 배경이 너무 밝아서 눈이 부신 경험, 다들 있으실 겁니다. 다크 모드를 지원하는 사이트가 점점 늘어나는 이유입니다. CSS 몇 줄이면 기본적인 다크 모드를 구현할 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 CSS로 다크 모드를 적용하는 기본 방법을 정리했습니다.3줄 요약가장 간단한 방법은 prefers-color-scheme 미디어 쿼리를 쓰는 것입니다.사용자가 직접 켜고 끌 수 있게 하려면 자바스크립트로 클래스를 토글하는 방식이 필요합니다.색상 값을 CSS 변수로 관리하면 유지보수가 훨씬 편해집니다.가장 쉬운 방법: 시스템 설정 따라가기:root { --bg-color: #ffffff; --text-color: #111111;}@media (prefers-.. 웹사이트 꿀기능2026.09.16댓글
Cloudflare Web Analytics 무료로 방문자 통계 보기 구글 애널리틱스를 붙이면 방문자 통계가 자세히 나오지만, 스크립트가 무겁고 쿠키 동의 배너까지 따로 신경 써야 합니다. 방문자 수, 유입 경로 정도만 가볍게 보고 싶다면 Cloudflare Web Analytics가 더 간단한 선택일 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 Cloudflare Web Analytics를 무료로 설정하는 방법과 구글 애널리틱스와 뭐가 다른지 정리했습니다.3줄 요약Cloudflare Web Analytics는 무료이고 쿠키를 사용하지 않는 방식으로 동작합니다.스크립트 한 줄만 붙이면 되고, 도메인이 이미 Cloudflare에 연결돼 있다면 자동으로 설정할 수도 있습니다.구글 애널리틱스보다 지표는 단순하지만 페이지 로딩에 주는 부담이 적습니다.구글 애널리틱.. 클라우드플레어2026.09.16댓글
WAF 때문에 관리자 페이지가 차단될 때 예외 처리하기 보안 설정을 조금 올렸더니 내 관리자 페이지가 403으로 막혔습니다. 글도 못 쓰고 설정도 못 바꿉니다. 그런데 여기서 당황해서 보안 수준을 최저로 내려버리면, 문제는 사라지지만 사이트도 무방비가 됩니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 자기 자신이 잠겼을 때 방어를 유지한 채 되살리는 순서를 정리했습니다. 핵심은 전체를 낮추지 않고 내 접속만 여는 것입니다.3줄 요약1. 먼저 보안 이벤트 로그에서 무엇이 막았는지 확인합니다. 원인마다 대응이 다릅니다.2. 급하면 내 IP만 Skip으로 여세요. 보안 수준을 전체적으로 낮추면 안 됩니다.3. 조치 후 다른 네트워크에서 여전히 차단되는지 반드시 확인하세요. 먼저: 진짜 WAF가 막은 게 맞나엉뚱한 곳을 고치지 않으려면 이것부터 가려야 합니다... 클라우드플레어2026.09.15댓글
Managed Ruleset 켜고 오탐(False Positive) 줄이기 관리형 규칙(Managed Ruleset)은 Cloudflare가 미리 만들어 둔 보안 규칙 묶음입니다. 켜기만 하면 알려진 공격이 걸러지니 편합니다. 문제는 켠 다음입니다. 정상적인 내 작업까지 막히기 시작합니다.안녕하세요, 코딩하는 안다형입니다. 이런 현상을 오탐(False Positive)이라고 합니다. 이 글에서는 오탐을 방어를 유지한 채 줄이는 방법을 정리했습니다. 핵심은 규칙 세트를 통째로 끄지 않는 것입니다.3줄 요약1. 오탐이 나면 보안 이벤트 로그에서 Rule ID를 찾는 것이 첫걸음입니다.2. 규칙 세트 전체를 끄지 말고 그 Rule ID만, 그 경로에서만 예외로 두세요.3. 예외를 넣은 뒤에는 다시 로그를 확인합니다. 한 번에 끝나는 경우는 드뭅니다. 오탐은 왜 생기나관리형 규칙은 공.. 클라우드플레어2026.09.15댓글
WAF란 무엇인가, 웹 방화벽 기본 개념과 동작 위치 Cloudflare 메뉴에 보안 항목이 있고 그 안에 WAF가 있습니다. 이름은 자주 봤는데 정확히 무슨 일을 하는지, 그리고 무엇까지 막아주고 무엇은 못 막는지는 애매합니다. 여기를 정확히 알아야 과신하지도, 불필요하게 겁먹지도 않습니다.안녕하세요, 코딩하는 안다형입니다. 2주차는 보안 편입니다. 이 글에서는 WAF가 어디에 서 있고 무엇을 기준으로 판단하는지를 먼저 잡겠습니다. 원리를 알면 뒤에 나올 규칙 만들기가 훨씬 쉬워집니다.3줄 요약1. WAF는 방문자와 원본 서버 사이에 서서 요청 내용을 검사합니다. 프록시가 켜져 있어야 동작합니다.2. 판단 기준은 요청의 모양입니다. 주소, 헤더, 본문에 공격 패턴이 있는지를 봅니다.3. WAF는 방어의 한 겹입니다. 프로그램 업데이트와 비밀번호 관리를 대.. 클라우드플레어2026.09.15댓글
오픈그래프(OG) 설정법, 링크 공유 미리보기 예쁘게 만들기 카카오톡이나 페이스북에 링크를 공유했을 때 제목도 없이 밋밋한 텍스트만 뜬 경험 있으신가요? 반대로 어떤 링크는 이미지와 요약까지 예쁘게 뜹니다. 이 차이를 만드는 게 오픈그래프(Open Graph) 태그입니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 오픈그래프가 뭐고 어떻게 설정하는지 정리했습니다.3줄 요약오픈그래프는 링크를 공유했을 때 미리보기 카드에 표시될 정보를 정의하는 태그입니다.제목, 설명, 이미지, 주소 네 가지가 핵심입니다.head 태그 안에 메타 태그로 추가하면 적용됩니다.기본 오픈그래프 태그 구조이 태그들이 head 안에 있으면, 카카오톡이나 페이스북, 트위터 같은 서비스가 링크를 공유할 때 이 정보를 읽어 미리보기 카드를 만들어줍니다.이미지가 특히 중요한 이유og:image로 .. 웹사이트 꿀기능2026.09.14댓글
쇼핑몰 구축 비용 총정리: 한국에서 쇼피파이가 불리한 이유 쇼핑몰을 열 때 구축비부터 비교하는 경우가 많습니다. 그런데 쇼핑몰에서 진짜 돈이 나가는 곳은 구축비가 아니라 매달 매출에 비례해서 빠지는 수수료입니다.월 구독료 3만원 차이는 1년에 36만원이지만, 수수료 1% 차이는 월 매출 1,000만원이면 1년에 120만원입니다. 이 글은 그 계산을 해본 것입니다.먼저 고정비부터서비스월 고정비연간 결제 시주요 제약카페24 뉴아우토반 절약형450원-디스크 700MB, 일 1.6GB카페24 뉴아우토반 비즈니스6,300원-디스크 4GB, 일 10GB아임웹 Starter20,000원16,000원상품 10개, 카테고리 3개아임웹 Pro30,000원24,000원상품 무제한쇼피파이 Basic약 33,500원약 25,460원타사 PG 추가 2%쇼피파이 Grow약 87,100원약.. 초보자도 홈페이지만들기!2026.09.14댓글
Cloudflare R2 스토리지, S3와 뭐가 다른가 이미지나 파일을 클라우드에 저장하려고 하면 대부분 AWS S3를 떠올립니다. 그런데 S3는 저장 비용보다 "데이터를 밖으로 꺼낼 때(egress)" 드는 비용이 더 부담스러운 경우가 많습니다. Cloudflare R2는 이 egress 비용을 아예 받지 않는 게 가장 큰 특징입니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 R2가 뭐고 S3와 뭐가 다른지, 무료로 어디까지 쓸 수 있는지 정리했습니다.3줄 요약R2는 Cloudflare의 오브젝트 스토리지 서비스로 S3와 호환되는 방식으로 사용할 수 있습니다.가장 큰 차이는 데이터를 꺼낼 때 드는 egress 비용이 없다는 점입니다.일정 저장 용량까지는 무료 한도 안에서 사용할 수 있습니다.오브젝트 스토리지가 뭔가이미지, 동영상, 백업 파일처럼 크기가.. 클라우드플레어2026. 9. 17.
카카오톡 PC버전 대화 백업하고 복원하는 방법 컴퓨터를 바꾸거나 카카오톡을 재설치해야 하는데, PC에서 주고받은 중요한 대화가 사라질까 걱정된 적 있으실 겁니다. 카카오톡 PC버전은 대화 내용을 파일로 백업하는 기능을 제공합니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 카카오톡 PC버전에서 대화를 백업하고 복원하는 방법을 정리했습니다.3줄 요약채팅방마다 개별적으로 대화 내용을 파일로 저장할 수 있습니다.백업 파일에는 텍스트만 포함되고, 사진/동영상은 별도로 저장해야 합니다.복원은 같은 형식의 백업 파일을 불러오는 방식으로 진행됩니다.대화 내보내기 하는 방법백업하고 싶은 채팅방을 열고, 채팅방 설정(메뉴 아이콘)에서 대화 내용 내보내기를 선택합니다. 텍스트 파일(txt) 형식으로 저장할 위치를 지정하면 해당 채팅방의 전체 대화 내용이 하나의 파.. 아이티정보2026. 9. 17.
구글 애널리틱스4(GA4) 기초 설정 방법 블로그나 홈페이지를 운영하면서 방문자가 어디서 오는지, 어떤 글을 많이 보는지 궁금하지 않으셨나요? 구글 애널리틱스4(GA4)를 붙이면 이런 데이터를 무료로 확인할 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 GA4를 처음 설정하는 기본 순서를 정리했습니다.3줄 요약구글 애널리틱스 계정을 만들고 속성을 등록하면 추적 코드가 발급됩니다.이 코드를 사이트에 삽입해야 데이터가 쌓이기 시작합니다.실시간 보고서로 코드가 제대로 작동하는지 바로 확인할 수 있습니다.계정과 속성 만들기analytics.google.com에 접속해서 계정을 만들고, 그 안에 속성(웹사이트 단위)을 추가합니다. 속성을 만들 때 사이트 이름, 시간대, 통화 단위를 설정하고, 웹 스트림을 추가하면서 내 사이트 주소를 입력하면.. 아이티정보2026. 9. 16.
CSS로 다크모드 적용하는 기본 방법 밤에 사이트를 볼 때 흰 배경이 너무 밝아서 눈이 부신 경험, 다들 있으실 겁니다. 다크 모드를 지원하는 사이트가 점점 늘어나는 이유입니다. CSS 몇 줄이면 기본적인 다크 모드를 구현할 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 CSS로 다크 모드를 적용하는 기본 방법을 정리했습니다.3줄 요약가장 간단한 방법은 prefers-color-scheme 미디어 쿼리를 쓰는 것입니다.사용자가 직접 켜고 끌 수 있게 하려면 자바스크립트로 클래스를 토글하는 방식이 필요합니다.색상 값을 CSS 변수로 관리하면 유지보수가 훨씬 편해집니다.가장 쉬운 방법: 시스템 설정 따라가기:root { --bg-color: #ffffff; --text-color: #111111;}@media (prefers-.. 웹사이트 꿀기능2026. 9. 16.
Cloudflare Web Analytics 무료로 방문자 통계 보기 구글 애널리틱스를 붙이면 방문자 통계가 자세히 나오지만, 스크립트가 무겁고 쿠키 동의 배너까지 따로 신경 써야 합니다. 방문자 수, 유입 경로 정도만 가볍게 보고 싶다면 Cloudflare Web Analytics가 더 간단한 선택일 수 있습니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 Cloudflare Web Analytics를 무료로 설정하는 방법과 구글 애널리틱스와 뭐가 다른지 정리했습니다.3줄 요약Cloudflare Web Analytics는 무료이고 쿠키를 사용하지 않는 방식으로 동작합니다.스크립트 한 줄만 붙이면 되고, 도메인이 이미 Cloudflare에 연결돼 있다면 자동으로 설정할 수도 있습니다.구글 애널리틱스보다 지표는 단순하지만 페이지 로딩에 주는 부담이 적습니다.구글 애널리틱.. 클라우드플레어2026. 9. 16.
WAF 때문에 관리자 페이지가 차단될 때 예외 처리하기 보안 설정을 조금 올렸더니 내 관리자 페이지가 403으로 막혔습니다. 글도 못 쓰고 설정도 못 바꿉니다. 그런데 여기서 당황해서 보안 수준을 최저로 내려버리면, 문제는 사라지지만 사이트도 무방비가 됩니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 자기 자신이 잠겼을 때 방어를 유지한 채 되살리는 순서를 정리했습니다. 핵심은 전체를 낮추지 않고 내 접속만 여는 것입니다.3줄 요약1. 먼저 보안 이벤트 로그에서 무엇이 막았는지 확인합니다. 원인마다 대응이 다릅니다.2. 급하면 내 IP만 Skip으로 여세요. 보안 수준을 전체적으로 낮추면 안 됩니다.3. 조치 후 다른 네트워크에서 여전히 차단되는지 반드시 확인하세요. 먼저: 진짜 WAF가 막은 게 맞나엉뚱한 곳을 고치지 않으려면 이것부터 가려야 합니다... 클라우드플레어2026. 9. 15.
Managed Ruleset 켜고 오탐(False Positive) 줄이기 관리형 규칙(Managed Ruleset)은 Cloudflare가 미리 만들어 둔 보안 규칙 묶음입니다. 켜기만 하면 알려진 공격이 걸러지니 편합니다. 문제는 켠 다음입니다. 정상적인 내 작업까지 막히기 시작합니다.안녕하세요, 코딩하는 안다형입니다. 이런 현상을 오탐(False Positive)이라고 합니다. 이 글에서는 오탐을 방어를 유지한 채 줄이는 방법을 정리했습니다. 핵심은 규칙 세트를 통째로 끄지 않는 것입니다.3줄 요약1. 오탐이 나면 보안 이벤트 로그에서 Rule ID를 찾는 것이 첫걸음입니다.2. 규칙 세트 전체를 끄지 말고 그 Rule ID만, 그 경로에서만 예외로 두세요.3. 예외를 넣은 뒤에는 다시 로그를 확인합니다. 한 번에 끝나는 경우는 드뭅니다. 오탐은 왜 생기나관리형 규칙은 공.. 클라우드플레어2026. 9. 15.
WAF란 무엇인가, 웹 방화벽 기본 개념과 동작 위치 Cloudflare 메뉴에 보안 항목이 있고 그 안에 WAF가 있습니다. 이름은 자주 봤는데 정확히 무슨 일을 하는지, 그리고 무엇까지 막아주고 무엇은 못 막는지는 애매합니다. 여기를 정확히 알아야 과신하지도, 불필요하게 겁먹지도 않습니다.안녕하세요, 코딩하는 안다형입니다. 2주차는 보안 편입니다. 이 글에서는 WAF가 어디에 서 있고 무엇을 기준으로 판단하는지를 먼저 잡겠습니다. 원리를 알면 뒤에 나올 규칙 만들기가 훨씬 쉬워집니다.3줄 요약1. WAF는 방문자와 원본 서버 사이에 서서 요청 내용을 검사합니다. 프록시가 켜져 있어야 동작합니다.2. 판단 기준은 요청의 모양입니다. 주소, 헤더, 본문에 공격 패턴이 있는지를 봅니다.3. WAF는 방어의 한 겹입니다. 프로그램 업데이트와 비밀번호 관리를 대.. 클라우드플레어2026. 9. 15.
오픈그래프(OG) 설정법, 링크 공유 미리보기 예쁘게 만들기 카카오톡이나 페이스북에 링크를 공유했을 때 제목도 없이 밋밋한 텍스트만 뜬 경험 있으신가요? 반대로 어떤 링크는 이미지와 요약까지 예쁘게 뜹니다. 이 차이를 만드는 게 오픈그래프(Open Graph) 태그입니다.안녕하세요, 코딩하는 안다형입니다. 이 글에서는 오픈그래프가 뭐고 어떻게 설정하는지 정리했습니다.3줄 요약오픈그래프는 링크를 공유했을 때 미리보기 카드에 표시될 정보를 정의하는 태그입니다.제목, 설명, 이미지, 주소 네 가지가 핵심입니다.head 태그 안에 메타 태그로 추가하면 적용됩니다.기본 오픈그래프 태그 구조이 태그들이 head 안에 있으면, 카카오톡이나 페이스북, 트위터 같은 서비스가 링크를 공유할 때 이 정보를 읽어 미리보기 카드를 만들어줍니다.이미지가 특히 중요한 이유og:image로 .. 웹사이트 꿀기능2026. 9. 14.
쇼핑몰 구축 비용 총정리: 한국에서 쇼피파이가 불리한 이유 쇼핑몰을 열 때 구축비부터 비교하는 경우가 많습니다. 그런데 쇼핑몰에서 진짜 돈이 나가는 곳은 구축비가 아니라 매달 매출에 비례해서 빠지는 수수료입니다.월 구독료 3만원 차이는 1년에 36만원이지만, 수수료 1% 차이는 월 매출 1,000만원이면 1년에 120만원입니다. 이 글은 그 계산을 해본 것입니다.먼저 고정비부터서비스월 고정비연간 결제 시주요 제약카페24 뉴아우토반 절약형450원-디스크 700MB, 일 1.6GB카페24 뉴아우토반 비즈니스6,300원-디스크 4GB, 일 10GB아임웹 Starter20,000원16,000원상품 10개, 카테고리 3개아임웹 Pro30,000원24,000원상품 무제한쇼피파이 Basic약 33,500원약 25,460원타사 PG 추가 2%쇼피파이 Grow약 87,100원약.. 초보자도 홈페이지만들기!2026. 9. 14.