샘플 블로그 포스트
샘플 블로그 포스트
이것은 샘플 블로그 포스트입니다. 마크다운 형식으로 작성되었으며, 실제 블로그에서는 이 내용이 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 |
인용문 예제
좋은 코드는 그 자체로 최고의 문서입니다.
- 알 수 없는 프로그래머
체크리스트 예제
- Next.js 프로젝트 설정
- 기본 페이지 구조 생성
- 다크모드 지원 추가
- 댓글 시스템 구현
- SEO 최적화
마무리
이 샘플 포스트가 마크다운으로 블로그 포스트를 작성하는 데 도움이 되길 바랍니다. 실제 블로그에서는 이 마크다운 파일을 파싱하여 HTML로 변환한 후 스타일을 적용하여 표시합니다.