meeting-component-library

와플미팅 개발을 위한 컴포넌트 라이브러리

node verison >= v18.0.0 사용.

• nvm 사용시
• nvm install v18
• nvm use v18

yarn 사용.

• yarn install
• 빌드
  • 패키지 빌드시, yarn build
  • 앱 빌드시, yarn build:app
• scss 파일 수정시, yarn gen 명령어 실행 후 scss.d.ts 파일까지 커밋 추가 필요

storybook 사용.

• yarn storybook 실행

webpack dev 서버 개발 환경.

1. 와플환경변수 설정

   1. 개발모드 isDev true로 변경

   // src/test/App.tsx
   
   // 로컬개발환경에서 true로 변경해야 와플 환경변수가 주입됨
   
   const isDev = false;

   2. 로컬개발환경의 와플환경변수 WAPL_DEV_ENV 설정

   // src/helpers/constants.ts
   
   // 와플 환경변수 변경이 필요한 경우, WAPL_DEV_ENV 수정
   // WAPL_DEV_ENV의 LOGIN_ID, PASSWORD를 반드시 설정해야함, 설정한 유저정보가 사용됨
   // dev환경에서 각 POOL_ID 뒤에 '-dev'추가
   
   const WAPL_DEV_ENV = {
   COMMON_POOL_ID: 'wapl-common',
   AUTH_POOL_ID: 'wapl-auth',
   NOTICE_POOL_ID: 'wapl-notiCenter',
   TALK_POOL_ID: 'wapl-talk-dev',
   LOGIN_ID: '', // 테스트환경에 등록된 사용자 아이디, 필수입력!
   PASSWORD: '', // 사용자 아이디의 패스워드, 필수입력!
   SOCKET_URL: 'wss://sag-gaia-prod.tmax-superapp.com', // 가이아통합테스트 환경
   // SOCKET_URL: 'wss://wapl.tmax-superapp.com', // 와플 환경
   };

2. yarn dev