Blog

안녕하세요 👋

웹 개발과 프로그래밍에 대한 생각을 기록하고 공유하는 공간입니다. 새로운 기술과 경험을 통해 배운 것들을 정리합니다.

최근 글

총 34개의 글 중 최근 10개

Cloudflare Pages 기본 도메인(*.pages.dev) 리다이렉트 실전 가이드

Cloudflare Pages의 기본 pages.dev 도메인을 커스텀 도메인으로 301 리다이렉트하는 방법. Zero Trust 없이 무료로 Bulk Redirects를 활용하는 실전 가이드

Cloudflare
Cloudflare Pages
도메인
+3

HTML link 태그 완벽 가이드: CSS 연결부터 파비콘, SEO까지

HTML link 태그의 모든 것을 알아봅니다. stylesheet로 CSS 연결, 파비콘 설정, canonical SEO, 다크모드 대응, PWA manifest까지 실무에서 필요한 link 태그 사용법을 상세히 설명합니다.

HTML
link 태그
CSS
+4

HTML link 태그 성능 최적화 가이드: preload, prefetch, preconnect 완벽 정리

웹 성능을 극대화하는 리소스 힌트를 알아봅니다. preload로 필수 리소스 우선 로딩, preconnect로 외부 서버 사전 연결, prefetch로 다음 페이지 미리 준비하는 방법을 다이어그램과 함께 상세히 설명합니다.

HTML
link 태그
preload
+4

Open Graph 메타 태그 완벽 가이드: 소셜 미디어 공유 최적화

Facebook, LinkedIn, KakaoTalk 등 소셜 미디어에서 링크 공유 시 표시되는 Open Graph 메타 태그 사용법을 상세히 알아봅니다.

HTML
Open Graph
meta 태그
+3

HTML SEO 완벽 가이드: 시멘틱 태그와 검색엔진 최적화

시멘틱 HTML 태그를 활용한 SEO 최적화 방법을 알아봅니다. header, main, article, section 태그의 올바른 사용법과 검색엔진이 페이지 구조를 이해하는 방식을 상세히 설명합니다.

HTML
SEO
시멘틱 HTML
+3

HTML meta 태그 완벽 가이드: SEO부터 소셜 미디어 최적화까지

HTML meta 태그의 모든 것을 알아봅니다. charset, viewport, description부터 Open Graph, Twitter Card, AI 봇 제어까지 실무에서 필요한 메타 태그를 상세히 설명합니다.

HTML
meta 태그
SEO
+4

HTML meta refresh 리다이렉트 완벽 가이드: JavaScript 없이 페이지 이동

HTML meta http-equiv refresh 태그를 사용한 페이지 리다이렉트 방법을 알아봅니다. 서버 설정 없이 정적 HTML만으로 페이지 자동 이동을 구현하는 방법과 주의사항을 상세히 설명합니다.

HTML
meta 태그
리다이렉트
+2

AI로 코딩하면서 코딩 스타일이 변하게 된 이유

AI 도구 사용으로 인한 개발자의 코딩 스타일 변화와 Compound Pattern 선호도 증가에 대한 개인적 경험

Claude AI
AI 코딩
개발 생산성
+9

JavaScript 모듈의 영구적인 브라우저 메모리 지속성

ES6 모듈의 메모리 지속성 메커니즘과 가비지 컬렉션 동작, 실무 관리 전략을 포괄적으로 분석합니다.

JavaScript
메모리 관리
동적 import
+20

프론트엔드 아키텍처 가성비 분석

대표적인 정보성 웹사이트들의 프론트엔드 기술 스택과 클라우드 아키텍처별 비용 효율성을 비교 분석하고 트래픽 규모별 최적 솔루션을 제시합니다.

Next.js
React
가성비분석
+12
더보기 (24개 글 더 보기)