인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다.

HTML 작성 시 주석을 다는 단축키 ‘Ctrl + /‘는 일반적으로 사용하는 코드 에디터(예: Visual Studio Code, Atom, Sublime Text 등)나 개발 환경에 따라 자동으로 설정된 주석 형태를 생성합니다. <!— —> 주석은 HTML에서 사용되며, /* */ 주석은 스타일 시트(CSS)에서 사용됩니다. 스타일 태그 내부에 있든 아니든, 에디터는 현재 커서가 위치한 언어 컨텍스트를 기반으로 주석을 생성하는데, 이 기능은 일반적으로 해당 에디터의 언어 모드 설정에 의존합니다.

주석 단축키가 언어에 맞게 작동하도록 하려면, 에디터에서 언어를 올바르게 인식하고 있어야 합니다. 일부 코드 에디터에서는 파일의 확장자나 내부에서 지정한 언어 모드에 따라 주석의 형태를 결정합니다. 예를 들어, HTML 파일 내부에 <style> 태그를 사용하는 경우, 에디터가 혼동하여 HTML 주석을 생성할 수 있습니다.

만약 스타일 태그 내에서 CSS 주석을 사용하고 싶다면, 스타일 관련 내용을 별도의 CSS 파일로 분리하는 것이 좋습니다. 그렇게 하면 CSS 파일에서 ‘Ctrl + /’ 단축키를 사용했을 때 자동으로 /* */ 주석이 생성됩니다. 별도로 에디터에서 단축키에 대한 설정을 커스터마이징할 수 있는 기능이 있다면, 해당 기능을 사용해 보는 것도 방법입니다.

단, 어떤 에디터를 사용하고 있는지에 따라 설정 방법이나 가능성이 달라질 수 있으므로 자세한 설정 방법은 사용 중인 에디터의 문서나 헬프 섹션을 참조하시는 것이 좋습니다.