회고 내용
오늘은 프로젝트의 KPT 회고를 진행했습니다. 회고를 통해 협업 과정에서의 경험과 앞으로의 개선 방향을 논의했습니다.
KPT 회고
Keep - 현재 만족하고 있는 부분
- 필수 구현 사항: 필수 구현 사항을 모두 완료했습니다.
- 설문조사 로직: 설문조사 로직이 잘 작동하며 결과가 랜덤하게 도출되어 만족스럽습니다.
Problem - 불편하게 느끼는 부분
- 화면 깜빡임 문제: 인가(Authorization)에서 로그인 상태가 아닌 경우 마이페이지나 글 작성 페이지로 리디렉션할 때 화면 깜빡임이 발생하여 불편합니다.
Try - Problem에 대한 해결책, 당장 실행 가능한 것
- 리디렉션 개선: 리액트 라우터 돔의 loader를 사용하여 데이터를 받아오면서 리디렉션을 하면 화면 깜빡임 없이 리디렉션할 수 있을 것 같습니다.
React Router Dom의 loader
import { createBrowserRouter, RouterProvider, redirect } from 'react-router-dom';
const loader = async () => {
const user = await fetchUser(); // 사용자 데이터를 불러오는 비동기 함수
if (!user) {
return redirect('/login');
}
return user;
};
const router = createBrowserRouter([
{
path: '/mypage',
element: <MyPage />,
loader,
},
{
path: '/write',
element: <WritePage />,
loader,
},
// 다른 경로들...
]);
function App() {
return <RouterProvider router={router} />;
}
export default App;
느낀 점 및 앞으로의 개선 방향
- 협업 과정에서의 불편한 점을 회고하고 개선 방안을 논의하는 것이 매우 유익하다고 느꼈습니다.
- 다음 프로젝트에서는 초기 설계 단계에서부터 사용자 경험을 고려하여 화면 깜빡임 등의 문제를 예방할 수 있도록 더욱 신경 써야겠습니다.
'TIL' 카테고리의 다른 글
TIL - 개인 프로젝트, 영화 추천 사이트 - 1 (0) | 2024.06.25 |
---|---|
TIL - JavaScript 메모리 구조와 React 메모리 관리 (0) | 2024.06.24 |
TIL - React Router에서 navigate와 Link의 차이점 (0) | 2024.06.20 |
TIL - React 훅 소개 (0) | 2024.06.19 |
TIL - 팀 프로젝트에서 SOLID 원칙 적용 경험 공유 (0) | 2024.06.18 |