@charset "UTF-8"

1. @charset 역할

• CSS 파일의 문자 인코딩(character encoding)을 명시적으로 지정하는데 사용
• "UTF-8"은 가장 일반적인 문자 인코딩 중 하나로, 유니코드 문자 집합을 표현함

2. @charset "UTF-8" 필요성

• 웹페이지를 전세계 사용자들에게 제공할때 다양한 언어와 문자를 처리해야한다. 따라서 @charset "UTF-8" 을 사용하면 CSS 파일에서 유니코드 문자가 올바르게 인식이 되고 표시될 수 있도록 보장 할 수 있다.
• 만약 사용하지 않는다면, 특정 언어의 문자가 깨져 보이거나 스타일이 올바르게 적용되지 않을 수 있다.

# 만약 사용하지 않는다면 발생할 수 있는 문제 
_ 한글이나 기타 비라틴 문자가 올바르게 표시되지 않을 수 있다. 
_ CSS 파일을 잘못 해석하거나 스타일을 제대로 적용하지 못할 수 있다.
_ 문자 인코딩이 제대로 설정되지 않으면, CSS에서 정의한 스타일이 의도대로 적용되지 않을 수 있다

3. 예시와 주의사항

@charset "UTF-8";

body {
    font-family: 'MyCustomFont', Arial, sans-serif;
}

• @charset "UTF-8";은 반드시 CSS 파일의 첫 번째 줄에 있어야 하며, 그 앞에 주석이나 공백이 있으면 안된다.
• CSS 파일 자체가 실제로 UTF-8로 인코딩되어 있어야 한다.