Vibe Coding으로 블로그 만들기

안녕하세요! hafuture 블로그에 오신 것을 환영합니다.

왜 MDX인가요?

MDX는 Markdown에 JSX를 결합한 형식입니다. 이를 통해 다음과 같은 장점을 누릴 수 있습니다:

• 간편한 작성: 마크다운처럼 쉽게 작성
• 풍부한 컴포넌트: React 컴포넌트를 직접 사용
• 코드 하이라이팅: 자동으로 지원

사용 방법

게시글 작성

1. content/posts/ 디렉토리에 .mdx 파일 생성
2. frontmatter에 메타데이터 추가

```mdx

title: "게시글 제목" description: "게시글 설명" date: "2026-01-10" tags: ["태그1", "태그2"] published: true

```

코드 블록

const greeting = "Hello, World!";
console.log(greeting);

앞으로의 계획

이 블로그를 통해 다음 내용을 공유할 예정입니다:

• hafuture 웹툴 업데이트 공유
• 개발 기록 (Vibe Coding 로그)
• 기술 아티클 및 실험 결과 공유

즐겁게 읽어주세요!