박기완
## 선결 과제 - [x] #1822 - [x] #1799 - [ ] #1821 ## 설명 네비게이션 관련 코드는 모두 router 패키지가 담당하고 react-contexts에서 네비게이션 관련 로직을 모두 제거합니다.
[esm과 commonJS를 모두 지원하는 방법도 있나봅니다.](https://gist.github.com/aelbore/65a4d2e86c3326f36607db111a7b6887) swc가 워낙 빠르니 tsc가 작업을 끝내기 전에 두 번 빌드해서 두 방식을 모두 지원하면 어떨까요? 얻을 수 있는 장점은 다음과 같습니다. - 트리쉐이킹이 가능해집니다....
bodyType같은 이름의 파라미터를 새로 만들고 이 값으로 body의 타입 (json, FormData 등등..)을 명시하면 좋겠습니다.
https://github.com/titicacadev/triple-frontend/blob/9382d73a562ecbeb57e7e1cf992586f54fba6e60/packages/fetcher/src/auth-guarded-methods.ts#L9 `authGuardedFetchers`는 로그인 실패시 재시도 로직을 내장한 fetch 함수 모음입니다. 그래서 인증이 필요없는 API도 사용할 수 있는데, 이름에 "가드"라는 의미가 들어가 인증이 필요할 때만 쓸 수 있다는 인상을 줍니다. 따라서...
```ts (event?: SyntheticEvent) => void ``` TF에서 클릭 이벤트 핸들러를 다루다보면 많이 발견하는 타이핑입니다. 기본 HTML 태그나, styled-components로 생성한 컴포넌트의 onClick 이벤트의 타입은 `(event: MouseEvent) => void`입니다. event가 언제나 존재하기...
뒤로가기 또한 라우팅의 중요한 도메인입니다. react-contexts에서 라우팅 로직을 완전히 제거하기 위해 뒤로 가기 관련 코드를 router 패키지에 추가해야합니다.
지난날의 과오를 뒤로하고 content-web에서 onelink 생성하는 로직을 명확하게 담을 수 있는 [구조](https://github.com/titicacadev/triple-content-web/blob/master/src/common/deep-link.ts)를 다시 고민해봤습니다. 이 패키지를 TF에 추가하고 기존 생성 모듈은 deprecate 시키는 게 어떨까 합니다. Related to #1124
## 문제 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`를 직접 참조하고 있지도 않습니다. 그런데...