[팀 프로젝트] 제5회차 정기회의

 

5회차 정기회의

 

이번 회의

이번에도 각자 해온것을 확인하고 앞으로 할 것에 대해서 정리했다.

팀원은 라우팅 정리를 해왔고, 나의 경우는 Zustand를 통한 전역 state 처리를 했다.

 

나는 팀원의 라우팅 정리에 대해서 그룹핑에 관한 의견을 주었고, 팀원의 경우 zustand에서 미들웨어를 사용한 devtools 설치에 대한 의견을 주었다. 상호의 피드백을 받아 서로의 코드를 수정했다.

 

state 처리는 다음과 같이 했다.

* 하기 코드는 특정성을 막기 위해 클로드로 재편집했다.

 

import { create } from 'zustand';

// 로그인 유저 정보 (클라이언트에 두어도 되는 필드만)
type User = {
  id: number;
  username: string;
  nickname: string;
};

// 전역 앱 상태 타입
type AppState = {
  user: User | null;
  isAuthenticated: boolean;
  loading: boolean;
  error: string | null;

  setUser: (user: User | null) => void;
  setLoading: (loading: boolean) => void;
  setError: (error: string | null) => void;
  logout: () => void;
};

// 전역 스토어 (auth + loading + error)
const useAppStore = create<AppState>((set) => ({
  user: null,
  isAuthenticated: false,
  loading: false,
  error: null,

  setUser: (user) =>
    set({
      user,
      isAuthenticated: !!user, // truthy → true, falsy → false
    }),

  setLoading: (loading) => set({ loading }),

  setError: (message) => set({ error: message }),

  logout: () =>
    set({
      user: null,
      isAuthenticated: false,
    }),
}));

export default useAppStore;

 

그리고 그 외에 다음 주까지 무엇을 하느냐에 대해서 서로 이야기했고, 각자 일주일만에 할 것을 정했다.

팀원은 ui 등을 만들어오고, 나는 공통 component 수정을 하기로 했다.

 

 

다음 주까지 해올 것

나의 경우 다음과 같은 것으로 정해졌다.

 

- zustand devtools 설치
    - zustand combine 조사 및 필요하면 사용하기
- 공통 component 넣기

 

팀적인 이야기

프로젝트 명이 정해졌다. 프로젝트 명은 E.go. 그리고 프로젝트 컬러도 완성되었다.