Welcome to my MDX page!
#Initial Commit#MDX
블로그 및 프로젝트 아티클 콘텐츠에서 사용하는 양식을 통일하고, 콘텐츠 레이아웃 및 스타일에 자율성을 주기 위해 @next/mdx 패키지를 이용하여 마크다운(Markdown) 파일 내에서 JSX를 작성할 수 있게 만들었다.
기본적으로 볼드 스타일 및 이탤릭 스타일을 적용할 수 있다.
- 이렇게 순서가 없는 경우에는
- 대시(-) 기호를 사용하여
- 리스트를 작성할 수 있다.
- 순서가 있는 경우에는
- 아라비아 숫자(1, 2, 3, ...)로 나타낸다.
테이블은 기본적인 선을 이용하여 아래와 같이 나타낸다.
| 제목 | 설명 | 내용 |
|---|---|---|
| 텍스트 | 기본적인 텍스트를 작성해보자. | 다양한 형태의 테이블을 고려하여 th 테이블 헤더 엘리먼트에는 따로 볼드 스타일을 적용하지 않았다. |
| 이미지 | JSX를 작성하여 이미지부터 영상 등 다양한 형태의 콘텐츠를 테이블 내에 추가할 수 있다. |  |
링크 또한 이런식으로 삽입할 수 있다. 외부 사이트의 경우 자동으로 새 탭에서 열리게 target 속성을 _blank로 설정했다.
thisisneverthat.com
위 테이블에서 보여준 것과 같이 이미지도 첨부 가능하다. 마크다운 문법을 사용해도 되고, JSX로 따로 작성해도 된다.
