요런식으로 mdx 파일 생성해서 기존의 autodocs를 덮어쓸 수도 있어~~
Canvas, Controls, Story 등 해서 각각 필요한 것만 넣어서 예제 작성할 수도 있고~
기본 적인 mdx 사용법이랑 똑같아서 주의사항이나 말로 설명 필요한거 넣을 수도 있고 코드 첨부할 수도 있어!
프론트 공통 문서에 정의된 유의사항 같은거나 속성같은거 좀 이해하기 애매한거 있으면 요런식으로 말로 적으면 도움될듯??

• 예를 들어 TextInput에는 onChange도 있오 handleChange도 있어서 두개 각각 어떤 경우에 사용되는지 같은거?

해당 mdx로 실행하면 화면에서는 요렇게 나와

그러고보니 앞으로 스토리북 많이 만들텐데 스토리북 관련된 스니펫도 있으면 좋을거 같아...!!! 그치만 이것까진 바쁘면 그냥 나중에 내가 작업하게 될 때 슥 넣을게

모달 총 네 개를 만들었어요!
Cancellable, Agreement, Confirm, Error까지..!
얘네를 스토리북을 켜면 Modal 이라는 폴더로 묶이도록 해 보았는데, 다른 컴포넌트는 아예 이렇게 분류를 안 하구 얘네만 하는 게 좀 이상한 것 같긴 한데 한 번 봐주시면 좋을 것 같아요.

그리구 문제가 두 가지 있습니다.

• errorModal은 오버레이를 쓰는 친구라서, errorModal 스토리를 켰다 끄더라도 다른 스토리에서 다 켜져 있어요. 이게 overlay 때문이라는데, 이걸 해결하려면 errorHandler 자체를 바꾸어야 하는 문제가 있어요.
• AgreementModal의 chevron_right 얘가 스토리북 한 번 켜고 새로고침 해 줘야 제대로 렌더링 돼요..! docs에서 모달이 깨져보이는 걸 해결하려고 영미언니가 주신 코드를 넣어서 그 부분은 해결이 되었구, (감사합니다!) 해당 코드가 style을 추가로 지정해주는 것이다 보니 global style이 안 먹는 것 같아서 추가로 fontFamily로 material Icon 설정해주니까 렌더링이 되긴 되는데, 새로고침이 한 번 필요하다는 문제가 있어요.

@babycroc @jooyeongmee