Articles
웹 제작과 개발 작업을 위한 짧은 실무 노트입니다.
Huxe 계정, 이메일, 캘린더 연동 메모
AI 오디오 앱 Huxe를 시작할 때 알아두면 좋은 로그인 계정, 이메일 연동, 캘린더 설정, 사용감을 정리합니다.
Codex CLI 설치와 실행 확인
터미널에서 Codex CLI를 설치하고 인증한 뒤 codex 명령이 동작하는지 확인하는 흐름입니다.
Claude Code CLI 설치와 실행 확인
터미널에서 Claude Code CLI를 설치하고 인증한 뒤 claude 명령이 동작하는지 확인하는 흐름입니다.
Schema type 고르는 법
Article, BreadcrumbList, Organization, WebSite, SoftwareApplication을 어떻게 구분해 쓸지 정리합니다.
llms.txt란?
LLM과 AI 에이전트에게 중요한 페이지를 알려 주는 llms.txt의 역할, 구조, 확인 포인트를 정리합니다.
웹 이미지 압축 기본
웹사이트 이미지 용량을 줄일 때 확인해야 할 품질, 파일 크기, 형식, 출력 전 체크 포인트입니다.
JPEG / PNG / WebP 사용 구분
사진, 투명 이미지, UI 스크린샷 등 웹에서 자주 쓰는 이미지 형식을 어떻게 선택할지 정리합니다.
이미지 크기와 형식을 확인해야 하는 이유
웹 제작에서 이미지의 폭, 높이, 용량, 형식, 투명도와 애니메이션을 확인해야 하는 이유를 정리합니다.
Even G2 Terminal Mode로 Codex와 Claude Code에 음성 지시 보내기
Even G2 Terminal Mode를 Codex 또는 Claude Code와 연결하고 음성으로 지시를 보내는 설정 흐름입니다.
Meta tag란?
title, description, canonical, robots, viewport 등 head metadata의 기본을 정리합니다.
hreflang이란?
다국어 페이지에서 검색 엔진에 언어별 URL 관계를 알려 주는 hreflang의 기본입니다.
sitemap.xml이란?
검색 엔진에 URL 목록을 전달하는 sitemap.xml의 역할, 종류, 확인 포인트를 정리합니다.
robots.txt에 Sitemap을 쓰는 이유
robots.txt의 Sitemap 지정이 crawler discovery를 어떻게 돕는지와 확인할 점을 정리합니다.
Open Graph meta tag란?
링크를 SNS나 채팅에 공유했을 때 제목, 설명, 이미지가 어떻게 보이는지 정리하는 OGP의 기본입니다.
JSON-LD란?
HTML과 분리해 구조화 데이터를 관리하기 쉬운 JSON-LD의 기본입니다.
브라우저 환경 정보가 필요한 이유
브라우저, OS, 화면 크기 정보가 표시 문제와 프론트엔드 버그 확인에 도움이 되는 이유를 정리합니다.
Open Graph 이미지 크기 기본
SNS와 채팅 링크 미리보기에서 잘리지 않는 OGP 이미지를 만들기 위한 크기, 여백, 확인 포인트입니다.
X의 Twitter Card와 Open Graph
X가 링크 미리보기에서 twitter:* 태그와 Open Graph fallback을 어떻게 사용하는지 정리합니다.
Schema markup이란?
검색 엔진과 외부 서비스가 페이지 의미를 이해하도록 돕는 구조화 데이터의 기본입니다.
다른 키워드로 검색해 보세요.