<commit_before><!--
{
    "id": 4107,
    "title": "헬퍼 클래스(Helper classes)",
    "outline": "유틸리티성 클래스들에 대한 스타일",
    "tags": ["widget", "base"],
    "order": [4, 1, 7],
    "thumbnail": "4.1.07.images.png"
}
-->

# 헬퍼 클래스(Helper classes)
유틸리티성 클래스들에 대한 스타일

## 종류
종류 | 태그 | 적용가능 클래스 | 설명
:-- | :-- | :-- | :--
닫기 아이콘 | `<button>` | `.close` | 모달이나 경고같은 콘텐츠를 없애기 위한 일반적인 닫기 아이콘
pull-left | - | `.pull-left` | 엘리먼트는 `float: left !important;` 속성이 적용
pull-right | - | `.pull-right` | 엘리먼트는 `float: right !important;` 속성이 적용
clearfix | - | `.clearfix` | `float`을 클리어
스크린리더 콘텐츠 | - | `.sr-only` | 스크린리더에게만 예외로 모든 사용자들에게 요소를 숨김

### 닫기 아이콘
모달이나 경고같은 콘텐츠를 없애기 위한 일반적인 닫기 아이콘

```
<button type="button" class="close" aria-hidden="true">×</button>
```

### pull-left
`.pull-left` 클래스가 부여된 엘리먼트는 `float: left !important;` 속성이 적용된다.

```
<div class="pull-left">...</div>
```
<commit_msg>헬퍼클래스 문서: 메타 정보 업데이트<commit_after><!--
{
    "id": 4108,
    "title": "헬퍼 클래스(Helper classes)",
    "outline": "유틸리티성 클래스들에 대한 스타일",
    "tags": ["widget", "base"],
    "order": [4, 1, 8],
    "thumbnail": "4.1.08.helper-classes.png"
}
-->

# 헬퍼 클래스(Helper classes)
유틸리티성 클래스들에 대한 스타일

## 종류
종류 | 태그 | 적용가능 클래스 | 설명
:-- | :-- | :-- | :--
닫기 아이콘 | `<button>` | `.close` | 모달이나 경고같은 콘텐츠를 없애기 위한 일반적인 닫기 아이콘
pull-left | - | `.pull-left` | 엘리먼트는 `float: left !important;` 속성이 적용
pull-right | - | `.pull-right` | 엘리먼트는 `float: right !important;` 속성이 적용
clearfix | - | `.clearfix` | `float`을 클리어
스크린리더 콘텐츠 | - | `.sr-only` | 스크린리더에게만 예외로 모든 사용자들에게 요소를 숨김

### 닫기 아이콘
모달이나 경고같은 콘텐츠를 없애기 위한 일반적인 닫기 아이콘

```
<button type="button" class="close" aria-hidden="true">×</button>
```

### pull-left
`.pull-left` 클래스가 부여된 엘리먼트는 `float: left !important;` 속성이 적용된다.

```
<div class="pull-left">...</div>
```

{'fraction_non_alphanumeric': 0.21958121109224674, 'fraction_numerical': 0.01245048104131296, 'mean_word_length': 3.1116279069767443, 'pattern_counts': {'":': 12, '<': 15, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4886728', 'n_tokens_mistral': 1170, 'n_tokens_neox': 1399, 'n_words': 206}