Portfolio

8차 회의

날짜

Jan 10, 2023

Status

Done

회의 안건

현재 storybook 실행할 때 에러 발생하는 문제가 있는 것 같아요

혜준: 어떤식으로 에러가 발생하는지 궁금합니다.

또 storybook에서 절대 경로에 대한 다른 설정이 필요한 것 같습니다.

현재 components 안에 base, domain, template 있는데 파일 개수 많고 한번에 여러개 가져올 가능성이 높은 base나 domain 까지는 폴더 내부에 따로 index.js 파일 만들어서 내보내기 추가하면 좋을 것 같네요

또 스토리북 내부에서 componets 폴더도 세부화 할지?

혜준: components 폴더 구조 그대로 따라가는 게 보기 더 편할 것 같긴 해요….

스토리북에서 components로 할지 component로 할지? 강사님은 component로 하셨는데 저는 components가 맞다고 생각해서,,

혜준: 저도 components가 맞다고 생각합니다.

마지막으로 경로 에러나 import 하지 않은 변수, 함수, 컴포넌트 사용할 때 등 코드상에서 에러가 발생하지 않네요,, 이것도 해결해야할듯

react-app 제거

react-router-dom 설치

일단 아래 코드로 작성하면 에러도 안나고 절대 경로 문제도 해결할 수 있는데 얘기를 해봐야 할 것 같아요~ 절대 경로 문제는 ts 환경에서 스토리북 실행할 때 추가해줬어야 해서 비슷하게 해결했습니다

재현님은 위 코드로 실행 에러는 안나고 절대경로 문제 발생했고

저(건열)는 실행 에러 및 절대 경로 문제가 발생해서,, 한 번 혜준님이랑 나라님도 테스트 해보고 해야할 것 같아요

(혜준) 일단 저도 실행 에러는 안나는 거 같은데 절대 경로는 해결을 해야할 것 같습니다.

그래서 일단 안되는 옵션이 이 두가지 입니다


"features": {
	"storyStoreV7": true
}
"addons": [
	"@storybook/addon-interactions"
],


// module.exports = {
//   "stories": [
//     "../src/**/*.stories.mdx",
//     "../src/**/*.stories.@(js|jsx|ts|tsx)"
//   ],
//   "addons": [
//     "@storybook/addon-links",
//     "@storybook/addon-essentials",
//     "@storybook/addon-interactions"
//   ],
//   "framework": "@storybook/react",
//   "core": {
//     "builder": "@storybook/builder-vite"
//   },
//   "features": {
//     "storyStoreV7": true
//   }
// }


const { mergeConfig } = require('vite');
const path = require('path');

module.exports = {
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
  core: {
    builder: '@storybook/builder-vite',
  },
  viteFinal: async (config, { configType }) => {
    config.resolve.alias = {
      ...config.resolve.alias,
      '@': path.resolve(__dirname, '../src'),
    };

    return config;
  },
};