[DEPLOY] 배포 충돌 해결 #112

jaeml06 · 2025-02-04T11:39:20Z

🚩 연관 이슈

closed #

📝 작업 내용

🏞️ 스크린샷 (선택)

🗣️ 리뷰 요구사항 (선택)

* chore: install react-router-dom * feat: App.tsx와 main.tsx 에서 라우팅 설정 * refactor: createBrowerRouter 방식 적용 - router.tsx 파일 생성하여 라우터 적용 - main.tsx 에서 <RouterProvider router={router} /> 적용 * chore: 불필요한 App.tsx 컴포넌트 삭제 * chore: eol prettier 적용

* feat: 포털 렌더링 관리를 위한 GlobalPortal 컴포넌트 추가 * feat: 모달 생성을 위한 modal 커스텀 훅 구현 * feat: GlobalPortal 적용 * feat: 제출 이벤트, 버튼 추가 * feat: uesModal 구조 변경 * feat: Stance, DebateType에 export 추가 * test: useModal 테스트 코드 작성 * feat: 타이머 박스 생성 모달 구현 * feat: 타임 테이블 구성 페이지 피그마 UI에 맞게 구성 * refactor: 불필요한 테스트 파일 삭제 * test: 타임 테이블 구성 페이지 스토리북 작성 * test: 타임 테이블 구성 페이지 테스트 코드 작성 * refactor: params변경에 따른 수정 * test: GlbalPortal 추가 * chore: chromatic 추가 * fix: 파일명에 불필요한 공백 제거 * chore: 크로매틱 배포 토큰 변경

* feat: 로그인 페이지 전체 레이아웃 * feat: 로그인 버튼 구현 * feat: 닉네임 별 페이지 목록 페이지 라우팅 설정 * refactor: scale 효과 추가 및 font 굵기 조절 * refactor: tailwind css 가독성 향상 및 개선 * refactor: LinkButton 재사용성 향상 - url과 title을 props로 넘김 * chore: eslint 자동 정렬 설정 * chore: LoginPage eslint 자동 정렬 적용 * refactor: input placeholder 가독성 향상을 위해 글꼴 색깔 변경

* feat: TableListPage 와이어 프레임 구현 * refactor: grid 가운데 정렬 및 gap 추가 * feat: Table 컴포넌트 구현 * feat: AddTable 컴포넌트 구현 - 클릭 시 새로운 토론 생성 * feat: TableProps 추가 * 페이지 테이블 모달 구현 * refactor: 모달 와이어프레임 구현 * feat: 토론 시간 이름 및 토론 유형 UI 구현 * feat: 토론 유형 선택 토글 구현 * refactor: 토론 유형 토글 선택 기능 구현 * refactor: 토론 유형 토글 컴포넌트로 분리 * style: UI 색상 변경 - amber-500 * feat: CreateTableButton 컴포넌트 구현 - 테이블 만들기 버튼 클릭 시 '/' 로 이동 * refactor: Table 컴포넌트 라우팅 적용 * chore: dummy data 제거 * chore: dummy data 주석처리 * chore: dummy data 추가 * refactor: TableProps 타입 분리 * refactor: 닫기 버튼 가독성을 위해 위치 변경 및 크기 변경 * refactor: ModalProps 타입 분리 * chore: Table 컴포넌트에 시간 단위 '분' 추가 * refactor: Modal props 컴포넌트 안에 배치 * refactor: useModal 훅에 esc 닫는 기능 추가 * refactor: useModal 적용하여 기존 모달 리팩토링 * refactor: 모달 닫기 버튼 사이즈 변경 * refactor: TimerCreationContent Padding 증가 * refactor: Modal 닫기 버튼 위치 조정 및 사이즈 변경 * refactor: TableProps 분리 제거 * refactor: Modal 컴포넌트를 ModalWrapper 감싸기 * refactor: responsive Table UI 로 리팩토링 * refactor: responsive Modal UI 리팩토링 * refactor: Table 타입 분리 및 Type네이밍 변경

* fix: 텍스트를 더 자세하게 수정 * feat: 최상단 컴포넌트에 GlobalPortal추가 * fix: 하단 버튼에 main의 content가 가려지던 문제 수정 * refactor: formatSecondsToMinutes 반환 값 변경 * feat: 선택 진영에 따라 모달 제목 텍스트 색상 변경 * feat: input을 select로 변경 * feat: stace에 따른 색상 변경 함수 구현 * feat: debateType가 중립일 경우 stance을 값을 빈문자열로 표시 * feat: input Numer의 leading zero삭제 * feat: 초기값을 이전 설정한 값으로 설정되게 변경 * feat: stace가 중립일 speakerNumber 수정 불가능하게 변경 * feat: 이전 데이터가 중립일 경우 debateType이 이전 데이터를 반영하지 않도록 변경

* test: Table 컴포넌트 Storybook 구현 * test: TableListPage 페이지 Storybook 구현 * test: DropdownForDebateType 컴포넌트 Storybook 구현 * fix: test 코드 통과를 위해 코드 h2 tag 수정

* refactor: PropsAndConsTitle의 재사용에 따른 폴더 위치 변경 * feat: 테이블 선택 페이지 기본 레이아웃 구현 * fix: footerWrapper을 flex정렬 방향 변경 * refactor: FixedFooterWrapper position 속정 변경에 따른 컴포넌트 명 수정 * feat: TableOverview 라우터 추가 * test: TableOverview 스토리북 작성 * test: PropsAndConsTitle의 위치 변경 * feat: 불필요한 주석 제거 * feat: 버튼 text 수정 * test: MemoryRouter추가 * fix: 사용되지 않은 getStanceColor 수정

