TIL - 이번 주 팀 프로젝트 KPT 회고

회고 내용

오늘은 프로젝트의 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;

느낀 점 및 앞으로의 개선 방향

• 협업 과정에서의 불편한 점을 회고하고 개선 방안을 논의하는 것이 매우 유익하다고 느꼈습니다.
• 다음 프로젝트에서는 초기 설계 단계에서부터 사용자 경험을 고려하여 화면 깜빡임 등의 문제를 예방할 수 있도록 더욱 신경 써야겠습니다.