Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

스토리북에서의 Type-safe 모듈 모킹 #10

Merged
merged 3 commits into from
Jun 10, 2024
Merged

스토리북에서의 Type-safe 모듈 모킹 #10

merged 3 commits into from
Jun 10, 2024

Conversation

lurgi
Copy link
Member

@lurgi lurgi commented Jun 3, 2024

늦어서 미안합니다~

@soi-ha soi-ha self-assigned this Jun 3, 2024

그렇다면 컴포넌트가 브라우저 API와 같은 다른 출처에 의존하는 경우는 어떻게 될까요? 예를 들어 사용자의 테마 선호도, 로컬 스토리지의 데이터, 또는 쿠키를 읽는 경우, 혹은 컴포넌트가 현재 날짜나 시간에 따라 다르게 동작하는 경우, 아니면 컴포넌트가 Next.js의 next/router와 같은 메타 프레임워크 API를 사용하는 경우는 어떨까요?

이러한 유형의 입력을 모킹하는 것은 역사적으로 스토리북에서 어려웠습니다. 그리고 바로 오늘 우리가 모듈 모킹을 통해 해결하고 있는 문제입니다! 우리의 접근 방식은 간단하고, 타입 안전하며, 표준 기반입니다. 그것은 불투명하거나 독점적인 모듈 API보다 명확성과 디버깅의 명확성을 선호합니다. 그리고 우리는 좋은 회사에 있습니다: Epic Stack의 창조자 Kent C. Dodd는 절대적인 수입과 React 서버 컴포넌트 아키텍트 Seb Markbåge가 스토리북 모킹에 직접적인 영감을 주었다고 추천합니다.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

'타입 안전하며' 라는 말이 어색한 것 같아요!
그냥 Type-safe 하다고 적는게 더 좋을 것 같은데 어떠세요?

@soi-ha
Copy link
Member

soi-ha commented Jun 5, 2024

러기 덕분에 스토리북에서 모킹하는 방법에 대해서 알 수 있었네요!
저번 미션에서 스토리북을 사용할 때, 서버로 부터 받아온 데이터를 사용했기 때문에 만들어둔 스토리북을 보여줄 수 없는 경우가 있었는데요.
이번 글을 통해 다음에 동일한 경우가 발생해도 스토리북을 잘 띄울 수 있을 것 같습니다 :)

@soi-ha soi-ha merged commit 4434468 into main Jun 10, 2024
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants