NONE) fix: fix component export issue

[dev-redo]

🔗 Jira Ticket Number

• ADCIO-
• VILL-

♻️ Current situation

1. 문제 상황

현재 design system을 설치해서 사용하려고 하면,
Icon을 포함해 Table과 DatePicker namespace를 찾을 수 없다는 에러가 발생하고 있습니다. (* 사진 참고)

2. 문제 원인: 트리쉐이킹

• 이유를 확인해보니 언급한 컴포넌트를 export 하고 있지 않아서, 트리쉐이킹 되었음을 확인했습니다.
• 실제로 빌드 결과물 파일(= dist/index.js)을 확인해보니, 언급한 컴포넌트가 빌드 결과물에 포함되지 않았음을 확인했습니다.

💡 Proposed solution

• 언급한 컴포넌트를 export 하게끔 수정해주어 정상적으로 빌드 결과물에 포함되게끔 수정해주었습니다.
• cds 빌드 결과물을 rmp에 적용했더니 위와 같이 아이콘이 잘 보여지고 있는 것을 확인했습니다.

🧩 테스트 방법

• 해당 브랜치에서 pnpm build를 한다.
• rmp node_modules의 @corca-ai/design-system 라이브러리의 dist 폴더를 빌드 결과물로 변경한다.
• Icon, Table, DatePicker가 정상적으로 적용되는지 확인한다.

🧑‍💻 Reviewer Nudging

✅ Checklist

• 수정 사항에 대한 테스트를 마쳤습니다.
• 관련 노션 문서를 업데이트하였습니다.
• 디자인 시스템 컴포넌트의 경우 rmp PR 번호 첨부 및 CDS 라벨을 추가하였습니다.

[dohui-son]

global.css 파일도 rmp레포에서 import 가능하도록 수정 부탁드립니다.
버전도 올려주세요~
늦은 시간까지 고생 많으셨습니다!

[dev-redo]

global.css 파일도 rmp레포에서 import 가능하도록 수정 부탁드립니다.
버전도 올려주세요~

반영했습니다~~ 확인 부탁드려요~~~

about global.css

[dohui-son]

이미지 참고하시면 import '@client/global.scss'; 가 있는데요. 이것때문에 추가 요청드린 것이었습니다.

[dohui-son]

_app에서 css file imort 안해주니 이상한 곳만 스타일이 삐꾸나는 문제가....
이미지의 carbon chart 도 동일한 이슈가 있어서 _app.tsx에서 import 되고 있는 것을 확인할 수 있습니다.

[dev-redo]

@dohui-son

[구두로 논의한 사항]

• carbon 라이브러리가 어떻게 빌드하고 있는지 모름. cds에선 동일한 이슈가 발생하지 않을 수 있음
• 해당 pr 반영했는데, 디자인시스템 컴포넌트에 스타일이 적용되지 않는다면 아래 방식을 도전해볼 예정
  • 방법 1. vite 빌드 시 억지로 index.ts에 css 파일 inject하게끔 하기
    • 참고 링크: Can css be styleInjected in library mode? vitejs/vite#1579
  • 방법 2. css 파일을 별도로 빌드 결과물에 포함

문제가 발생하지 않았으면 좋겠지만, 만약 발생해도 1번으로 최대한 해결해보겠습니다.
css 파일을 별도로 분리하게 되면,, 사용하는 측에서 알아야 하는 포인트가 하나 더 느는거니까욥!

[dohui-son]

Icon/Table/DatePicker 사용해야해서 먼저 merge 부탁드립니다!

[dev-redo]

[진행 상황 공유]

• 문제 상황
  • 위에서 언급한대로, index.ts에 css를 포함하게끔 설정을 바꿨더니 사진처럼 빌드 결과물에 css 파일이 포함되는 것을 확인했습니다.
  • 문제는 next.js의 경우 app.tsx가 아닌 곳에서 css파일을 export하면 아래 사진처럼 에러가 발생하게 됩니다.
  • 따라서 css를 별도의 빌드 결과물로 포함시켜주어야 합니다.
• 수정 방향
  • css 파일을 빌드 결과물에 포함시키고, 별도로 package.json에 포함하게끔 구성하겠습니다.
  • 그렇게 되면 app.tsx에서 해당 css파일을 import하고, 디자인 시스템 컴포넌트는 css 파일을 import하지 않으니 문제가 없을 것으로 보입니다.