Yarn Berry + Workspace 도입, 프론트엔드 패키지 모노레포 전환 (행록 서비스 + 디자인시스템 + 어드민 통…

…합) (#782)

* feature: 프론트엔드 패키지들(행록 서비스, 디자인시스템) 모노레포 초기 구축

* build: cypress e2e CI workflow_dispatch 추가

* build: cypress e2e CI workflow_dispatch 수정

* build: cypress ci yml 임시수정

* build: hanglog service cypress CI 파이프라인 수정

* refactor: 모노레포 패키지 구조 변경, workspace 내 typescript 버전문제 개선중

* fix: workspace에서 type을 찾지 못하는 문제 해결

* chore: .code-workspace 설정 추가

* refactor: type error 관련 코드 수정

* refactor: 디자인시스템 eslint 터지는 코드 개선

* refactor: 패키지 구조 변경에 의한 cypress ci 테스트코드 수정

* refactor: 패키지 구조 변경에 의한 chromatic ci yml 수정

* fix: ts-pattern 버전문제로 인한 문제 수정

* chore: 디자인시스템 ts-pattern 제거

* chore: 불필요한 ts-pattern 제거

* refactor: chromatic 관련 workspace명령어 제거

* Update README.md

.github/workflows/frontend-e2e-test.yml

@@ -4,21 +4,23 @@ on:
     branches:
       - develop
     paths:
-      - frontend/**
       - .github/**
+      - frontend-monorepo/packages/hanglog-service/**
 
 defaults:
   run:
-    working-directory: frontend
-
+    working-directory: frontend-monorepo/packages/hanglog-service
 jobs:
   run-dev:
-    if: contains(github.event.pull_request.labels.*.name, 'FE')
+    if: contains(github.event.pull_request.labels.*.name, 'FE-Service')
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v3
 
+      - name: build design-system
+        run: yarn run build:design-system
+
       - name: Create env file
         run: |
           touch .env
@@ -28,13 +30,15 @@ jobs:
           cat .env
 
       - name: Cypress run
-        uses: cypress-io/github-action@v5
+        uses: cypress-io/github-action@v6
         with:
           browser: chrome
-          start: npm run serve:dev
+          start: yarn run serve:dev
           wait-on: "http://localhost:3000"
           record: false
-          working-directory: ./frontend
+          working-directory: ./frontend-monorepo/packages/hanglog-service
+          install-command: yarn install
+          command: yarn run --binaries-only cypress run
         env:
           CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -39,15 +39,15 @@
 
 ### 프론트엔드
 
-<img width="70%" alt="스크린샷 2023-10-18 오후 5 32 31" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/db073e79-a6cc-4bda-844b-58ac17d95e90">
+<img width="80%" alt="스크린샷 2024-01-22 오후 11 43 48" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/9284b40e-c931-4f04-ac78-9c97a548338e">
 
 ### 백엔드
 
-<img width="70%" alt="스크린샷 2023-10-18 오후 5 32 13" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/9cb02663-f540-4659-8d35-6fbde5c3cf2d">
+<img width="80%" alt="스크린샷 2024-01-22 오후 11 43 16" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/b64dde4f-9467-4427-a361-e2301657efa4">
 
 ### 인프라
 
-<img width="70%" alt="스크린샷 2023-10-18 오후 5 32 49" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/15309fe5-bda5-4793-8e65-af52e7b4a4e9">
+<img width="80%" alt="스크린샷 2024-01-22 오후 11 44 27" src="https://github.com/woowacourse-teams/2023-hang-log/assets/45068522/d0e03eb4-e159-405b-b22e-3d3fa79b99b7">
 
 <br>
 

frontend-monorepo/.gitignore

@@ -0,0 +1,7 @@
+.yarn/*
+!.yarn/cache
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions