📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전

메타 태그와 뷰포트 (meta / viewport)

중급HTML(뼈대)

💬 쉬운 뜻

화면에 직접 보이진 않지만 페이지 머리(head)에 들어가는 '설명 쪽지'예요. 검색결과에 뜨는 페이지 소개 글, 한글이 안 깨지게 하는 인코딩 설정, 휴대폰에서 글자가 깨알같이 작아지지 않게 하는 viewport 설정이 모두 여기 들어갑니다. 마치 책 표지 안쪽의 판권지처럼, 본문엔 안 보여도 제목·소개·규격 정보가 적혀 있는 셈이에요.

⌨️ 이럴 땐 이렇게 입력

검색에 잘 뜨게 이 페이지의 meta description(소개 글)을 넣어줘
모바일에서 글씨가 깨알같이 작게 보여. viewport 메타 태그 추가해서 폰 화면에 맞게 해줘

🔮 AI가 이렇게 답하면 = 이런 뜻

"head에 viewport 메타 태그를 추가했어요" = 이제 모바일에서 PC 너비(기본 980px)로 축소되지 않고 폰 화면 너비에 맞춰져 글씨가 또렷하게 보인다는 뜻입니다.

➡️ 다음엔 이렇게

모바일에서 확인했는데도 글씨가 작으면 viewport 줄이 빠졌거나 잘못 들어간 거예요. "head 안에 viewport 메타 태그가 제대로 들어가 있는지 확인해줘"라고 다시 시키세요.

📖 사전에서 인터랙티브로 보기 → 전체 용어 목록

한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