Invisible Column when window partitioned

interface OngoingAgenda {
  type: "ongoing";
  ...
}

interface TerminatedAgenda {
  type: "terminated";
  ...
}

type Agenda = OngoingAgenda | TerminatedAgenda;

Agenda 타입을 가진 변수의 type 필드의 type check을 진행해 주어도 agenda에 대한 type inference가 이루어지지 않으므로 type predicate를 이용한 type guard를 정의하여 이를 통해 타입 검사를 진행해야 함

https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates

@kjy2844 님이 진행해준 부분에 이와 같은 식으로 정의되어 있는데, 비서 전반적으로 이와 같은 타입 체킹을 도와줄 type guard를 utils 폴더에 정리해두면 좋을 것 같아요

biseo/client/src/components/organisms/AgendaSection.tsx

Lines 7 to 9 in 2baee97

    
           const isOngoingAgenda = (agenda: Agenda): agenda is OngoingAgenda => { 
        
             return agenda.status === "ongoing"; 
        
           }; // TODO : move to utils

Admin Page Ongoing agenda Modal

Modal component 제작

투표 생성, 수정 등에 사용되는 컴포넌트

모달 focus 관련 버그

이슈 내용

모달 열면 x버튼 focus 됨
esc 누르면 url 안 바뀌어도 모달 닫힘
=> 모달을 dialog 아닌 div로 바꿔야할 것 같아요

관련 Task

dialog에서 div로 변경
외부 클릭 시 모달 닫기
모달 열면 첫 input 요소 focus하기
모달 띄워졌을 때 스크롤 방지
~~Esc 키 누르면 모달 닫기~~ -> 텍스트 필드 입력 중 esc 키를 누르면 모달이 닫힐 수 있어 구현하지 않았습니다.
css 토큰화

[메인 페이지] 진행 중인 투표 - 투표 후 "투표하기" 버튼 안 보이게 하기

Modify agenda border design

피그마랑 다른 디자인 수정

종료된 투표 & 진행 중인 투표 border 두께랑 색깔이 피그마와 맞지 않는 이슈

`agenda.voted`, `admin.agenda.voted` api 수정 논의

현재의 agenda.voted, admin.agenda.voted api는 voters 오브젝트를 넘겨주는데 불필요하다는 생각을 했습니다. 이를 넘겨주기 위해 db에서 많은 정보에 접근해야하고 쿼리가 (최적화는 안했지만)복잡해지는 문제점이 있습니다.

Current Query (unoptimized)


select: {
  choice: {
    select: {
      agenda: {
        select: {
          choices: {
            select: {
              users: {
                select: {
                  user: {
                    select: {
                      id: true,
                      username: true,
                      displayName: true,
                    },
                  },
                },
              },
            },
          },
          voters: {
            select: {
              user: {
                select: {
                  id: true,
                  username: true,
                  displayName: true,
                },
              },
            },
          },
        },
      },
    },
  },
},

db 접근을 통해 전부 넘겨주는 형식이 아닌 변동사항(투표)만 넘겨주고, 로직 파트에서 업데이트 할 수 있도록 하면 어떤지 궁금합니다.
ex) agendaId, choiceId(, userId)만 넘겨주고, 프론트에서 이를 이용해 incremental 하게 업데이트 하기