제목 1 (H1) - 빨간색 테두리와 색상이 적용되어야 함

이것은 첫 번째 문단입니다. 배경색이 카드 형태로 나타나고, 적절한 패딩과 마진이 적용되어야 합니다.

제목 2 (H2) - 왼쪽에 빨간색 바가 나타나야 함

이 섹션에서는 H2 제목이 어떻게 보이는지 확인할 수 있습니다.

제목 3 (H3) - 일반 스타일

여기는 H3 제목입니다.

제목 4 (H4) - 작은 크기

H4 제목은 더 작은 크기로 표시됩니다.

리스트 테스트

순서 없는 리스트

• 첫 번째 항목
• 두 번째 항목
  • 중첩된 항목
  • 또 다른 중첩 항목
• 세 번째 항목

순서 있는 리스트

1. 첫 번째 단계
2. 두 번째 단계
3. 세 번째 단계

인용구 테스트

이것은 인용구입니다. 왼쪽에 빨간색 테두리가 있고, 배경색이 다르게 표시되어야 합니다. 그리고 왼쪽 상단에 인용 부호가 나타나야 합니다.

코드 테스트

인라인 코드: console.log('Hello World!')

def hello_world():
    print("Hello, World!")
    return "성공"

# 이것은 코드 블록입니다
result = hello_world()

function greet(name) {
    return `안녕하세요, ${name}님!`;
}

const message = greet("개발자");
console.log(message);

표 테스트

링크와 강조 테스트

이것은 링크 예시입니다.

이것은 굵은 텍스트입니다.

이것은 기울임 텍스트입니다.

이미지 테스트

마무리

이 포스트는 새로운 doc- 클래스 스타일들이 제대로 적용되는지 확인하기 위한 테스트 문서입니다. 모든 요소들이 정상적으로 스타일링되어 보이면 성공입니다!