모든 글 목록
개발자로서 마주하는 모든 여정의 순간을 기록합니다.
개발
2026-02-19•
개발자 도구로 점검하는 시멘틱 태그: SEO 점수를 높이는 H 태그 위계와 키워드 전략
구글 상위 노출을 결정짓는 핵심은 단순한 글쓰기가 아닙니다. 개발자 도구로 확인하는 시멘틱 구조(H 태그)의 정석과, 검색 엔진이 사랑하는 '범용 키워드'가 어떻게 블로그 성장의 선순환을 만드는지 분석합니다.
개발
2026-02-18•
WebCreator-X: 레이아웃 시스템 분석 보고서
사이드바 조작과 캔버스 드래그 인터랙션의 불일치 문제 분석
개발
2026-02-18•
에디터에서 Flexbox와 Absolute 포지셔닝을 함께 다루기: 3-Layer 렌더링 구조의 설계와 그 한계
비주얼 웹 에디터 구현 중 직면하는 가장 까다로운 문제 중 하나는 '에디터의 조작계'와 'CSS 레이아웃'의 간극입니다. 본 글에서는 react-rnd를 활용한 3-Layer 렌더링 구조에서 Flexbox 흐름이 파괴되는 원인을 분석하고, 런타임 포지션 모드 분기를 통해 데이터 정합성을 확보한 트러블슈팅 과정을 공유합니다. WYSIWYG의 핵심인 '보이는 대로 저장되는 시스템'을 구축하기 위한 아키텍처 가이드를 확인해 보세요.
개발
2026-02-14•
Cloudinary 이미지 업로드 Flow
Cloudinary를 이용한 이미지 업로드 흐름