샘플 블로그 포스트

이것은 샘플 블로그 포스트입니다. 마크다운 형식으로 작성되었으며, 실제 블로그에서는 이 내용이 HTML로 변환되어 표시됩니다.

소제목 1

Next.js는 React 프레임워크로, 서버 사이드 렌더링, 정적 사이트 생성, API 라우트 등 다양한 기능을 제공합니다.

서버 사이드 렌더링 (SSR)
정적 사이트 생성 (SSG)
증분 정적 재생성 (ISR)
API 라우트
파일 기반 라우팅

소제목 2

Tailwind CSS는 유틸리티 우선 CSS 프레임워크로, 클래스 이름을 통해 스타일을 적용할 수 있습니다.

.my-element {
  @apply px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600;
}

코드 예제

아래는 JavaScript 코드 예제입니다:

// 자바스크립트 코드 예제
function hello() {
  console.log("Hello, world!");
}

// 화살표 함수 사용
const greet = (name) => {
  return `안녕하세요, ${name}님!`;
};

console.log(greet("홍길동"));

이미지 예제

이미지는 다음과 같이 삽입할 수 있습니다:

이미지 설명

표 예제

이름	설명	버전
Next.js	React 프레임워크	15.x
React	UI 라이브러리	19.x
Tailwind CSS	CSS 프레임워크	4.x

인용문 예제

좋은 코드는 그 자체로 최고의 문서입니다.

알 수 없는 프로그래머

체크리스트 예제

마무리

이 샘플 포스트가 마크다운으로 블로그 포스트를 작성하는 데 도움이 되길 바랍니다. 실제 블로그에서는 이 마크다운 파일을 파싱하여 HTML로 변환한 후 스타일을 적용하여 표시합니다.

세 번째 샘플 포스트