기술과 생각을 기록하는 공간

오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.

이전 블로그 포스팅들은 여기서 확인할 수 있습니다
2025.11.5부터 포스트 마이그레이션을 진행하고 있습니다

모바일 웹뷰/브라우저 Viewport Height 대응

모바일 환경에서 주소창, 인디케이터 등의 브라우저 UI 변화에 따른 viewport 높이 대응 방법

CSSViewport모바일

Braze - 마케팅 메시징 플랫폼

사용자 타겟팅 및 메시징을 위한 마케팅 자동화 플랫폼 Braze의 개념과 세션 관리 방식

Braze마케팅분석

Chrome Extension에서 Sentry 에러 추적

Content Script의 CORS 문제 해결, 에러 객체 직렬화, Sentry 필터링 이슈

SentryChrome ExtensionError TrackingContent Script

캐싱 전략 (Cache, CDN, ETag)

Browser, CDN, Origin(SSR/CSR) 레이어별 캐싱 전략과 주의사항

CacheCDNSSRPerformance

VS Code Prettier 설정 및 문제 해결

VS Code에서 Prettier 포매터가 동작하지 않을 때의 설정 방법. Default Formatter 지정, Format on Save 활성화.

VS CodePrettier코드 포매팅개발환경

Analytics Tools - GA, GTAG, GTM 이해하기

Google Analytics, GTAG, Google Tag Manager의 역할과 차이, 그리고 실무 이슈 해결

GAGTMGTAGAnalytics

SEO 기본 체크리스트

Lighthouse를 활용한 SEO 최적화 체크리스트. 이미지, 링크, URL 구조, 컨텐츠 배치 등 필수 항목.

SEO최적화웹 성능

GitHub Private Repository 접근 권한 오류 해결

Private GitHub 레포에 접근할 때 404 또는 Permission Denied 오류 해결. Git 인증 정보 설정 방법.

GitGitHub인증SSHPersonal Access Token

Input File 같은 파일 업로드 시 onChange 이벤트 무반응 해결

input file에서 동일한 파일을 연속으로 선택했을 때 onChange 이벤트가 발생하지 않는 문제와 해결방법.

HTMLInput File이벤트React

Input 핸들링 & Web Accessibility

Input 엘리먼트 다루기, IME 처리, 모바일 키보드 대응, 접근성 개선 방법

InputHTML접근성모바일

Browser Storage 전략 (Cookie vs Storage)

Cookie, localStorage, sessionStorage의 차이점 및 CORS 요청 시 쿠키 처리 방법

CookieStorageBrowserCORS

SEO & Open Graph 메타태그 완벽가이드

OG 태그 동적 구현, 플랫폼별 이슈 해결, SEO 체크리스트, 캐싱 관리 방법

SEOOGOpenGraphGoogle Search Console