Closed kangju2000 closed 1 month ago
Latest commit: 8c97e29f19ee255115d3adc2770a5174b9e9c221
The changes in this PR will be included in the next version bump.
Not sure what this means? Click here to learn what changesets are.
Click here if you're a maintainer who wants to add another changeset to this PR
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
es-hangul | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 30, 2024 6:56am |
간단한 conflict가 발생해서, 제가 해결했습니다! 혹시 문제 있다면, 말씀 부탁드려요! => 린트 오류가 발생하네요.. 해결 부탁드립니다 ! 🙏
All modified and coverable lines are covered by tests :white_check_mark:
Project coverage is 95.18%. Comparing base (
506d0fc
) to head (8c97e29
).
간단한 conflict가 발생해서, 제가 해결했습니다! 혹시 문제 있다면, 말씀 부탁드려요! => 린트 오류가 발생하네요.. 해결 부탁드립니다 ! 🙏
@okinawaa 수정 완료했습니다! 확인 부탁드려용🙇♂️
@kangju2000 너무 중요한 기여라고 생각해요...! 온보딩이 훨씬 쉬워질 것 같습니다 다른 toss 라이브러리(es-toolkit, overlay-kit)에도 가능하다면 설정 부탁드립니다! 감사합니다
Overview
문서에서 codesandbox를 통해 유저가 바로 사용해볼 수 있는 커스텀 Sandpack MDX 컴포넌트를 구현합니다.
현재 ChoseongIncludes 문서에만 적용해두었습니다. 해당 PR이 승인된 후, 문서에 Sandpack을 점진적으로 추가하면 좋을 것 같습니다.
https://github.com/user-attachments/assets/3d87a20a-0d76-47cf-b287-7de48646002a
Suspensive 문서에서도 Sandpack이 적용된 모습을 확인할 수 있습니다. (ex. Suspensive의 useSuspenseQuery 문서)
Sandpack 사용성 개선
[AS-IS]
문서를 작성할 때 MDX 파일에서 다음과 같이
files
prop에 템플릿 문자열을 넣어야하기 때문에 포맷팅이 되지 않고 가독성이 떨어집니다. https://github.com/toss/slash/issues/191#issuecomment-1403763599[TO-BE]
remark-sandpack 플러그인을 추가하고, 커스텀 Sandpack MDX 컴포넌트를 구현하여 다음과 같이 작성하여 개선합니다.