nextjs
[React, Storybook] Provider, Context 설정
어느순간.. 다시 Storybook을 하게 된 나.. Nextjs로 Storybook 연동해서 하고 있는데, 아 이거 전역으로 주입하는 친구들은 Storybook에서 잘 못읽는다. 나같은 경우는 MUI나 커스텀 테마등등을 Nextjs에서 셋팅한 것과 똒같이 하고 싶었당. 찾아도 안나오고 아효 ㅡㅡ Nextjs AppRouter경우는 layout.tsx 일반은 page.tsx에 전역으로 설정하는 친구들을 Storybook에선 요렇게 한다. .storybook 전역설정(테마, 주입 기타등등)하고 싶은 친구들 만든다. 전역설정.tsx const 개인테마 = 테마 (); export const 이걸쓰세여 = (Story) => ( ); preview.tsx import { 이걸쓰세여 } from './전역설정'..
[React, NextJs, Storybook] NextJs Storybook next/image 오류
오류 내용 Failed to parse src "static/media/public/${ImageName}.png" on 'next/image', if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://) ???? 최강 디자이너 피카소님 짱 ^^ 프론트를 열심히 해보자 ^^ 예에~ 오류 발생 ^^ 디자인 시스템을 구축하기 위해, 고민을 하다가 StoryBook을 선택했는데, NextJs의 Provider에서 자동적으로 제공하는 모듈 중에 image를 임포트해올 수 없는 문제가 있었다 ^^ 여러 블로그들에 글이 있지만, 당연하게도 난 이해할 수가 없었다 ^^ 다행히 깃헙 이슈..