triple-frontend
triple-frontend copied to clipboard
Monorepo for Triple Frontend Components and Libraries
## 문제 query string의 key 값은 camelCase, snake_case, PascalCase, BIG_SNAKE_CASE, kebab-case 모두 가능합니다. 같은 이름을 다르게 표현하는 쿼리를 하나로 표준화하는 작업이 매번 필요합니다. ## 해결책 casing만 다른 쿼리 key값을 하나의...
[실무에서 바로 쓰는 Frontend Clean Code / Slash 21](https://www.youtube.com/watch?v=edWbHp_k_9Y) 영상을 보고 영감을 받아 의견을 모아보려고 합니다. ## 문제점 클릭 핸들러에 기능을 확장할 때 명령형으로 작성하고 있기 때문에 일명 "handleXXXClick" 함수가...
## 문제 react-hooks에서 `useLottie` 훅을 제공합니다. 그런데 `useLottie`를 사용하지 않더라도 `lottie-web`이 번들에 포함되고 있습니다. 다음은 content-web의 bundle analyzer 결과입니다. content-web에선 `useLottie`를 사용하고 있지도, 심지어 `react-hooks`를 직접 참조하고 있지도 않습니다. 그런데...
모바일 웹에서 사용할 때 웹 로그인 할 필요 없이 앱으로 가면 좋을 것 같습니다. 그런데 앱을 여는 링크가 사용자 입장에선 명확하지 않은 것 같아요(ex. 트리플 앱 설치하기 플로팅 배너) OneLink를...
### 설명 호텔 이벤트 로깅 파라미터에 대한 이슈를 수정하던중 발견하게 된 이슈 입나다. ``` useEffect(() => { if (page?.path) { const utmParams = Object.keys(query || {}) .filter((key) => key.match(/^utm_/i)) .reduce(...
제대로 테스트는 못 해봤지만 앱 안에서 딥링크를 누르면 제대로 작동하지 않는 것 같습니다. 앱 밖에선 딥링크로 작동하고 앱 안에선 앱 inlink로 작동하는 기능을 router 패키지의 `ExternalLink` 컴포넌트가 가지면 어떨까요?
다음의 과정을 거쳐서 시드 파일들을 만들 수 있었습니다. - `lerna create @titicaca/web-storage packages` - 생성된 디렉토리에서 `__test__`, `lib/`, `README.md` 제거 - package.json에서 불필요한 필드 제거 - 다른 패키지에서 tsconfig.json 복붙...
upper-gnb-web를 사용하는 서비스 - triple-air-web - triple-auth-web - triple-intro-web - my-bookings-web
모바일 웹에서 상품을 구매할 동선을 구축하는 데 가장 중요한 부분이 payment-web 페이지와의 연동 부분입니다. 네이티브 앱에서만 구매가 가능한 현재 상태에 모바일 웹 지원을 추가할 때 결제 연동에 필요한 것들을 나열하고,...
관련 스레드- https://titicaca.slack.com/archives/CE1TS26GK/p1618479206038200?thread_ts=1618443838.009900&cid=CE1TS26GK 위와 같은 경우는 컴포넌트 내 optional props로 1줄로 적용시켜 이슈를 해결 했지만(원래 1줄이 목적이였음) 가변적인 라인을 목적으로 사용하고 싶은 경우 경우 문제가 발생할 수 있습니다. ex) 라인이...