blockquote의 기본 개념

발행: (2025년 12월 28일 오전 08:15 GMT+9)
4 min read
원문: Dev.to

Source: Dev.to

소개

블록 인용은 글쓰기에서 내용을 구조화하고, 명확히 하며, 강조하는 데 필수적입니다. 인용문, 메모, 경고, 코드 스니펫, 리스트 등 다양한 용도로 사용할 수 있습니다.

기본 구문

이것은 간단한 블록 인용입니다.
첫 번째 단락.
두 번째 단락.

블록 인용 내부 서식

굵게, 기울임 및 결합

이 텍스트는 블록 인용 안에서 굵게 표시됩니다.
이 텍스트는 블록 인용 안에서 기울임꼴입니다.
굵게와 기울임꼴을 블록 인용에서 결합할 수 있습니다.

인라인 코드

블록 인용 안에서 let x = 10;와 같은 인라인 코드를 작성할 수 있습니다.

링크

링크를 포함할 수 있습니다: Markdown Guide

이모지

이모지는 재미있거나 강조된 느낌을 더합니다: 😄 🚀 💡 🎉

이미지

시각적 설명을 위해 블록 인용에 이미지를 포함할 수 있습니다.
Example Image

중첩 블록 인용

외부 인용

내부 인용

가장 안쪽 인용

대화 예시:

Alice: 보고서를 다 끝냈나요?
Bob: 거의 다 했어요, 한 섹션만 더 필요합니다.
Alice: 숫자를 다시 한 번 확인하세요.

블록 인용 내부 리스트

쇼핑:

  • 사과
  • 바나나
  • 오렌지

작업:

  • 숙제
  • 운동
  • 독서

프로젝트 A:

  • 작업 1
  • 작업 2

프로젝트 B:

  • 작업 1
  • 작업 2

블록 인용 내부 코드 블록

더 큰 코드 예시에는 삼중 백틱을 사용하세요:

function hello() {
  return "Hello World!";
}

또 다른 예시:

function helloWorld() {
  return "Hello!";
}

인라인 명령 예시:

npm install package
npm start
npm test

인용 및 출처

“교육은 세상을 바꾸는 가장 강력한 무기입니다.” – 넬슨 만델라

“인생은 당신이 다른 계획을 세우느라 바쁠 때 일어나는 일입니다.” – 존 레논

경고 및 팁

⚠️ 경고: 시스템 파일을 삭제하지 마세요.

💡 팁: 중첩 블록 인용은 대화나 단계별 지침을 보여줄 때 유용합니다.

단계별 안내

단계:

  1. 파일을 엽니다.
  2. 내용을 편집합니다.
  3. 변경 사항을 저장합니다.

세부 절차:

  1. 편집기를 엽니다.
  2. 코드를 작성합니다.
  3. 코드를 테스트합니다.
    참고: 작업을 자주 저장하세요.

할 일 목록

  • 보고서 완료
  • 노트 검토
  • 이메일 전송

긴 블록 인용 예시

이것은 여러 줄에 걸친 매우 긴 인용문으로, 같은 블록 인용 안에서 설명과 세부 정보를 제공할 수 있습니다.

😂 이모지, 농담, 짧은 대화가 블록 인용에 완벽하게 어울립니다.

블록 인용은 개념을 가르치고, 인용문, 코드, 경고, 단계별 지침을 보여줄 때 완벽합니다.

Back to Blog

관련 글

더 보기 »

JavaScript를 HTML만으로 대체하기

번역할 텍스트를 제공해 주시겠어요? 현재는 URL만 확인할 수 없어 내용을 가져올 수 없습니다. 번역이 필요한 문장을 알려주시면 한국어로 번역해 드리겠습니다.