Markdown 코드 블록 작성법 및 하이라이팅

마크다운(Markdown)에서는 코드를 일반 텍스트와 구분하여 깔끔하게 표시할 수 있는 인라인 코드와 코드 블록 기능을 제공합니다.

1. 인라인 코드 (Inline Code)

문장 중간에 단어 하나나 한 줄짜리 코드를 강조하고 싶을 때는 백틱(```) 한 개로 감싸줍니다.

이 변수의 이름은 `userCount` 입니다.

• 출력 예시: 이 변수의 이름은 userCount 입니다.

2. 코드 블록 (Code Block)

여러 줄의 코드나 함수 전체를 작성할 때는 백틱 세 개(```)를 위아래로 감싸서 작성합니다.

```
function sayHello() {
  console.log("Hello, World!");
}
```

3. 언어별 신택스 하이라이팅 (Syntax Highlighting)

여는 백틱 세 개(```) 바로 뒤에 언어 이름을 적으면, 코드 구문에 색상이 입혀져 훨씬 읽기 쉬워집니다.

JavaScript

```javascript
const items = ["사과", "바나나", "포도"];
items.forEach((item) => {
  console.log(`과일: ${item}`);
});
```

Python

```python
def calculate_total(prices):
    return sum(prices)

print(calculate_total([1000, 2000, 3000]))
```

HTML / CSS

```html
<div class="card">
  <h2>제목</h2>
</div>
```

4. 자주 사용하는 지원 언어 태그 목록

직접 실습해보세요! 편집기에서 직접 실습하기 →