gnggnggyu_log에 오신 것을 환영합니다! 🎉

이 블로그는 Next.js 15와 MDX를 사용하여 만들어졌습니다. 미니멀한 디자인과 강력한 기능을 갖추고 있어요.

주요 기능

이 블로그는 다음과 같은 기능들을 제공합니다:

1. MDX 지원

Markdown에 JSX를 더한 MDX를 완벽하게 지원합니다. 일반 마크다운 문법은 물론, React 컴포넌트까지 사용할 수 있어요!

2. 다크 모드

우측 상단의 버튼으로 다크/라이트 모드를 전환할 수 있습니다. 시스템 설정도 자동으로 감지해요.

3. 코드 하이라이팅

코드 블록이 아름답게 표시됩니다:

interface BlogPost {
  title: string;
  date: string;
  tags: string[];
  excerpt?: string;
  content: string;
}

const createPost = (post: BlogPost) => {
  console.log('새 포스트: ' + post.title);
  return post;
};

4. 반응형 디자인

모바일, 태블릿, 데스크톱 모든 화면 크기에서 완벽하게 작동합니다.

마크다운 예제

리스트

순서 없는 리스트:

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

순서 있는 리스트:

1. 단계 1
2. 단계 2
3. 단계 3

인용문

코드는 시를 쓰는 것과 같다. 간결하고 명확하며 아름다워야 한다.

• 누군가

테이블

기능	지원 여부	설명
MDX	✅	Markdown + JSX
다크 모드	✅	테마 전환
코드 하이라이팅	✅	Prism.js
반응형	✅	모든 화면 크기

링크와 이미지

Next.js 공식 문서에서 더 많은 정보를 확인하세요.

인라인 코드

JavaScript에서 변수를 선언할 때는 const, let, var 키워드를 사용합니다. 최신 JavaScript에서는 `const`와 `let`을 주로 사용해요.

마치며

이 블로그를 통해 개발 지식을 공유하고, 배운 것들을 기록할 예정입니다. 앞으로 많은 좋은 글들을 작성하도록 하겠습니다!

읽어주셔서 감사합니다! 🙏