DOM 구조화 : Range, Parsing, AST 그리고 에디터
Typed에서 구현한 Selector와 Range를 활용한 하이라이트 기능에 대해 대외비임 ㅎ gatsby.js의 mdx의 사례 gatsby.js를 만지다보니 재미있는 점을 발견했다. mdx가 파싱되는 꼴을 보자. const saltyDuckEgg = 'chinese preserved food product' @mdx-js/react의 MDXProvider로 감싸고, prev 태그의 props를 출력하려고 보았을 때 아래와 같은 꼴을 하고 있다. props: { children: { props: { children: [ {props: children: ...}, {props: " saltyDuckEgg "}, {props: children: ...}, {props: " "}, ] } } } 최말단의 ch..