뒤로
김경환
김경환 ·

MDX를 활용해 콘텐츠 기반 웹을 제작 중입니다.

요즘 MDX라는 기술을 활용해 스케줄러 앱 사용자 분들께 도움이 될 가이드 웹을 만들고 있습니다. MDX 홈페이지에 방문해 보면 'Markdown for the component era'라고 MDX를 설명하고 있습니다. 쉽게 말해, 마크다운 문법과 리액트 JSX 문법을 함께 쓸 수 있도록 해주는 기술이라고 할 수 있지요.

MDX:

https://mdxjs.com/

실제로 아래 스케줄러 앱의 가이드 웹사이트를 만들며 그동안 마크다운만으로는 부족했던 그 무언가가 채워지는 느낌이 들었습니다. SEO(검색 엔진 최적화, Search Engine Optimization)를 위한 HTML 태그 구성을 하기에도 상당히 좋았습니다. 마크다운만을 활용할 때보다 훨씬 풍부하게 HTML 태그를 구성할 수 있었지요. 대단히 만족스러운 경험이었습니다.

MDX 실제 활용 예시:

https://guide.dalgu.app/ko/calendar/link-naver-calendar

기술 블로그 등을 새로 만들 계획이 있으신 분들께서는 한 번 활용해 보셔도 좋을 것 같습니다! 😊

스케줄러 앱:

https://apps.apple.com/kr/app/id6467635137

#MDX #리액트 #SEO

2

댓글

로그인 후 댓글을 남길 수 있습니다.

아직 댓글이 없습니다.