santa-close/santa-close-client

Project Description

지도를 기반으로 등산한 산과 산 주변의 맛집을 공유하는 앱입니다.

Features

• Lerna + Yarn workspace를 사용한 모노레포 방식의 패키지 관리
• Webpack Module Federation(MFE)를 사용한 마이크로 프론트엔드 아키텍쳐

Packages

• santa_close_app
• santa_close_common
• santa_close_frame
• santa_close_map
• santa_close_design-system

Getting Started

graphql 스키마 validation 필요시 GraphQL extension 설치 & 백엔드 서버 띄운채로 작업

# dependency 설치
$ yarn

# dev:watch & dev:map & dev:frame 스크립트 병렬 실행
# argument: map
$ yarn dev:web map

santa-close-client's Issues

모듈 페더레이션 적용 기준 논의

개요

모듈 페더레이션을 적용한 기준 논의

주요 내용

모듈 페더레이션을 적용하기 위해 기능별 또는 페이지별 분리 기준이 있으면 좋을 것 같습니다.
다만 웹뷰 특성상 한 페이지 내에 여러 기능이 들어가는 경우는 많지 않을 것 같고, 기능을 바탕으로 분리하는게 모듈이라는 특성상 향후 의존성 이슈가 덜 생길 것 같다는 생각입니다.

그렇다면 기능별로 분리했을 때 패키지를 계속 분리하는 것이 유지 보수 관점에서 옳을지 의문이라 논의가 필요할 것 같습니다.

깃허브 pr 리뷰어 세팅

@josworks27

Apollo client 세팅

Box component 구현

tsconfig 수정

target과 module 속성 변경

jest 세팅 및 샘플 TC 작성

JJFrame 개발

패키지 프리픽스 제거

각 패키지의 프리픽스인 santa_close 제거

README 작성

개발환경 readme 작성

TC & Code coverage CI 추가

Codecov 이용해서 테스트 커버리지 체크

파이어베이스 계정 생성 및 초대

graphql codegen url 변경

CI 버전 업 & cache 설정

UIKit 패키지 design-system으로 이름 변경 및 lint, type 체크 스크립트 추가

lint 체크 CI 추가

CODEOWNERS 세팅

airbnb-eslint 세팅

Sub README.md 수정

Input component 구현

eslint, prettier 세팅

Typography component 구현

Button component 구현

PR 어사이니 자동 추가

karrot + MFE 데모 만들기

지도 화면 구현

ISSUE

• Group: client
• Type: feature, layout
• Detail:

TODO

1. 카카오맵 API 띄우기
2. 지도 확대, 축소
3. 현재 위치

ui-kit 초안 개발

DS 필수 컴포넌트 구현

• Box
• Typography
• Icon
• Button
• Input
• Dropdown
• StarRating
• Img
• Divider

github action 세팅

먼저 데모로 세팅 후 필요한 �설정 추가 세팅

주요 내용

• web-vital 체크 후 슬랙 전송
• code quality 체크
• 배포

tsconfig 세팅

개요

• root tsconfig.json 세팅
• app 패키지 tsconfig.json extend

RN ios cli build 에러

m1 arch에서 cli로 ios build가 안되는 에러 수정

전체 flowchart 및 인수조건 정리

recoil 세팅

santa-close 기능 정의

santa-close 기능 정의

개요

• santa-close 앱의 개략적인 기능을 정의한다.

wallaby.js 세팅

vite 아웃풋 cjs 제거

레포 이름 변경

기존: santa-close
변경: santa-close-client

변경 사유

• 클라이언트용 레포와 서버용 레포를 분리 운영

프리커밋 설정

rollup=>vite

Concurrent Mode & Suspense 개발 패턴 논의

1. Apollo + Suspense 데이터 페칭 패턴
2. SuspenseList 활용 패턴
3. Transition 관련 Concurrent mode를 효율적으로 사용하는 위한 개발 패턴

React Native 세팅

graphql lint 수정

santa_close_design-system terser 추가

MF HMR 세팅

프로젝트 구조 세팅

프로젝트 구조 세팅

개요

santa-close app 프로젝트 구조 구축

초안

packages

• santaclose-app
  • 프로덕트의 기반이 되는 앱 패키지
• santaclose-webviews
  • santaclose-app에서 웹뷰를 통해 보여줄 webview들을 분리한 패키지

stitches.js + Radix UI 세팅

santa-close_design-system 구현

React 18.1.0 버전 업

이슈 stale 봇 세팅

storybook 세팅

https://storybook.js.org/tutorials/intro-to-storybook/react/ko/get-started/

react version upgrade from 17 to 18

All package's react version upgrade from 17 to 18

브릿지 구현