README.md 및 chart.md 생성성

packages/common/business_components/README.md

@@ -0,0 +1,22 @@
+## business_components 패키지
+### 원앤올에서 제공받는 컴포넌트 외에 업무 파트에서 사용할 수 있는 별도 components 패키지지
+  1) 설정
+
+    (1) tsconfig.json 'path'에 '@common/business_components' 변수를 추가
+```json
+"paths": {
+  "@/*": ["./*"],
+  "@common/components/*": ["../../packages/common/components/src/*"],
+  "@common/components": ["../../packages/common/components/src/index"],
+  // 작성구문문
+  "@common/business_components/*": ["../../packages/common/business_components/src/*"],
+  "@common/business_components": ["../../packages/common/business_components/src/index"]
+}
+```
+    (2) package.json 'dependencies'에 '@common/business_components' 추가
+```json
+"dependencies": {
+  "@common/business_components": "workspace:*",
+  "next": "15.1.7"
+},
+```

packages/common/business_components/src/chart.md

@@ -2,34 +2,11 @@
 ### 공통 모듈 중 Chart를 다양한 테마로 적용시킬 수 있도록 해주는 모듈
   1. 차트 모듈 사용법
 
-    1-1) 설정
-
-      (1) tsconfig.json 'path'에 '@common/business_components' 변수를 추가
-```json
-"paths": {
-  "@/*": ["./*"],
-  "@common/components/*": ["../../packages/common/components/src/*"],
-  "@common/components": ["../../packages/common/components/src/index"],
-  // 작성구문문
-  "@common/business_components/*": ["../../packages/common/business_components/src/*"],
-  "@common/business_components": ["../../packages/common/business_components/src/index"]
-}
-```
-      (2) package.json 'dependencies'에 '@common/business_components' 추가
-```json
-"dependencies": {
-  "@common/business_components": "workspace:*",
-  "next": "15.1.7"
-},
-```
-
-    1-2) 호출방법
+    1-1) 호출방법
 
       (1) 파일에 차트생성에 필요한 form, MainChart, MainConfig 임폴트
 ```js
-import type { ChartConfig } from "@common/business_components";
-import {MainChart} from "@common/business_components";
-import {CHART_FORM} from "@common/business_components";
+import  {type ChartConfig, MainChart, CHART_FORM } from "@common/business_components";
 ```
       (2) ChartForm 지정
 ```js
@@ -74,14 +51,4 @@ return (
       <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData}></MainChart>
     </div>
   );
-```
-&emsp; 
-
-&emsp; 2. 차트 모듈 구조
-
-
-
-
-
-
-
+```