CSS - 문제 미리보기
문제 1199
hard
다음 HTML 코드에서 실제로 표시되는 아이콘은 몇 개인가요?
```html
<head>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<i class="fas fa-heart"></i>
<i class="material-icons">favorite</i>
<i class="glyphicon glyphicon-user"></i>
<i class="fas fa-car"></i>
<i class="material-icons">computer</i>
</body>
```
```html
<head>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<i class="fas fa-heart"></i>
<i class="material-icons">favorite</i>
<i class="glyphicon glyphicon-user"></i>
<i class="fas fa-car"></i>
<i class="material-icons">computer</i>
</body>
```
정답: C
이 코드에서는 Font Awesome과 Google Material Icons 라이브러리만 연결되어 있습니다. 따라서:
• `<i class="fas fa-heart"></i>` ✓ (Font Awesome)
• `<i class="material-icons">favorite</i>` ✓ (Google Icons)
• `<i class="glyphicon glyphicon-user"></i>` ✗ (Bootstrap 라이브러리가 없음)
• `<i class="fas fa-car"></i>` ✓ (Font Awesome)
• `<i class="material-icons">computer</i>` ✓ (Google Icons)
Bootstrap Icons를 사용하려면 Bootstrap CSS 라이브러리를 추가로 연결해야 하는데, 이 코드에는 Bootstrap 라이브러리가 없으므로 glyphicon은 표시되지 않습니다. 따라서 총 4개의 아이콘만 표시됩니다.
• `<i class="fas fa-heart"></i>` ✓ (Font Awesome)
• `<i class="material-icons">favorite</i>` ✓ (Google Icons)
• `<i class="glyphicon glyphicon-user"></i>` ✗ (Bootstrap 라이브러리가 없음)
• `<i class="fas fa-car"></i>` ✓ (Font Awesome)
• `<i class="material-icons">computer</i>` ✓ (Google Icons)
Bootstrap Icons를 사용하려면 Bootstrap CSS 라이브러리를 추가로 연결해야 하는데, 이 코드에는 Bootstrap 라이브러리가 없으므로 glyphicon은 표시되지 않습니다. 따라서 총 4개의 아이콘만 표시됩니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.