\(@^0^@)/

- 프리 온보딩 챌린지 과제 요새 손목이 아파서 쉬엄쉬엄 하는 중이다ㅠ 그래도 며칠 쉬엄쉬엄 했더니 많이 좋아졌음. 오후에는 우선 어제 스타일링했던 회원가입, 로그인 페이지의 간단한 유효성 검사 구현했고, 비밀번호 입력과 비밀번호 확인의 유효성 검사를 구현하려 했는데, state를 범벅으로 구현하지 말고 최대한 줄여보고, 라이브러리도 쓸 수 없는 상태여서 조금 막막해진 상태이다. 구현 가이드라인에 비밀번호 확인 기능은 없기에 우선 보류. 다른 기능들 구현하고 레퍼런스들을 모아서 다시 한번 도전해볼 생각이다. 오후 회고(만족도: 5) - 프리 온보딩 챌린지 과제 auth 부분은 만족스럽진 않지만, 현재 대략적으로 끝낸 상태이다. 생각보다 간단한 구현도 헤매고 있다는 나를 깨닫고 많이 반성하는 저녁이었음....

- 유튜브 강의 Recoil https://www.youtube.com/watch?v=tMQaxZl_MqY React Suspense const ProfilePage = React.lazy(() => import('./ProfilePage')); // Lazy-loaded // Show a spinner while the profile is loading 비동기 작업을 진행하는 컴포넌트를 자식 컴포넌트로 가지며, 자식 컴포넌트들이 비동기 작업을 진행하는 동안 props에게 할당받은 특정 컴포넌트를 렌더링 한다. ex) Spinner 리액트에게 자식 컴포넌트들이 비동기 작업을 진행하고 있다는 것을 전달하여 리액트는 자식 컴포넌트들을 구독? 주시하면서 비동기 작업이 끝나기만을 기다린다. 작업이 끝나면, 자식..

- 유튜브 생활코딩 강의 Redux-thunk 학습 - createAsyncThunk은 비동기 작업을 처리하는 action creator를 만듭니다. - action creator는 아래와 같이 3가지 상태를 갖습니다. - action creator.pending는 대기상태를 의미합니다. - action creator.fulfilled 는 완료 상태를 의미합니다. - action creator.rejected는 오류 상태를 의미합니다. - thunk는 각각의 상태에 따른 reducer를 체계적으로 작성할 수 있도록 유도합니다. - thunk를 처리할 때는 extraReducers를 사용합니다. 나는 영상 보면서 간단하게 사용했을 뿐, 실전에서 사용해본 적은 없기에 아직 크게 장, 단점을 모르겠다. 하지만..