8. 커피챗 01.07 22:00

프로젝트

1. URL 등록 모달창을 ClickAway로 닫을때 Alert창을 통해 한번 더 유저한테 물어보기
• 처음 모달창의 스냅샷을 이용(수정이 되었을때만 작동, 편집되었을 경우 편집됨 표시)

2. 최소기능(필수) 개발을 중점적으로 하고, 유지보수 때 추가기능을 리팩토링 하는것이 좋다.

3. 항상 Comfort 존을 벗어나려고 노력하자.(아무런 고민없이 구현할 수 있다는 것은 좋지 않다)

4. input 컴포넌트
1. 하나의 컴포넌트로 만들려고 노력하기
2. 디자인 시스템 이용해보기
3. 컴포넌트에서 도메인 덜어내기

5. 버튼 컴포넌트
최소한의 공통 속성을 만들어 두고, 추가되는 것을 유연하게 받으면 하나의 컴포넌트로도 다양한 버튼들을 받을 수 있음

const newButton = styled()`` // 뭐 이런식으로 상속받아서 가능

interface ButtonProps extends HTMLProps<HTMLButtonElement> // 기본적으로 버튼이
// 가지는 속성을 받아와 확장 가능

질문

1. 상태관리 라이브러리를 사용할때 새로고침 시 상태가 초기화 돼서 로그인이 풀리는 문제를 보통 어떻게 해결하면 좋은지?(현재 전역으로 관리되는 로그인 상태값은 로그인 할때, 로그아웃일때 false로 관리된다. 새로고침했을때도 결국 JWT토큰으로 인즣확인을 하면 재 로그인을 할 수 있는데 이런 방식이 괜찮은지.)
=⇒ persist이용하거나 위의 방식

2. 디엠 페이지 상태관리 두개로 나눠서, 리액트 쿼리를 사용하면 유저목록과 채팅방을 포함하는 상위 컴포넌트에서 따로 관리를 안해도 되는지
=⇒ 상관없음. 하지만 두 방법 중 어떤게 나은지 고민해봐야 함.(유지보수 등등)