카
카카오엔터테인먼트FE
December 22, 20221회
마크다운에 컴포넌트 추가하기
간단 소개
마크다운에 컴포넌트를 추가하는 방법과 마크다운이 HTML로 변환되는 과정, MDX에 대해 설명합니다.
AI Summary
- 마크다운 HTML 변환 과정
- 마크다운은 mdast, hast를 거쳐 HTML로 변환되며, unified 라이브러리가 사용됩니다.
- 각 단계에서 Syntax Tree로 변환하여 문법 적용 및 수정이 용이해집니다.
- 마크다운 컴포넌트 추가 방법
- Gatsby에서 HTML을 재분해하여 리액트 컴포넌트로 변환하는 방법을 사용합니다.
- rehype-react 플러그인을 통해 커스텀 태그를 리액트 컴포넌트로 치환합니다.
- MDX 소개
- MDX는 마크다운에서 JSX를 사용할 수 있게 해주는 형식입니다.
- React 뿐만 아니라 다양한 프레임워크와 함께 사용할 수 있습니다.
Next Feeds
퍼포먼스 마케팅 수학능력시험
올리브영 커머스마케팅팀의 퍼포먼스 마케팅 수능을 소개하고, 데이터 분석 도구 활용 및 문제 해결 능력을 강조합니다.
퍼포먼스 마케팅올리브영Google AnalyticsAppsflyer데이터 분석
2022. 12. 16.
올리브영
올리브영 전시영역 MongoDB 도입하기
올리브영은 전시 영역에 MongoDB를 도입하여 데이터 관리 효율성을 높이고, 버저닝 전략을 통해 안정적인 서비스 운영을 가능하게 했습니다.
MongoDBNoSQLSchema-less버저닝전시영역
2022. 12. 16.
올리브영
올리브영 앱 - 아키텍처 도입 1탄
올리브영 앱의 클린 아키텍처 도입 배경, 핵심 내용, 그리고 모바일 환경에 맞춘 적용 사례를 소개합니다.
클린 아키텍처유지보수관심사 분리도메인 레이어모바일 앱
2022. 12. 15.
올리브영
카카오페이 if(kakao) 발표 준비 과정 엿보기
카카오페이의 if(kakao) 2022 컨퍼런스 준비 과정과 발표 내용을 소개하고, 개발 문화와 채용 관련 세션도 간략히 다룬다.
if(kakao)카카오페이개발자 컨퍼런스발표 준비기술 문화
2022. 12. 15.
카카오페이
Datadog Dash 2022 컨퍼런스 방문기
컬리 엔지니어가 Datadog Dash 2022 컨퍼런스 참여 후 신규 기능 소개, 본사 방문 경험, 오프라인 컨퍼런스의 장점을 공유합니다.
Datadog컨퍼런스모니터링Observability클라우드
2022. 12. 14.
컬리
Android Kotlin StateFlow 도입기
Android 앱 개발에 StateFlow를 도입한 경험 공유. LiveData의 한계를 극복하고 클린 아키텍처를 적용하며 얻은 이점과 사용법을 설명.
StateFlowLiveDataKotlin Flow클린 아키텍처Android
2022. 12. 14.
올리브영