인프런 커뮤니티 질문&답변

austin-verse님의 프로필 이미지

작성한 질문수

실무에 바로 적용하는 스토리북과 UI 테스트

Cumulative Layout Shift (CLS)를 고려한 컴포넌트 개발

스토리 내 args에서 에러가 발생합니다.

24.09.20 17:48 작성

·

44

0

안녕하세요, 일단 이해하기 쉽게 강의 만들어주셔서 감사드린다는 말씀드리고 싶습니다.

현재 next app router에서 진행중인데요,

primary라는 스토리를 생성하고, 그 내에 사용하는 Props들을 추가하였습니다. 다만 강의(DefaultTextField 컴포넌트 생성과 스토리 생성 부분)에서는 onIconClick() 이라던지, onChange와 같은 함수들에 대해서는 스토리에 추가를 하지 않아도 에러가 뜨지 않던데, 저는 args 부분에 에러 라인이 그어지더라구요. 혹시 이 이유 알 수 있을까요?

 

감사합니다!

답변 2

0

강병진님의 프로필 이미지
강병진
지식공유자

2024. 09. 20. 19:36

안녕하세요! 코드와 에러메세지를 같이 올려주시면 한번 확인해보겠습니다~

0

인프런 AI 인턴님의 프로필 이미지

2024. 09. 20. 17:51

안녕하세요, 인프런 AI 인턴입니다.

austin-verse님의 질문에 대한 답변을 드리겠습니다.

스토리북에서 args 부분에 에러가 발생하는 이유는 여러 가지가 있을 수 있습니다. 주로 함수 타입의 프로퍼티들이 올바르게 정의되지 않거나, 타입스크립트 설정에서 문제가 발생하기 때문인데요, 이는 args 속성을 설정하면서 발생할 수 있는 에러와 관련이 있습니다. 특히 함수 타입의 프로퍼티 표기와 관련된 에러는 다음과 같은 설정 문제에서 비롯될 수 있습니다:

  • 타입스크립트에서 적절한 타입을 지정하지 않아 컴포넌트가 요구하는 타입과 args에서 제공하는 타입이 불일치할 때
  • argTypes에 함수 타입을 명시할 때 특정 타입을 지정할 경우 발생하는 예외 상황

유사한 문제를 겪는 다른 학습자들의 질문과 답변을 확인하는 것도 도움될 수 있습니다. 이와 관련하여 다음 링크들을 참조하시면 도움이 될 것입니다:

위의 예시를 통해 argTypes와 그 속성들에 대한 설정을 다시 한 번 점검해 보세요. 특히, 함수 타입의 프로퍼티들이 올바르게 정의되었는지 확인하고, 타입스크립트 설정을 점검해 보시길 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.