* chore: Added API-related packages to the project * chore: Added and modified codes for API - 가상 API 사용을 위한 msw 관련 파일 추가 - TanStack Query 및 msw 대응하여 main.tsx 수정 * chore: Let msw only enabled on 'dev-mock' mode * chore: Added one blank line at end of package.json * chore: Added EOL at end of environment variable files

* chore: 수정 및 삭제 아이콘을 위해 react-icons 추가 * feat: Table 컴포넌트에 Icons 추가 * feat: implement handleDelete method * feat: implement EditModalButton to edit Tables * refactor: stopPropagation method with MouseEvent 추가 - 버튼 클릭 이벤트가 상위로 전파되는 것을 막기 위해서 추가함 * feat: Edit 버튼 눌렀을 때, CreateTableModal 나오게 구현 * chore: unused closeModal function 삭제 * feat: Table 삭제를 위해 DeleteModalButton 구현 * feat: EditTableModal 구현 * feat: EditTableButton 구현 - 이후 수정 RestAPI 로직 추가 필요 * refactor: Edit 관련 컴포넌트에 name 매개변수 추가 * refactor: DebateTable 타입에 extends하여 delete 타입 추가 * refactor: 토론 유형 수정 불가 * refactor: 토론유형 hover: curser-not-allowed 추가 * refactor: handleDelete 함수형 업데이트로 수정 * refactor: EditTableButton 컴포넌트에 closeModal 매개변수 추가 * fix: TableListPage 테스트코드 수정

* chore: 수정, 삭제 아이콘 이용을 위한 react-icons 추가 * style: 컴포넌트 간의 간경을 더 좁게 수정 * feat: 수정, 삭제 버튼을 합친 EditDeleteButtons 컴포넌트 구현 * style: 분기에 따른 컴포넌트의 높이를 동일하게 수정 * feat: 수정, 삭제 handler 함수 작성 * refactor: 가독성을 위해 중첩된 삼항연산자 분리 * feat: 삭제 버튼 클릭 시, 삭제 확인 모달 구현 * feat: EditDeleteButtons에 aria-label 추가 * test: EditDeleteButtons 스토리북 코드 작성 * feat: TableSetup 테스트에 수정, 삭제 기능 테스트 추가

* feat: Added API mocking handler * feat: Implemented API request logics - 추가로, BE API 명세서의 반환 예시에 맞추어 일부 변수 이름을 수정 * refactor: Applied some minor changes - URL 생성 함수가 슬래시(/)를 여러 개 포함하는 문제 수정 - 모든 API 함수를 apis.ts에 통합 (추후 메소드 많아지면 분리) * feat: Let msw handler catch arguments 그 외 변경사항으로, API 함수들에서 경로 매개변수(path parameters)가 생략되어 있었던 문제를 해결 * refactor: 주석 추가 * fix: DebateTable 인터페이스 변경에 따른 일부 오류 수정 * feat: Added string identifier for 'useQuery' function --------- Co-authored-by: jaeml06 <jaeml0630@gmail.com>

* feat: 이벤트 발생 비용 감소를 위한 useThrottle 작성 * faet: 타임박스 드래그앤 드롭을 위한 useDragAndDrop 구현 * feat: 타임박스에 드래그앤드롭 영역 지정 * feat: TableSetup에 드래그앤 드롭 선언 * refactor: 불필요한 주석 삭제 * fix: 병합과정에서 발생한 오류 수정

* chore: 라우터, GlobalPortal설정을 전역 설정에 decorators로 추가 * chore: storybook에 msw 설정 추가

* feat: Table 타입인 TableInfo 정의 * refactor: result 객체에 속핸 info의 타입을 명시하기 위해 request에 TableInfo 타입 명시 * chore: 이미 정의되있던 PostDebateTableResponseType 타입 사용

* feat: Implemented TimerPage * feat: Applied sound effect And applied minor design changed * refactor: Let TimerComponent change TimerPage's background * fix: NEUTRAL 항목에 불필요한 아이콘 뜨는 오류 수정 * feat: Added keyboard event listener on Timer * fix: 토론 순서 조작 시 발생하는 인덱스 초과 오버플로우 해결 * feat: 피드백에 따른 디자인 변경 사항 반영 * feat: Added loading and error screen on TimerPage * feat: Applied feedbacks from PR * fix: 타이머가 현재 debateInfo의 index를 불러오지 못하는 오류 수정 * refactor: 콘솔 로깅 비활성화 * fix: Storybook 출력되지 않는 문제 수정 - use-sound 패키지 제거하고 HTML 태그로 소리 출력 - 별도 컴포넌트를 거치지 않고 직접 gif 파일을 불러와 출력 * refactor: Removed unnecessary codes and comments * refactor: Hoisted all data and functions to the root page * fix: Cleared focus on button when space bar pressed

* feat: ErrorBoundary 도입 * feat: Wrapped router with ErrorBoundaryWrapper * feat: Enabled 'throwOnError' option on QueryClient * feat: Added refresh button on ErrorPage * refactor: Applied feedbacks from PR review - Declared string constants for ErrorBoundary - Set icon size on 'size' parameter instead of TailwindCSS 'className'