Fe dev (#664)

* feat: 이벤트 생성 페이지 퍼블리싱

Co-authored-by: pakxe <[email protected]>

* feat: 이벤트 생성 완료 페이지 퍼블리싱

Co-authored-by: pakxe <[email protected]>

* design: 전역 스타일링 설정

Co-authored-by: pakxe <[email protected]>

* feat: 라우터 셋팅

Co-authored-by: pakxe <[email protected]>

* feat: 앱의 진입점 설정

Co-authored-by: pakxe <[email protected]>

* feat: 라우트 경로 설정

Co-authored-by: pakxe <[email protected]>

* fix: 라우트 이동 시 페이지가 제대로 보이지 않던 문제 해결

Co-authored-by: pakxe <[email protected]>

* feat: 모달 컴포넌트 생성

Co-authored-by: pakxe <[email protected]>

* feat: 스위치 컴포넌트 생성

Co-authored-by: pakxe <[email protected]>

* feat: 초기인원 세팅 기능 퍼블리싱 및 구현

Co-authored-by: pakxe <[email protected]>

* feat: 행동 추가를 위한 모달 컨텐츠 구현

Co-authored-by: pakxe <[email protected]>

* feat: 지출 내역 관리 기능구현

Co-authored-by: pakxe <[email protected]>

* feat: 인원 관리 기능구현

Co-authored-by: pakxe <[email protected]>

* feat: 행사관리 페이지 퍼블리싱 및 구현

Co-authored-by: pakxe <[email protected]>

* feat: 해커톤 로그 출력을 위한 임시처리

Co-authored-by: pakxe <[email protected]>

* feat: 프로젝트 초기 설정

* feat: 엔티티 추가

* refactor: gitignore 수정

* refactor: 엔티티 컬럼명 변경

* chore: path alias 설정 및 lint 마이그레이션

* [FE] 해커톤 범위 디자인시스템 구현 (#36)

* feat: FixedButton Component 구현

Co-authored-by: soi-ha <[email protected]>

* feat: Input component  구현

Co-authored-by: soi-ha <[email protected]>

* feat: Title component 구현

Co-authored-by: soi-ha <[email protected]>

* feat: BottomSheet component 구현

Co-authored-by: soi-ha <[email protected]>

* fix: BottomSheet component 빌드 오류 해결

* move: 전체적인 파일 경로 수정정

* move: 전체적인 파일 경로 수정

* fix: npm build를 위한 설정 변경

* feat: IconButton Component 추가

* design: IconButton height가 제대로 적용되지 않는 오류 수정

* feat: npm 배포를 위한 환경설정 및 파일 경로 수정

Co-authored-by: Soyeon Choe <[email protected]>

* style: eslint 적용

* design: globalStyle root BG 변경

* design: globalStyle background 변경

* fix: Title type 변경

* chore: storybook svg 사용을 위한 main.ts 설정

* feat: BillItem component 구현

* feat: InOutItem Component 구현

* feat: StepItemComponent 구현

* chore: storybook preview background color 수정

* chore: tsconfig.json sourcemap 속성 변경

* chore: npm v0.1.0 배포

---------

Co-authored-by: soi-ha <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* feat: CI/CD 파이프라인 구축 (#42)

* feat: ci/cd 구축

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* feat: cicd 테스트 객체 제거

* feat: cicd 테스트 객체 제거

* feat: 행사 생성 기능 구현

* feat: 지출 내역 추가 기능 구현

* refactor: event의 마지막 action 순서 조회 로직 수정

* refactor: BillAction fetch type 수정

* test: 불필요한 mocking 제거

* refactor: 중요도에 따라 필드 순서 변경

* fix: BillAction 저장 Dto 검증 추가

* [FE] 디자인 시스템 수정 (#46)

* chore: storybook 관련 dependency  설치

* fix: Text component 수정

* feat: TextButton  Component 구현

* fix: Title Component 수정

* feat: input component background color InputType 추가 및 입력제거 아이콘 변경

* feat: Switch component 구현

* feat: TopNav component 구현

* feat: Tab 컴포넌트 구현

* refactor: Tab type type.ts로 분리

* feature: ExpenseList component 구현

* design: 폰트 size, weight, color 수정

* feat: BillItem에 드래그핸들러 포함 여부를 props로 받을 수 있도록 구현

* design: 드래그핸들러 여부에 따라 패딩을 다르게 하도록 수정

* feat: Flex 컴포넌트 구현

* feat: 잡고 이동할 수 있는 DragHandleItem 컴포넌트 모습 구현

아직 잡고 이동하는 기능은 없습니다.

* chore: DragHandleItem 컴포넌트의 스토리북 작성

* feat: BillItem 컴포넌트가 DragHandleItem, Flex 컴포넌트를 사용하도록 수정

* feat: InOutItem 컴포넌트가 DragHandleItem, Flex 컴포넌트를 사용하도록 수정

* fix: 스토리북에서 배열 형태로 모습 테스트를 할 수 있도록 type 수정

* feat: InOutItem에서 드래그 여부를 할 수 있도록 type 추가

* feat: StepItem 컴포넌트가 Flex 컴포넌트를 사용하도록 대체

* feat: children을 포함하는 타입을 빠르게 선언하기 위한 타입 구현

* feat: 카멜 케이스를 케밥 케이스의 문자열로 반환하는 함수 구현

* design: 사용하지 않게된 css 객체 제거

* feat: COLORS 자동완성을 위한 타입 추가

---------

Co-authored-by: 김진호 <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>
Co-authored-by: pakxe <[email protected]>

* refactor: BillAction 검증 로직 수정

* refactor: 지출 내역 추가 로직 수정

* feat: BillAction과 Action cascade 옵션과 orphanRemoval 옵션 변경

* test: event save 로직 분리

* test: DisplayName 변경

Co-authored-by: Juhwan Kim <[email protected]>

* test: 경계값 테스트로 변경

Co-authored-by: Juhwan Kim <[email protected]>

* test: 지출 내역 생성 테스트 수정

* feat: PR 후 테스트 리포트 발행 기능 추가 (#56)

* test: 미사용 test class 제거

* [BE] 인원 변동 기능 구현  (#47)

* feat: 인원 변동 기능 구현

Co-authored-by: kunsanglee <[email protected]>

* refactor: 메서드 분리

Co-authored-by: kunsanglee <[email protected]>

* refactor: 코드 컨벤션

Co-authored-by: kunsanglee <[email protected]>

* refactor: 멤버 액션 생성 클래스 분리

Co-authored-by: kunsanglee <[email protected]>

* refactor: MemberActionFactory 코드 리팩터링

* refactor: DTO 클래스명 리팩터링

* refactor: MemberActionRepository Lazy Loading 적용

* test: MemberActionFactory createMemberActions 결과 검증 테스트 추가

* refactor: 컨벤션에 맞게 수정

Co-authored-by: kunsanglee <[email protected]>

* refactor: memberActions를 복사해서 내림차순 정렬하도록 수정, 검증 로직 내부로 이동

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>

* refactor: memberActions를 복사해서 내림차순 정렬하도록 수정, 검증 로직 내부로 이동

* refactor: 컨벤션에 맞게 수정

* feat: 사용자 이름이 중복 입력되는 예외 상황 검증

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>

* refactor: 메서드 순서 변경

Co-authored-by: Arachne <[email protected]>

---------

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
authored-by: khabh <[email protected]>

* [BE] 패키지 구조 변경 (#62)

* chore: 패키지 구조 변경

* test: 패키지 구조 변경

---------

Co-authored-by: Arachneee <[email protected]>

* feat: api wrapping 객체 생성 (#68)

Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: Pakxe <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* [FE] @svgr/webpack 플러그인 설치

* feat: 행사 정보 조회 기능 구현 (#75)

Co-authored-by: kunsanglee <[email protected]>

* [BE] 설정 파일 서브 모듈 생성 (#82)

* feat: 설정 파일을 서브모듈로 관리

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: khabh <[email protected]>

* feat: 테스트 설정 파일 추가

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: khabh <[email protected]>

* feat: 도커 파일 내 profile 설정

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: khabh <[email protected]>

* feat: gitflow에 서브 모듈 설정

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: khabh <[email protected]>

---------

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: khabh <[email protected]>

* [BE] 요청 데이터가 맵핑되지 않는 문제 해결 (#86)

Co-authored-by: kunsanglee <[email protected]>
Co-authored-by: Arachneee <[email protected]>
Co-authored-by: khabh <[email protected]>

* feat: 현재 참여 인원 조회 기능 구현 (#70)

* design: 탭 컴포넌트 height 소수점 문제 (#51)

* design: tab height 소수점 문제 해결

* fix: tab component after 가상태그를 활용해서 div 태그 제거

* chore: 배포, CI 및 테스트 전략 수립 #32

* chore: frontend-push yaml 파일 추가

* chore: eslint-import-resolver-typescript 추가

* chore: eslint explicit-module-boundary-types 옵션 해제

* chore: noUnused tsconfig.json 설정 제거

* chore: eslint no-use-before-define 옵션 제거

* style: eslint 적용

* fix: workflow yml 파일 수정

* feat: 행사 생성 페이지 구현 (#87)

* feat: 행사 생성 페이지 디자인시스템 적용

* design : index.css 수정

* feat: 행사 생성 api 연결

* style: lint 적용

* feat: 행사 홈 페이지 구현 (#88)

* chore: env와 디자인 시스템 라이브러리 설치

* chore: 현재 불필요한 옵션 비활성화

* chore: env를 사용하기 위한 환경 세팅

* feat: 디자인 시스템 provider 사용

* design: index.css 정한대로 수정

* feat: apiBaseUrl 선언

* feat: router에 Home 페이지 연결

* feat: api호출 시 매번 들어가는 prefix 상수화

* feat: eventId를 타입에 포함시키기 위한 WithEventId 타입 선언

* feat: 지출 내역 추가 api 구현

* feat: 행사 생성 api 구현

* feat: 참여자 목록 갱신 api 구현

* feat: 정산 현황 요청 api 구현

* feat: 행사 이력 조회 api 구현

* feat: 참여자 별 정산 목록 컴포넌트 구현

* feat: 전체 지출 내역 컴포넌트 구현

* feat: router url 논의된 대로 선언

* feat: 정산 현황 검색을 위한 훅 구현

* feat: 스텝 목록을 관리하기 위한 훅 구현

* chore: 정산 현황 목 데이터 작성

* chore: 전체 지출 내역 목 데이터 작성

* feat: 홈 페이지 레이아웃 구현

* feat: 홈 페이지 안에 들어갈 컨텐츠 구현

* feat: Home -> HomePage로 import 할 수 있도록 export 작성

* feat: 스텝 목록에 필요한 타입 선언

* chore: url 경로 포멧 변경에 따른 수정

* chore: package-lock 업로드

* chore: import 개행 추가

* chore: 디자인 시스템 업데이트

* fix: inOutType 대문자로 넘기도록 수정

* feat: TopNav 추가

* chore: 사용하지 않는 util라이브러리 삭제

* chore: dotenv 세팅 수정

* feat: 현재 참여자 검색 component 생성 (#78)

* design: Title Component width 100%로 수정

* design: TopNav width 100%로 수정

* fix: index.tsx export 수정

* chore: v0.1.2 배포

* design: input 좌우 1rem 추가

* feat: MainLayout 추가

* chore: v0.1.3 배포

* feat: search 컴포넌트 구현

* design: input 컴포넌트 마진 추가로 searchTerms 마진 추가

* refactor: 사용하지 않는 onChange 제거

* refactor: setKeyword -> setState로 setter라는 의미 명시

* style: early return 뒤 개행 추가

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: CORS 설정 (#90)

* feat: CORS 설정

* refactor: CORS 설정 분리

* test: yml에 CORS 설정 추가

* feat: Origin 추가

* feat: Cors 설정에 HTTP OPTIONS 메서드 추가

---------

Co-authored-by: juha <[email protected]>

* feat: 행사 커스텀 예외 처리 (#92)

* feat: 행사 커스텀 예외 처리

* feat: 커스텀 예외 적용

* feat: 참여자별 정산 현황 조회 기능 구현 (#77)

* feat: api 명세에서 행사 url을 표현하는 용어와 전달 방식 수정 (#98)

* feat: 행사 url 명세를 token에서 eventId로 변경

* feat: 행사 url을 헤더가 아닌 바디로 전달

* test: 행사 생성 컨트롤러 테스트 수정

* feat: 행사 생성 응답 dto에 필드명 수정

* feat: 기본 프로파일에서 DB를 MySQL을 H2로 변경 (#102)

* feat: 기본 프로파일에서 DB를 MySQL을 H2로 변경

* feat: jpa dll-auto none에서 create로 변경

* refactor: 지출 내역 생성 및 현재 참여 인원 조회 예외 메시지 변경 (#100)

* refactor: 지출 내역 생성 예외 메시지 변경

* refactor: 현재 인원 조회 예외 메시지 변경

* refactor: 예외 메시지 전달 방법 수정

* refactor: 참여자별 정산 현황 조회 예외 메시지 변경 (#106)

* refactor: 행사 생성 API 예외 메세지 및 DTO 검증 애너테이션 추가 (#103)

* refactor: 행사 생성 API 예외 메세지 추가 및 DTO 검증 애너테이션 추가

* refactor: 행사 생성 API EventSaveRequest name을 eventName으로 변경

* refactor: 행사 생성 요청 객체 검증 애너테이션 @Size 제거

* refactor: 연속된 공백 검증 및 예외 메세지 상수 사용하도록 리팩터링

* feat: 행사 관리 페이지 구현 (#107)

* style: eslint 적용

* chore: typescript with invalid interface loaded  as resolver 해결을 위한 eslint-import-resolver-typescript 설치

* chore: SetInitialParticipatns & SetActionModalContent를 Modal의 index.ts에서 export 추가

* design: HDesignProvider 적용

* design: 행사 관리 페이지 퍼블리싱

* design: 초기 인원 설정 Modal 퍼블리싱

* design: 지출내역 생성 Modal 내부 퍼블리싱

* design: 인원 변동 내역 Modal 내부 퍼블리싱

* feat: TopNav 추가 및 props 추가

* design: BottomSheet 내부 퍼블리싱 (Input overflow시 scroll)

* design: 행사 지출/인원 변동 내역 생성 퍼블리싱

* design: switch와 container의 gap 추가

* design: scroll시 모든 자식 요소가 안 보이는 에러 해결

* design: MainLayout 적용 및 root 태그에 height 적용

* design: 지출 내역 생성 Modal 내부 퍼블리싱

* design: 인원 변동 내역 생성 Modal 내부 퍼블리싱

* chore: develop 브랜치 merge로 인한 수정

* chore: 불필요한 import 삭제

* chore: haengdong-design 버전 업데이트 설치

* remove: 사용하지 않는 파일 제거

* chore: TopNav 수정된 디자인 시스템 설치 및 StepList 수정 주석 추가

* style: lint 적용

* feat: Input 값 입력시 다음 Input이 생성되는 hook 기능 구현

* feat: useDynamicInput에 auto focus 및 scrollIntoView 기능 추가

* feat: 초기 인원 설정 및 인원 변동 내역 Modal에 useDynamicInput 적용

* feat: 지출 내역에 대한 기능 구현 (useDynamicInputPairs 훅 생성)

* chore: 불필요한 props 제거 및 backlog 주석 추가

* fix: BottomSheet의 onClick을 통해 submit되는 오류 수정

* fix: setParticipants를 분리하여 참여 인원 관리

* fix: setOrder를 분리하여 지출 내역 차수 관리

* chore: 사용하지 않는 상태 제거

* chore: haengdong-design 버전 업데이트 반영

* fix: 작성된 값을 수정할 수 없는 에러 해결

* chore: 에러 발생 수정에 대한 주석 추가

* chore: 디자인시스템 버전 업데이트 반영

* fix: 예외에서 정의한 메세지를 꺼내지 못하는 오류 해결 (#111)

* feat: 퍼블리싱된 페이지 매끄럽게 연결 (#114)

* chore: 디자인시스템 업데이트 반영

* feat: fixed button 클릭시 router 반영

* feat: 총 지출 금액 추가 및 StepList 연결

* refactor: 인원 변동 요청 형태 변경 (#117)

* �feat: 액션 이력 조회 기능 구현 (#76)

* feat: 액션 이력 조회 기능 구현

Co-authored-by: 3juhwan <[email protected]>

* feat: 액션 이력 조회 반환 형식 변경

* test: 액션 이력 조회 테스트 삭제

---------

Co-authored-by: 3juhwan <[email protected]>

* chore: frontend yml lint 과정 수정 (#120)

* fix: 액션 이력이 없는 경우 빈 리스트 반환 (#122)

* �fix: 액션 이력 조회 오류 수정 (#124)

* fix: HaengdongException 적용 안된 부분 적용

* fix: Transactional 추가 및 StepResponse 로직 수정

* fix: StepResponse 로직 수정 (#126)

* test: Gradle, Docker 캐싱을 위한 Feature/#121 test (#128)

* refactor: Github Actions Gradle, Docker Build 캐싱

* refactor: Docker 사용하는 포트 번호 수정

* refactor: Docker 사용하는 포트 번호 수정

* test

* after cache

* after cache2

* test: Gardle, Docker 캐싱을 위한 Feature/#121 test2 (#130)

* refactor: Github Actions Gradle, Docker Build 캐싱

* refactor: Docker 사용하는 포트 번호 수정

* refactor: Docker 사용하는 포트 번호 수정

* after cache

* revert: gradle cache, docker cache (#133)

* refactor: 애플리케이션 도커 포트 번호 수정 (#134)

* refactor: Docker 빌드 성능 개선 (#138)

* refactor: 참여자 정산 현황 로직 리펙토링 (#110)

* refactor: 참여자 정산 현황 로직 수정

* refactor: forEach -> stream 변경

* chore: storybook chromatic 배포 (#81)

* chore: storybook chromatic workfloe

* style: EOL 제거

* chore: storybook 배포를 위한 workflow 설정

* chore: storybook 배포를 위한 workflow 설정

* chore: workflow node 설정 추가

* chore: lint flow path 변경

* chore: run lint 수정

* chore: eslint-config-prettier 추가

* chore: lint 적용

* chore: airbnb 제거

* chore: eslint 설정 수정

* chore: chromatic working directory 변경

* feat: 2차 스프린트 API 연결 (#137)

* chore: storybook 관련 dependency  설치

* feat: post api에도 response를 받을 수 있도록 수정

* refactor: parameter가 파스칼케이스인 부분을 카멜 케이스로 수정

* feat: 행사명을 가져오는 api 함수 구현

* feat: interface 수정에 따라 body 변경

* feat: 지출 내역을 추가하는 api 연결

* feat: 최초 참여자를 추가하는 api 연결

* feat: 참여자 수를 조정하는 api 연결

* refactor: name -> title로 파라미터명 수정

* feat: 이벤트아이디를 url에서 불러오는 훅 구현

* feat: 지출 내역, 인원 조정 api연결 후 provider로 전파

* feat: url에서 eventId를 받아오도록 추가

* feat: submit이벤트를 form 엘리먼트에 연결

* remove: 사용하지 않는 파일 제거

* feat: useContext를 사용해 총 가격을 불러오도록 연결

* feat: provider를 사용하기 위한 Layout 컴포넌트 추가

* feat: 디자인시스템 수정에 다른 컴포넌트 호출 형태 변경

* chore: 주석 추가

* remove: 사용하지 않는 파일 제거

* feat: router 에 home, admin 경로에서 띄울 컴포넌트 연결

* fix: 변경된 interface에 맞게 body 수정

* feat: 참여자 목록을 넘겨주지 않고, 참여자 타입 전달

* chore: 불필요한 props 삭제

* feat: 공백된 값 제거

* feat: 네비게이션을 위한 구현

* fix: useStepList훅이 context를 반환하도록 수정

* feat: TopNav 추가

* feat: Admin 페이지 구현

* feat: Home 페이지 구현

* chore: 디자인시스템 라이브러리 업데이트

* chore: await 추가

* feat: stepList를 호출하도록 api 연결

* chore: 사용하지 않는 변수 제거

* chore: lint 적용

* feat: steps를 꺼내서 return하도록 수정

* feat: 인원이 있어야 memberNameList를 갱신하도록 로직 작성

* feat: StepList 의 타입 작성

* design: 불필요한 padding 제거

* chore: 관리 탭에서 StepList를 보여주기 위해 임시로 조건문 제거

* feat: 홈 페이지에서 총 지출 금액 표시

* chore: 디자인 시스템 업데이트

* fix: meta tag 설정 - mixed content, scalable 등

* design: 메인 페이지 및 행사 생성 페이지 디자인 수정

* fix: 새로 고침하면 내역이 출력되지 않는 오류 수정

eventId의 변화에 따라 지출 내역을 다시 호출하도록 종속성을 연결하지 않아서 발생한 문제입니다.

* chore: Content-Security-Policy 삭제

* fix: FixedButton disabled 속성 추가

* fix: 행사 이름 입력 페이지 FixedButton disalbed 추가 및 공백 제거

* style: lint 적용

* fix: 불필요한 인자를 넘겨주는 것 제거

* chore: 사용되지 않는 import 제거

* fix: 참여자별 지출 내역을 받아오는 api의 엔드포인트 올바르게 수정

* fix: eventId, 전체 검색 결과에 따라 검색 결과가 보여지도록 수정

* design: 이벤트 홈 타이틀과 탭 사이 공백 제거

* feat: 임시로 행사 이름을 표시하도록 수정

* style: 사용하지 않는 변수 및 import 제거

* design: 전역 스크롤바 숨김 처리

* design: 바텀 버튼만큼 contents 위로 올라오도록 변경

* rename: steList 타입 파일 useStepList 폴더로 이동 후 type.ts로 이름 변경

* chore: 디자인시스템 버전 업데이트

* feat: 검색창 placeholder 참여자 이름 추가

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: 김진호 <[email protected]>
Co-authored-by: pakxe <[email protected]>

* refactor: 도커 계정 관련 정보 secrets으로 수정 (#139)

* feat: 2차 스프린트 디자인 시스템 수정 (#83)

* design: Title Component width 100%로 수정

* design: TopNav width 100%로 수정

* fix: index.tsx export 수정

* chore: v0.1.2 배포

* design: input 좌우 1rem 추가

* feat: MainLayout 추가

* chore: v0.1.3 배포

* feat: TopNav none 타입 추가

* chore: storybook-addon-react-router-v6 dev dependency 추가

* fix: ExpenseItem button props 넣을 수 있도록 수정

* design: button cursor pointer 전역설정

* refactor: BottomSheet component 구조 수정

* chore: v0.1.4 배포

* refactor: tab components 합성방식으로 변경

* feat: Flex component backgroundColor 받을 수 있도록 변경

* fix: 주석이 xml 내부에서 적용안되던 오류 해결

* chore: v0.1.5 배포

* refactor: flex background prop 로직 처리 방법 변경

* feat: MainLayout backgroundColor prop 추가

* fix: flex backgroundColor defaultValue 제거

* chore: v0.1.6 배포

* fix: MainLayout margin padding으로 변경

* fix: Switch 및 TopNav 내부 로직 변경

* test: Switch storybook 수정

* fix: TopNav navigate currentPath를 이용하도록 수정

* feat: v0.1.18 배포

* fix: TopNav navigate 변경

* design: tab item과 panel 사이에 gap 넣을 수 있도록 설정 및 flex container 사용

* refactor: in out type uppercase로 수정

* design: in out item font size 변경 및 텍스트 바꿔서 작성한 내용 수정

* test: InOutItem storybook 수정

* chore: v0.1.20 배포

* design: hasDragableItem 비활성화 시 마진 수정

* fix: props 네이밍 스토리북에 반영

* fix: navigate 뒤로가기 3번 발생하는 이슈 해결

* chore: v0.1.22 배포

* fix: Switch 내부의 불필요한 로직 제거

* chore: v0.1.23 배포

* fix: navigate path 로직 변경

* fix: 새로고침 됐을 때 해당 location 페이지를 유지하도록 수정

* style: children이 없는 태그 스스로 닫도록 수정

* style: todo 주석 제거

* chore: v0.1.25 배포

* design: fixedButton position 변경

* chore: v0.1.26 배포

* fix: 라우팅 변경 이동 오류 해결

* chore: v0.1.27 배포

* chore: v0.1.28 배포

* fix: location set 로직을 home 모드에서만 작동하도록 변경

* chore: v0.1.29 배포

* fix: TopNav navigation 로직 외부에서 넣도록 변경

* chore: v0.1.30 배포

* fix: index.ts 경로 문제로 제거

* chore: v0.1.13 배포

* chore: v0.1.32 배포

* fix: Fixed Button 하단 고정되도록 변경

* chore: v0.1.33 배포

* v0.1.35 배포

* fix: 가격과 원을 붙여서 표기

* fix: TopNav가 children이 없어도 작동하도록 변경

* fix: children이 필수가 아니도록 변경

* remove: 사용하지 않는 NavSwitch 제거

* chore: 파이프라인 테스트를 위한 push

* chore: 파이프라인 테스트를 위한 push

* remove: merge를 위한 /sever dir 삭제

* style: lint 적용

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: pakxe <[email protected]>

* chore: server directory 복구 (#150)

* fix: gradlew 권한 버그 수정 (#152)

* remove: 서버 코드 삭제

* [FE] 스프린트3 디자인 수정 (#162)

* chore: esbuild 설치 및 eslint 업데이트

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* chore: error 및 trash svg 파일 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* design: token color 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* design: Button 컴포넌트 destructive 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* chore: merge로 생긴 불필요한 태그 제거

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* feat: FixedButton 퍼블리싱

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* feat: Input 컴포넌트 focus 및 error시 outline 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* feat: LabelInput 기능 구현

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* feat: Toast 컴포넌트 기능 구현

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* feat: useInput에 focus 기능 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* chore: Toast에서 show를 isShow로 네이밍 변경

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* chore: v0.1.36 배포

* chore: yml 파일 branches를 develop에서 fe-dev로 변경 및 storybook build 명령어 추가

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* style: lint 적용

Co-Authored-By: TaehunLee <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

---------

Co-authored-by: TaehunLee <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: 이태훈 <[email protected]>

* chore: branch 변경에 따른 yml 파일 수정 (#165)

* fix: 스토리북 워크플로우 오류 (#168)

* fix: 스토리북 배포를 위한 workflow 수정

* fix: develop 브랜치로 트리거하던 걸 fe-dev 브랜치로 수정

* chore: 스토리북을 배포한 사람의 아이디를 출력하도록 수정

* feat: 토스트 생성 (#166)

* feat: Toast 컴포넌트에 position 추가

* feat: 되돌리기 버튼과 클릭했을 시 닫히도록 하는 기능 추가

Co-authored-by: JinHo Kim <[email protected]>

* design: 두 개의 svg로고가 같은 크기, 중앙 정렬을 갖도록 svg 파일 수정

* feat: 토스트의 타입, 되돌리기 유무, 닫힘 콜백 타입 추가

* design: isShow로 토스트를 켜고 끄지 않도록하고 마진 수정

* remove: ToastProvider에 합쳐진 파일이므로 제거

* test: 다양한 모습의 토스트를 스토리북으로 시연

* feat: 토스트를 사용하기 위한 Provider와 hook 구현

* test: ToastProvider를 시연하기 위한 스토리북 작성

* feat: Toast, ToastProvider, useToast export

* chore: package-lock.json 업데이트

* design: 버튼의 내부 텍스트가 줄넘김 되지 않도록 css 추가

* test: Toast 스토리북 message 수정

* feat: Toast default position을 bottom으로 셋팅

* chore: lint 적용

Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

---------

Co-authored-by: pakxe <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* fix: client 디렉토리 reset, 전역 스타일 GlobalStyle을 사용하는 것으로 변경 (#173)

* refactor: css를 global style로 수정

Co-authored-by: Pakxe <[email protected]>

* refactor: global style app과 index에 적용

Co-authored-by: Pakxe <[email protected]>

* chore: css 파일을 읽기 위한 의존성 삭제

Co-authored-by: Pakxe <[email protected]>

---------

Co-authored-by: Pakxe <[email protected]>

* design: Button이 disabled일 때 커서가 포인터가 아니도록 수정 (#171)

* feat: Input 컴포넌트 관련한 기능 수정, useDynamic-* 훅 관련 오류 수정, 네이밍 통일, 의미를 명확하게 담도록 네이밍 수정 (#143, #183)

* chore: hdesign v0.1.37 배포

Co-authored-by: Soyeon Choe <[email protected]>

* remove: 사용하지 않는 코드 제거

* feat: v0.1.44 배포
input 변경

Co-authored-by: Soyeon Choe <[email protected]>

* refactor: event/create 페이지 input 작동 방식 변경 및 새로운 input 적용

* design: Input outline boxshadow로 변경 및 우선순위 조정

* feat: 초기 멤버 설정 modal 내의 input 동작 방식 변경

Co-authored-by: Soyeon Choe <[email protected]>

* feat: LabelInput, LabelGroupInput 등 다양한 Input Component 생성

Co-authored-by: Soyeon Choe <[email protected]>

* fix: 공백이 존재하는 input 제거

* style: lint 적용

* style: lint 적용

* chore: v0.1.47 배포

* feat: v0.1.49 배포
input sync가 제대로 맞지 않던 오류 수정
errorMessage 제대로 적용되지 않던 오류 수정

Co-authored-by: Soyeon Choe <[email protected]>

* feat: v0.1.51 배포

* feat: DynamicInput 수정 및 유효성 검사 추가

Co-Authored-By: TaehunLee <[email protected]>

* chore: 충돌 병합

* feat: v0.1.52 디자인시스템 배포

* fix: 다음 입력을 기대하는 인풋이 뜨도록 하고 중간 인풋을 삭제했을 때 input 엘리먼트 자체가 사라지도록 구현

* rename: SerPurchase -> AddBillActionListModalContent로 이름 변경

* rename: UpdateParticipants -> AddMemberActionListModalContent 로 이름 변경

* rename: SetPurchase -> SetActionListModal 로 이름 변경

* rename: SetInitialParticipants -> SetInitialMemberListModal 로 이름 변경

* feat: enter가 눌렸을 때 실행할 로직을 훅 안으로 이동

* fix: 0, 1번만 있을 때 2개의 빈 잇풋 엘리먼트가 남아버리는 문제 해결, handleBlur -> deleteEmptyInputElementOnBlur 로 기능을 드러내는 함수명으로 변경

* feat: canSubmit 상태를 관리하는 로직을 함수로 분리

* refactor: 현재 변화중인 targetInput을 가져오는 반복되는 로직을 분리, 선언되어있는 함수 순서를 useEffect, on-* props에 장착되는 함수, 유틸성 함수로 정리

* rename: pages안의 파일에 전부 -Page 를 붙여 컴포넌트 성격을 잘 드러낼 수 있도록 이름 변경

* fix: 인덱스틀 사용해 인풋 쌍을 관리하도록 수정. 인덱스를 사용함에 따라 모든 함수도 인덱스를 사용하도록 수정

* feat: pair당 하나의 인덱스를 갖지만, input element는 두 개이므로 정확한 input element특정을 위해 인덱스를 계산해 focus를 넘겨주도록 구현

* rename: 해당 파일에 이미 도메인과 깊게 얽힌 코드가 내장되어 있으므로 의미를 더 드러내는 이름으로 변경. useDynamicInputPair -> useDynamicBillActionInput

* chore: Modal 폴더 내의 이름 변경으로 인해 생긴 import 변동 사항

* fix: 함수가 state를 사용하지 않도록 수정

* feat: type.d.ts에 있던 내용을 옮겨옴

* chore: import 경로 수정

* chore: package-lock 업데이트

* design: Input에 css props 적용

* refactor: 리뷰 반영

Co-authored-by: Soyeon Choe <[email protected]>
Co-authored-by: Pakxe <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>

* refactor: 리뷰 반영

    Co-authored-by: Soyeon Choe <[email protected]>
    Co-authored-by: Pakxe <[email protected]>
    Co-authored-by: jinhokim98 <[email protected]>

* style: lint 적용

    Co-authored-by: Soyeon Choe <[email protected]>
    Co-authored-by: Pakxe <[email protected]>
    Co-authored-by: jinhokim98 <[email protected]>

* fix: Toast 2번 import 되던 오류 수정

* chore: yml workflow 수정

* chore: client pr workflow 수정

* chore: client workflow 수정

* chore: workflow 수정

---------

Co-authored-by: 이태훈 <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>
Co-authored-by: TaehunLee <[email protected]>
Co-authored-by: Pakxe <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>

* feat: 변경된 API endpoint로 수정 (#196)

* feat: 변경된 API endpoint로 수정

Co-Authored-By: Pakxe <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

* chore: 디자인시스템 버전 업데이트

Co-Authored-By: Pakxe <[email protected]>
Co-Authored-By: JinHo Kim <[email protected]>

---------

Co-authored-by: Pakxe <[email protected]>
Co-authored-by: JinHo Kim <[email protected]>

* feat: 디자인시스템 hover, mouse, transition animation (#198)

* fix: input delete button onMouseDown 으로 변경

* feat: input 및 button active 속성 추가, input focus 관련 버그 수정

* fix: conflict 해결

* fix: transition이 중복되어 작성된 오류 수정

* feat: v0.1.54 배포

* style: lint 적용

* design: input label text에 transition 적용되도록 구조 변경

* design: BottomSheet 전환에 따른 animation 적용

* chore: v0.1.55 배포

* chore: HDesign workflow run-name 수정

* chore: @swc/chore 설치

* feat: BottomSheet handler drag 추가

* style: drag threshold 상수화

* style: 중복되는 css 로직 분리

* style: :not 선택자 공통 부분 묶어서 수정

* style: onClose, onOpen 함수명 변경

* [FE] ListButton component 생성 (#203)

* fix: input delete button onMouseDown 으로 변경

* feat: input 및 button active 속성 추가, input focus 관련 버그 수정

* fix: conflict 해결

* fix: transition이 중복되어 작성된 오류 수정

* feat: v0.1.54 배포

* style: lint 적용

* design: input label text에 transition 적용되도록 구조 변경

* design: BottomSheet 전환에 따른 animation 적용

* chore: v0.1.55 배포

* chore: HDesign workflow run-name 수정

* chore: @swc/chore 설치

* feat: BottomSheet handler drag 추가

* feat: ListComponent 생성

* style: drag threshold 상수화

* style: 중복되는 css 로직 분리

* style: :not 선택자 공통 부분 묶어서 수정

* style: onClose, onOpen 함수명 변경

* feat: 개별 ActionItem 컨트롤을 위한 StepItem 및 BillItem / InOutItem component 구조 변경 (#211)

* chore: greenColor token 추가

* remove: 사용하지 않는 svg 삭제

* fix: 지난번 변경사항이 반영되지 않은 문제 해결

* fix: 동적으로 변경되는 color를 사용하기 위해 svg 내 fill 및 stroke attribute를 currentColor로 설정

* feat: Icon component 구현

* feat: IconButton Component 구현

* fix: DefaultColor가 제대로 적용되지 않던 오류 수정

* fix: StepItem prop type이 잘못 지정된 오류 수정

* style: lint 적용

* fix: size prop optional로 변경

* test: IconButton storybook props 변경

* fix: 사용하지 않는 css svg 속성 제거

* fix: Icon 위아래 정렬이 맞지 않는 오류 수정

* fix: confirm, error Icon이 제대로 export 되어있지 않던 오류 수정

* feat: Icon, ListButton export

* refactor: Icon / IconButton 변경으로 인한 기존 코드 이에 맞게 변경

* fix: 잘못 사용된 주석 변경

* style: lint 적용

* chore: v0.1.57 배포

* feat: DragHandleItem이 BillItem, InOutItem의 역할을 대체할 수 있도록 구조 변경

* remove: 필요하지 않은 BillItem 및 InOut component 제거

* feat: StepItem의 역할을 대신 할 DragHandleItemContainer component 구현

* remove: 필요하지 않은 StepItem component 제거

* test: IconButton component storybook children 변경

* style: lint 적용

* chore: v0.1.58 배포

* feat: 삭제 아이콘을 위한 IconButton component 수정 (#209)

* chore: greenColor token 추가

* remove: 사용하지 않는 svg 삭제

* fix: 지난번 변경사항이 반영되지 않은 문제 해결

* fix: 동적으로 변경되는 color를 사용하기 위해 svg 내 fill 및 stroke attribute를 currentColor로 설정

* feat: Icon component 구현

* feat: IconButton Component 구현

* fix: DefaultColor가 제대로 적용되지 않던 오류 수정

* fix: StepItem prop type이 잘못 지정된 오류 수정

* style: lint 적용

* fix: size prop optional로 변경

* test: IconButton storybook props 변경

* fix: 사용하지 않는 css svg 속성 제거

* fix: Icon 위아래 정렬이 맞지 않는 오류 수정

* fix: confirm, error Icon이 제대로 export 되어있지 않던 오류 수정

* feat: Icon, ListButton export

* refactor: Icon / IconButton 변경으로 인한 기존 코드 이에 맞게 변경

* fix: 잘못 사용된 주석 변경

* style: lint 적용

* chore: v0.1.57 배포

* test: storybook에서 Icon component가 잘못 사용되던 오류 수정

* refactor: style prop이 여러개인 경우, 객체를 통해 prop 전달하도록 변경

* fix: svg 파일 변경

* feat: 멤버 액션 삭제 기능 구현 + 바뀐 디자인시스템 적용 (#214)

* chore: 역할 체인지 위한 저장

* feat: 들어온 인원 삭제 기능 구현

Co-authored-by: JUHA <[email protected]>
Co-authored-by: Arachne <[email protected]>

* feat: StepList에 사용되는 타입 파일 작성

* refactor: 전역 타입 선언을 types 디렉토리에서 import하는 형식으로 변경

* refactor: type 관리 변경으로 인한 import 추가

* refactor: Step 내부를 Bill과 Member로 나눔

* fix: 타입 import types 디렉토리로 옮기면서 import 누락 수정

* refactor: member action 훅으로 분리

* refactor: evenPageLayout 파일이름 오류 수정

* refactor: 머지 중 발생한 잔재 처리

* chore: dev dependency로 옮겨야 할 것 옮김

* refactor: index.ts 정의 및 props 이름 변경

* remove: 사용하지 않는 파일 제거

* refactor: index.ts를 통해 import문 줄임

* refactor: 사용하지 않는 타입 제거

* remove: 사용하지 않는 action 함수 제거

* refactor: get out member modal 사용하지 않는 파일로 인해 오류 터지는 현상 해결

* fix: 잘못된 import 수정 -> 새로 만들어진 멤버삭제 api로 연결

* remove: 사용하지 않는 컴포넌트 제거

Co-authored-by: Pakxe <[email protected]>

* feat: 인원 삭제 모달 구현

Co-authored-by: Pakxe <[email protected]>

* fix: 행동디자인 props 변경으로 인한 수정

Co-authored-by: Pakxe <[email protected]>

* chore: 행동디자인 최신버전 반영

Co-authored-by: Pakxe <[email protected]>

* feat: 토스트 사용하기 위한 provider 적용

Co-authored-by: Pakxe <[email protected]>

* feat: 삭제 모달에 현재 인원 숫자 표시

* feat: 삭제 요청 도중 오류가 났을 때 토스트모달 보여주는 기능구현

Co-authored-by: Pakxe <[email protected]>

* fix: 에러일 때 error가 throw되도록 수정

* chore: 행동디자인 버전 업데이트 반영

* feat: 다른 차수에 동일한 인원의 액션이 있을 때 삭제 시 경고창을 띄우는 기능 구현

* fix: 행동디자인 변경으로 인해 그에 맞는 새로운 컴포넌트로 변경

* fix: 인덱스가 0일 때 알림을 주지 않았던 현상 해결

* refactor: 행동디자인을 적용하면서 사용하지 않는 스타일 제거

* feat: confirm에서 에러토스트로 변경 (누가 사라져요), 삭제 시 바텀시트 닫히는 기능 구현

* feat: 행동디자인 변경에 따른 BillStepItem 반영

Co-authored-by: Soyeon Choe <[email protected]>

* style: 안 쓰는 import문 제거

* chore: stepList mock 데이터 변경

* remove: 없어진 inoutitem 반영

---------

Co-authored-by: pakxe <[email protected]>
Co-authored-by: JUHA <[email protected]>
Co-authored-by: Arachne <[email protected]>
Co-authored-by: Pakxe <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* fix: FixedButton의 delete button type "button"으로 변경 (#234)

* fix: fixedButton의 delete button type button으로 변경

* design: 잘못 적용된 large size 디자인 적용

* fix: IconButton 및 Icon 생성에 따라 내부 구조 변경

* chore: v0.1.60 배포

* feat: 행사생성 flow에서 admin 접근을 위한 비밀번호를 입력받는 기능 추가 (#226)

* remove: 중복되는 코드 삭제

* feat: requestPostNewEvent에 password 정보를 보내도록 수정

* fix: SetEventNamePage에서 api를 호출하지 않고, password page로 이동하도록 수정

* feat: SetEventPasswordPage 구현

* fix: 새로 생긴 page에 router가 대응할 수 있도록 수정

* style: lint 적용

* fix: cookie가 제대로 전달되지 않던 오류 수정

* feat: 지출 액션 수정, 삭제 기능 구현 (#230)

* feat: 지출액션 수정 삭제 모달 퍼블리싱

* feat: 각 input에 에러 정보를 주기 위한 필드추가

* chore: 다른 곳에서 사용하게 되어서 export 사용

* feat: 지출액션 수정 기능 구현

* feat: 지출액션 삭제 기능 구현

* chore: 최신 행동디자인 버전 반영

* feat: 지출액션 삭제 후 바텀시트 닫기 기능구현

* style: 명시적 형 변환 사용

* refactor: element key 수정

* refactor: 에러메시지 상수화

* refactor: 시멘틱 태그 header ->
 h2로 바꿉니다

* design: 바텀시트 스타일 변경

* design: 삭제멤버 모달도 올바른 스타일 적용

* feat: 전체 참여자 BottomSheet 내부 디자인 퍼블리싱 (#228)

* feat: ListButton 추가 및 디자인, ListButton 클릭시 BottomSheet 띄우기

* chore: css 컴포넌트 upperCase로 되어있는 것 camelCase로 변경

* design: BottomSheet 내부 Title 퍼블리싱

* design: Input과 DeleteButton 퍼블리싱

* design: FixedButton 추가 및 overflow를 위한 paddingBottom 추가

* feat: 초기 인원 설정이 완료되어야 ListButton이 렌더링되도록 변경

* design: 삭제하기 버튼의 size를 css가 아닌 props size로 사용하기

* style: openBottomSheet 상태명을 isOpenBottomSheet로 변경. 외에도 FixedButton BottomSheet와 전체 참여자 BottomSheet 상태명 상세히 변경

* style: InputAndDeleteButton 컴포넌트 파일 분리

* style: ModalBasedOnMemeberCount 파일 분리

* feat: api에러 등의 에러를 잡아 핸들링 (#232)

* chore: ErrorBoundary사용 시 에러가 뜨지 않도록 overlay 속성 끔

* feat: 에러 상태를 전역적으로 관라하기 위한 훅과 컨텍스트 구현

* feat: ErrorProvider가 ToastProvider를 감싸도록 작성

* feat: api 콜할 때 이 useFetch훅을 사용해 전역상태로 만들어준 에러를 핸들하도록 구현

* chore: 임시로 만들어둔 useFetch사용 예시

* chore: useFetch의 request에 넘겨주기 위한 response 타입 export

* feat: Toast를 수정해 사용하기 위해 임시로 가져옴

* feat: 전역 에러를 옵저빙하면서 에러가 있다면 토스트를 띄우도록 기능 추가

* fix: 타입에 이름이 일치하지 않는 부분 수정

* feat: 서버 에러 code와 에러 메세지를 매칭하는 상수 구현

* chore: msw, react-error-boundary 설치

* chore: 브라우저 환경에서 msw를 사용하기 위한 세팅 파일 설치

* feat: msw를 앱 시작 지점에 연결

* test: 테스트를 위한 간단한 post 모킹 함수 구현

* feat: 핸들되지 않는 에러 또는 지정되지 않은 path로 이동시 보여줄 에러 페이지 구현

* feat: 불필요한 state제거와 type narrowing

* feat: 다뤄지지 않는 에러가 발생했을 시 외부로 에러 던지기

* feat: 핸들되는 에러 판단을 위한 함수 구현

* feat: 불필요한 state, setTimeout제거

* feat: 지정되지 않은 path로 이동 시 에러 페이지 띄우도록 함

* feat: 반복되는 숫자 상수화와 불필요한 jsx 주석 제거

* feat: 잡아서 다루지 않는 에러를 위한 에러 바운더리 컴포넌트 구현

* chore: 불필요하게 사용되는 contentType관련 코드 제거

* feat: Toast에 showingTime을 전달해 애니메이션을 지속 시간만큼 유지할 수 있도록 함

* feat: 에러를 일정 시간 후에 초기화하는 책임을 useError에 위임

* feat: 알 수 없는 에러에 대한 에러 메세지와 이름 작성

* feat: 이벤트를 새로 생성하기 위한 api콜을 담당하는 useEvent훅 구현

* feat: useEvent를 사용해 이벤트를 생성하도록 수정

* chore: 불필요한 import 제거

* chore: msw, react-error-boundary 라이브러리 설치

* chore: 사용하지 않는 import와 주석 제거

* refactor: queryFn -> queryFuntion으로 프로퍼티명 변경

* design: Toast 디자인 수정

* chore: msw를 사용하는 코드 주석 처리

* chore: 린트 적용

* fix: /가 하나 더 들어가있던 부분 수정

* fix: 함수가 아닌 객체로 수정

* design: px to rem

* refactor: 불필요한 useCallback제거

* chore: fadeIn -> fadeInWithTransformY 식으로 이름 변경

* chore: 빌드 환경 prod와 dev로 구분 (#217)

* chore: env.prod, env.dev 를 위한 gitignore 수정

* chore: dev, prod 환경의 공통 설정을 webpack.common.mjs 로 분리

* chore: dev, prod 환경에 따른 webpack 설정을 위해 webpack.dev.mjs, webpack.prod.mjs 생성

* remove: 사용하지 않는 webpack.config.js 파일 제거

* chore: webpack-merge dependency 설치

* chore: package.json 스크립트 수정

* fix: webpack devserver overlay 적용

* fix: webpack.common.mjs 수정

* fix: merge를 통해 발생한 에러 해결 (#246)

* fix: setOpenBottomSheet 이름 변경되지 않아 발생한 충돌을 setIsOpenBottomSheet로 변경하여 해결

* chore: msw 사용을 위한 코드 주석처리

* fix: requestPost에서 contentType 분기 삭제로 인해 에러 발생한 것을 분기 추가하면서해결

* fix: input value 수정이 되지 않는 문제 (#253)

* fix: propsValue가 변했을 때 value가 수정되도록 수정

* chore: v0.1.61 publish

---------

Co-authored-by: 이태훈 <[email protected]>

* fix: useToast 에러바운더리 문제 해결 (#264)

* fix: 디자인시스템 Text 컴포넌트 color prop 받도록 변경 (#257)

* refactor: Text Component color prop 받도록 수정

* fix: Text가 사용된 component에 color prop 사용

* chore: v0.1.62 배포

* fix: Text component의 color prop을 textColor로 변경

* chore: v0.1.63 배포

* style: lint 적용

* fix: 디자인시스템 Input value 동기화 오류 수정 (#266)

* fix: useInput에 value dependency를 받도록 설정

* chore: v0.1.65 publish

* fix: 행동디자인 Search 컴포넌트 기능 제거 (#260)

* feat: Search 컴포넌트 검색 기능을 빼서 연관검색어 작동만 하도록 수정

* refactor: term =>match 이름 변경 반영

* feat: 행사 생성 완료 페이지 유저 친화적으로 변경 (#271)

* chore: react-copy-to-clipboard dependency 설치

* feat: 행사 링크 복사 기능 구현

* style: lint 적용

* design: toast 위치 변경

* feat: 인원 탈주 시 인원 검색 기능 구현 (#270)

* feat: 인원 검색 시 현재 참여 인원 중에서 검색 후 클릭 시 input에 입력되는 기능 구현

* chore: 새로운 행동디자인 버전 반영

* feat: Search 컴포넌트를 이용한 검색기능 구현

* refactor: 훅 반환타입 명시

* feat: 인원 탈주시에만 검색창이 뜨도록 설정

* style: css 불필요한 함수 스타일 제거

* fix: 행동디자인 Search와 props 수정

* chore: 해결된 todo 주석 제거

* refactor: terms => match 이름 변경으로 인한 리팩토링

---------

Co-authored-by: TaehunLee <[email protected]>

* feat: 전체 참여자 데이터 요청하고 출력하기 (#250)

* feat: requestGetAllMemberList 전체 참여자 조회 요청 함수 생성

* feat: useStepList에 전체 참여자 조회 요청 함수 사용하여 allMemberList 상태에 저장하여 ListButton에 출력하기

* chore: 필요하지 않은 memberNameList(현재 참여자) 삭제

* chore: 이전 커밋에서 삭제된 상태(memberNameList) 대신에 전체 참여자 상태 (allMemberList)로 변경

* feat: get한 전체 참여자 인원을 각 Input에 출력

* chore: ModalBasedOnMemberCount 컴포넌트를 Modal/index.ts에 추가

---------

Co-authored-by: TaehunLee <[email protected]>

* feat: 전체 참여자 이름 수정 및 삭제 (#276)

* feat: requestGetAllMemberList 전체 참여자 조회 요청 함수 생성

* feat: useStepList에 전체 참여자 조회 요청 함수 사용하여 allMemberList 상태에 저장하여 ListButton에 출력하기

* chore: 필요하지 않은 memberNameList(현재 참여자) 삭제

* chore: 이전 커밋에서 삭제된 상태(memberNameList) 대신에 전체 참여자 상태 (allMemberList)로 변경

* feat: get한 전체 참여자 인원을 각 Input에 출력

* chore: ModalBasedOnMemberCount 컴포넌트를 Modal/index.ts에 추가

* chore: 디자인시스템 버전 업데이트

* chore: 디자인시스템 업데이트로 인해 propsValue의 이름을 value로 변경 (이전에는 사용하지 못했음)

* feat: 전체 참여자 이름 수정 api 함수 생성

* feat: 전체 참여자 삭제 api 함수 생성

* remove: 불필요한 props drilling으로 인해 파일 분리 삭제

* feat: useSetAllMemberList 훅 생성 & 참여자 이름 변경하는 handleNameChange 생성 (BottomSheet를 닫으면 초기화됨)

* feat: 전체 참여자 이름 변경 handleNameChange 구현

* feat: 전체 참여자 이름 삭제 handleClickDeleteButton 기능 생성

* chore: 디자인시스템 업데이트 및 console.log 제거

* feat: 전체 참여자 인원 삭제 api 요청에서 에러가 발생하면 setState를 실행하지 않도록 변경

* chore: 디자인시스템 버전 업데이트

* feat: 참여자 삭제시 리렌더링 시켜주기

* feat: allMemberListBottomSheet를 닫는 함수 훅에 넘겨주기

* fix: toast가 BottomSheet보다 z-index보다 아래여서 띄워지지 않는 에러 발생. z-index 추가

* feat: api 요청시 errorToast 띄워지도록 추가

* feat: input에서 에러 발생시 에러 메세지를 띄우기 & 에러가 발생한 Input에만 에러 테두리 적용

* chore: 참여자 이름 maxLength를 8에서 4로 수정

* feat: 초기 참여자 이름과 현재 참여자 이름을 비교하여 변경된 사항만 서버로 요청하기

* feat: 변경사항이 존재하지 않을 경우 FixedButton일 경우 disabled 기능 구현

* style: 인원수 출력 Text 컴포넌트에 그레이 컬러 추가

* chore: 불필요한 console.log 삭제

* fix: 불필요한 color props 삭제

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: sentry 적용 (#262)

* feat: useStepList훅에서 useFetch함수를 사용하여 에러에 대한 책임을 위임

* chore: sentry 사용을 위한 진입점 파일 세팅

* chore: sentry 라이브러리 설치

* chore: sentry env 파일 ignore 추가

* chore: sentry 관련 라이브러리 설치

* chore: 웹팩에 sentry 플러그인 추가

* feat: 다뤄지지 않는 에러에 대한 조건 추가

* chore: sentry 사용을 위한 진입점 파일 수정

* feat: 에러 로그 전송을 위해 에러 정보들을 담은 FetchError 클래스 구현

* chore: 세미콜론 추가

* feat: 에러 발생시 에러 정보를 갖고 있는 FetchError를 throw하도록 수정

* feat: 에러 코드에 맞게 level을 설정해 sentry에 보내는 함수 구현

* feat: sentry 에 endpoint, url, errorCode, message, status, requestBody 로그를 담아 보내는 함수 구현

* feat: 에러를 잡아 sentry로 보낼 수 있도록 catch에서 sentry 로그 함수 호출

* chore: 불필요한 타입 선언 제거

* fix: Primitive타입만 tag의 value에 넘겨줄 수 있으므로 객체를 JSON문자열로 바꿔 넘겨주도록 수정

* feat: FetchError가 Error의 타입을 상속하도록 함

* chore: lint 적용

* fix: body파라미터를 문자열 타입으로 변경

* chore: alert를 띄우지 않기 위해 주석처리

* chore: errors폴더를 alias 에 추가

* feat: UNHANDLED_ERROR -> UNKNOWN_ERROR로 에러 상수 변경

* feat: 다루지 못하는 에러인 경우 에러를 다시 포장하지 않고 그대로 에러바운더리로 던지도록 수정

* chore: 불필요해보이는 코드 주석처리

* feat: 언노운 에러도 sentry에 에러를 보내도록 추가

* feat: 에러 이름을에는 errorCode만 넣도록 수정

* chore: 불필요한 코드가 삽입되어있는 부분 제거

* feat: FetchError에 status 필드 추가

* chore: sentry로 status도 보내도록 추가

* chore: 린트 적용

---------

Co-authored-by: TaehunLee <[email protected]>

* feat: 3차 데모데이 merge 중 발생한 문제 수정 (#280)

* fix: merge 오류 해결

* fix: 누락된 파일 추가

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: requestPost에 대해 response가 있는 post와 없는 post로 분기해 사용하도록함 (#281)

* fix: merge 오류 해결

* fix: 누락된 파일 추가

* feat: requestPost를 리스폰스가 있는 post와 리스폰스가 없는 post로 분리

* chore: 린트 적용

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: 홈에서 액션 수정 삭제 바텀시트 활성화 버그 (#285)

* style: key props index외 다른 값 추가

* style: children 없는 태그 스스로 닫도록 설정

* fix: 홈에서 액션 수정 삭제 되지 않도록 설정

* feat: cookie가 없는 경우 비밀번호 입력 페이지로 이동 (#286)

* feat: ConfirmPasswordPage 구현

* feat: api 연결

* fix: 로그인 시 오류가 발생하던 문제 해결

* fix: 잘못 삭제된 sentry 설정 복구

* style: lint 적용

* style: lint 적용

* feat: 데모데이를 위해 페이지 약간 수정 (#289)

* chore: 데모데이 시연을 위해 페이지 약간 수정

* chore: 린트 적용

* fix: import 가 안되어있는 부분 수정 (#293)

* fix: 인원 탈주 검색 인풋 오류 (#299)

* fix: key를 단순 index로 고치니 해결되네 meet in
커밋메시지에 이렇게 적고 싶지 않았는데 개화나서 적음

* fix: 여러개 한 번에 보이던 문제 해결

* style: console log 제거

* fix: 커밋 잘못 올려서;; 여러 개 한 번에 보이는 문제 해결

* chore: hooks폴더 구조 정리 (#312)

* fix: import 가 안되어있는 부분 수정

* chore: 윈도우에서도 동작하는 lint 명령어로 수정

* chore: hooks폴더 안의 내용물을 폴더 밖으로 빼냄

* chore: lint 적용

* chore: lint 적용

* chore: @sentry/react 라이브러리 설치

* feat: 전체 참여자 수정 및 삭제 수정 (#315)

* feat: 두 배열이 동일한 값인지 비교하는 util 함수 생성

* feat: 수정완료를 클릭해야 삭제 api 요청이 실행되도록 로직 변경

* fix: 삭제 상태 반영으로 인해 nameChange api 요청의 index가 맞지 않는 에러 해결

* feat: 차수 멤버 확인, useFetch 확장, BottomSheet 활성화 수정 (#311)

* feat: 드래그핸들아이템컨테이너 상하좌우 텍스트 onClick 메서드 연결 및 우측 위 텍스트 스타일 변경

* feat: 차수 멤버 확인 기능 퍼블리싱 및 구현

* refactor: 차수 event layout에서 outlet context로 내려주는 방식으로 변경

* refactor: 차수 이름 생성 책임 백엔드로 위임

* feat: useFetch onSuccess, onError 기능 추가

* design: 멤버삭제 모달 텍스트 컬러 수정

* refactor: useFetch queryFunction 객체형으로 수정 및 useFetch 적용되지 않았던 부분 적용

* fix: 오류 시 모달 닫히지 않도록 설정 및 멤버 삭제 실패 시 상태 원복

* fix: 입력이 없을 때 bottom sheet 활성화되던 현상 해결

* feat: 지출액션 추가할 때 요청 성공 시 모달이 닫히도록 설정

* feat: 참여 인원 확인 임시 버튼 삭제 (#318)

* fix: export default 인데 중괄호가 있었던 문제 해결

* feat: 인원수를 누를 때 현재 지출 참여인원을 확인할 수 있도록 변경

* chore: 행동디자인 최신버전 반영

* feat: bottomSheet maxWidth 768px 되도록 변경 (#321)

* feat: 메인, 관리 페이지 설명 글 수정 (#324)

* chore: svg 파일 인식을 위한 declare

* feat: Logo asset 추가 및 컴포넌트 생성

* feat: 메인페이지 설명 수정 및 로고 적용

* feat: 어드민 페이지 초기 설정 마무리되면 설명문 변경되도록 설정

* fix: useDynamicInput 버그 수정 (#327)

* fix: 행사 참여자 글자수 제한 변경에 따른 errorMessage 수정

* feat: 에러가 발생한 Input에 에러 테두리 출력 및 반복 코드 함수화

* feat: input의 값이 빈배열인지 확인하는 함수 trim으로 구분

* fix: 새로운 input 생성 조건에 현재 Input의 value가 빈 문자가 아닐때 추가

* chore: getFilledInputList 수정으로 인해 불필요한 코드 삭제

* feat: useDynamic을 사용하는 컴포넌트에 error 테두리 적용

* feat: useDynamicInput 수정에 맞게 useDynamicBillActionInput 수정

* chore: console.log 삭제

* feat: 홈 및 관리 페이지에서 링크 복사 기능 추가 (#329)

* chore: v0.1.69 배포

* chore: HDesign 신규 버전 적용

* 실행 환경에 따라 복사하는 url 다르게 적용되도록 변경

* feat: eventPageLayout에서 링크 복사하기 기능 추가

* refactor: adminPage, homePage에서 eventName, eventId를 호출하지 않도록 변경

* style: lint 추가

* fix: "정산 초대하기"에서도 실행 환경에 따라 링크가 변경되도록 수정

* fix: 공통된 곳에서 사용되는 문자열 변수에 저장

* design: toast bottom 높이 추가

---------

Co-authored-by: JinHo Kim <[email protected]>

* feat: pr issue close workflow 생성 (#328)

* test: cypress 적용 및 행사 생성 flow e2e 테스트 작성 (#331)

* chore: cypress 설정

Co-authored-by: JinHo Kim <[email protected]>

* test: 이벤트 생성 cypress 테스트 코드 작성

Co-authored-by: JinHo Kim <[email protected]>

* chore: cypress workflow 추가

* chore: dev 환경에서 eval source map 사용하도록 변경

* chore: cypress 명령어 세분화

* chore: cypress workflow 추가

* chore: 사용하지 않는 코드 제거

* chore: 사용하지 않는 dotenv 제거

* test: interceptAPI command 작성

* test: 반복되는 테스트 코드 매직넘버 상수화

* chore: postEvent fixture 생성

* test: API 요청이 필요한 부분 intercept

* style: 불필요한 주석 제거

---------

Co-authored-by: JinHo Kim <[email protected]>

* fix: 토큰이 없을 때, 관리페이지로 이동하면 오류가 발생하는 부분 수정 (#338)

* feat: url을 통해 eventId를 분리하는 util 함수 구현

* refactor: useEventId를 사용하던 부분 getEventIdByUrl 함수로 대체 및 공백문자 분기처리 제거

* remove: 필요하지 않은 코드 제거

* style: lint 적용

* fix: stepList가 제대로 초기화되지 않는 오류 수정

* fix: 함수 이름 수정

* fix: regexp constants로 분리

* fix: 인원 탈주 추가 시 disable 버그 (#339)

* style: 검색어 클릭 시 input set 함수 이름 변경

* fix: can submit 호출 시점 변경

* feat: Sentry prod 환경에서만 돌아가도록 fetcher 설정 (#343)

* chore: typescript에 NodeEnv 환경설정 타입 선언

* chore: Sentry 캡쳐 에러를 prod 환경에서만 실행되도록 설정

* refactor: captureError에서 early return 방식으로 변경

* feat: 환경 변수 타입 선언 (#345)

* chore: env key 타입 선언

* refactor: env type 선언으로 인한 빈 문자열 대체 제거

* refactor: NODE_ENV 타입 선언으로 빈 문자열 제거 및 development 환경 바로 비교

* refactor: 이벤트 페이지 url 자주사용되는 로직 유틸로 분리

---------

Co-authored-by: Pakxe <[email protected]>

* feat: useDeleteMemberAction 토스트 함수 결합도 제거 (#347)

* refactor: useDeleteMemberAction 토스트 로직 UI 컴포넌트로 이동

* refactor: isExistSameMember 함수 훅 외부로 넘겨주지 않고 특이한 케이스를 검사하는 함수를 훅 인자로 넘겨줌

* refactor: UI 컴포넌트에 토스트 띄우는 함수만 남기고 훅으로 이동

* chore: todo 주석 삭제

* feat: 사용성 개선 - Title component 변경 및 UX writing 수정 (#352)

* fix: Text component 줄바꿈 가능하도록 변경

* fix: Title component 변경

* chore: v0.1.72 배포

* feat: ux writing 변경

* fix: 디자인시스템 버전 변경

* feat: 비밀번호 입력 페이지 커스텀 훅으로 분리 (#354)

* refactor: 비밀번호 설정 커스텀 훅으로 분리

* refactor: event name 상태 제거

* style: index.ts에 setEventPasswordPage 컴포넌트 추가

* refactor: navigate 책임을 UI 컴포넌트로 위임

* style: 비밀번호 입력을 관리하는 함수라는 의미로 변경

* fix: 탭 클릭 시 전체가 클릭되는 것처럼 보이는 현상 해결 (#356)

* feat: 사용성 개선 - 지출 내역 입력 아이템 구현 (#357)

* feat: EditableItem Component 구현

* chore: v0.1.73 배포

* style: lint 적용

* style: 오타 수정

* fix: EditableItem을 export  하지 않던 오류 수정

* chore: v0.1.74 배포

---------

Co-authored-by: Pakxe <[email protected]>

* refactor: 행사 생성 완료 페이지에서 불필요한 상태 제거 (#350)

* refactor: 행사생성 완료페이지 불필요한 상태 제거

* refactor: 사용하지 않는 import 구문 제거 및 코드 제거

* fix: 인원 탈주 시 검색이 되지 않는 버그 해결 (#368)

* fix: 머지하면서 신경쓰지 못한 코드오류 해결 (#381)

* feat: Input 검증 에러 메시지 타입 구조 변경 (#376)

* refactor: errorMessage 타입을 string | undefined에서 string | null로 변경

* refactor: 에러가 아닐 때 errorMessage를 null로 리턴

* fix: 에러 import 되지 않던 현상 해결

* refactor: 에러 메시지 validate 함수 리턴하는 대로 그대로 set

* feat: 에러메시지 보여지도록 추가

* refactor: 에러메시지 타입 string | null로 변경

* feat: 공통 input 코드를 useInput hook으로 분리 (#379)

* feat: 반복적으로 사용하는 Input 코드를 useInput 훅으로 분리

* refactor: errorMessage 상수화

* fix: useInput 분리에 따라 발생한 useSearchInMemberList 에러 해결

* feat: input에 빈문자열이 들어온다면 canSubmit을 false로 invalid한 입력값은 지우고 canSubmit은 true로 변경

* refactor: Input이 하나 인 곳에서 index를 입력하지 않아도 작동되도록 수정

* test: 훅에 필요한 테스트 추가 (#358)

* refactor: useAuth에서 return하는 함수들의 이름에 하는 일의 의미를 담도록 수정

* chore: 테스트를 위한 라이브러리 설치

* chore: jest사용을 위한 환경 세팅

* chore: 테스트가 있으므로 폴더 내부로 파일 이동

* test: 이벤트 아이디를 반환하는 훅인 useEventId 테스트 로직 작성

* chore: jest 환경 세팅 파일도 컴파일 할 수 있도록 tsconfig include에 추가

* test: 토큰과 로그인을 위한 useAuth 훅 테스트 작성

* chore: polyfills와 path alias세팅 추가

* chore: useFetch를 apis에서 hooks로 이동

* feat: 새로 추가된 에러 코드에 대한 메세지 추가

* chore: 파일 이동에 따른 수정

* feat: useAuth훅이 eventId를 스스로 호출하도록 함

* refactor: 객체를 쿼리스트링으로 바꾸는 함수를 분리

* chore: 불필요한 콘솔로그 제거

* test: 모든 테스트 사전에 실행되어야 하는 모킹 수행

* chore: 불필요한 콘솔로그 제거

* test: auth 도메인의 msw 모킹 함수 구현

* chore: jsdom환경에서 실행할 msw server 세팅

* refactor: withEventId 타입을 사용하도록 수정

* test: 이벤트를 생성하기 위한 useEvent 훅을 위한 테스트 코드 작성

* test: api 요청과 에러 상태 조작을 위한 useFetch 훅의 테스트 코드 작성

* chore: useFetch 파일 이동으로 인한 수정

* chore: 파일 이동

* refactor: captureError 함수를 useFetch로부터 분리

* test: 이벤트 도메인을 위한 msw 모킹 함수 구현

* chore: 불필요한 폴더는 커버리지 분석에 포함되지 않도록 함

* chore: jsdom 테스트를 위한 라이브러리 설치

* feat: 환경변수에 저장된 서버 도메인이 없는 경우 빈 문자열을 사용하도록 수정

* feat: useError가 error도 return하도록 수정

* chore: test 명령어 추가

* test: 멤버 목록을 위한 모킹 함수 작성

* test: 멤버를 지우는 useDeleteMemberAction의 테스트 코드 작성

* test: 로그를 위한 useStepList 훅의 테스트 코드 작성

* test: 정산 현황 조회에서 이름 검색 결과를 위한 useSearchMemberReportList 훅의 테스트 코드 작성

* chore: test환경에서의 location과 pathname 세팅

* chore: tsconfig에 jest 추가

* chore: 콘솔로그 제거

* fix: 바뀐 endpoint로 변경

* chore: 위치 변경으로 인한 수정

* chore: 위치 변경으로 인한 수정

* chore: 경로 모킹 로직을 setup으로 위임

* chore: 사용하지 않는 파일 제거

* chore: lint 적용

* chore: useFetch를 위해 핸들링 되는, 되지 않는 에러를 뱉는 모킹 함수 구현

* test: stepList와 관련된 api 모킹 함수 구현

* test: 정산 내역과 관련된 api 모킹 함수 구현

* chore: lint 적용

* test: test에 사용하는 상수 선언

* chore: stepListHandler에 합쳐진 모킹 함수 파일 제거

* test: 정상인 경우를 먼저 판단하도록 조건문 순서 변경

* test: 정산 내역 목데이터 선언

* test: 멤버 목록 목데이터 선언

* test: 프로젝트에서 사용되는 도메인의 모킹 핸들러를 export

* test: 지출 내역을 위한 useStepList 훅의 테스트 코드 작성

* chore: 테스트를 위한 라이브러리 설치

* chore: CI과정에서 test를 진행하도록 명령어 추가

* test: provider안에서 호출되지 않으면 에러를 뱉는 로직의 테스트 코드 작성

* chore: 불필요한 파일이 coverage 에 뜨지 않도록 추가

* test: useDeleteMemberAction 훅의 삭제 요청에서 오류가 발생했을 경우 삭제할 멤버 목록을 원래대로 돌려놓는 지 확인하는 테스트 코드 작성

* test: Error, FetchError 인 경우에 대해 올바르게 에러를 핸들링하는지 테스트 코드 작성

* test: 에러를 발생시키기 위해 음수 actionId가 들어온 경우 에러 반환

* feat: 불필요한 alert문 제거

* chore: toEqual -> toStrictEqual로 변경

* chore: 린트 적용

* fix: endpoint를 잘못 기재한 부분 수정

* chore: 파일이동에 따른 경로 수정

* chore: 린트 적용

* chore: 파일이동에 따른 경로 수정

* feat: 비밀번호 길이인 4를 상수화해 사용하도록 수정

* test: 요청 성공시 어떤 값을 반환하는지 구체적으로 테스트 이름에 명시

* chore: 린트 적용

* test: 토큰의 다양한 에러 타입에 대해 테스트하기 위한 상수 선언

* test: 토큰 내용에 따라 forbidden, expired 에러를 뱉도록 분기 추가

* test: 토큰이 forbidden, expired 일 경우 에러를 반환하는지 테스트 코드 작성

* chore: 디자인 시스템 라이브러리 업데이트

* feat: production에서만 sentry 에 로그를 보내도록 함

* chore: 린트 적용

* chore: 999라는 오류가 발생하는 멤버를 포함하는 stepList 목데이터 작성

* chore: 외부에서 사용하지 않는 함수 return에서 제거

* test: memberActionList를 typeNarrowing으로 정제하여 사용하도록 수정

* test: 삭제 요청에서 오류가 발생하는 경우를 테스트하기 위해 오류 데이터가 포함된 stepList 목데이터를 사용하도록 수정

* test: stepList 데이터가 채워진 후 테스트를 진행하도록 waitFor 추가

* test: 에러 시연을 위해 actionId가 999인 경우 에러 응답을 반환하도록 변경

* chore: 불필요한 주석 제거

* chore: 린트 적용

* chore: import 경로 수정

* refactor: 멤버 액션 삭제 훅 리팩토링 (#383)

* refactor: alive -> delete member list로 변경

* refactor: 비동기 아닌 함수 async await 제거

* fix: 훅 내에서 errorIndexList 사용하고 있지 않아서 제거했습니다.

* refactor: 이벤트 생성 페이지 리팩토링 (#385)

* refactor: event name 관련 커스텀 훅 분리

* style: 필요하지 않은 children 제거

* feat: navigate replace true 조건으로 입력 중 상태로 되돌아갈 수 없도록 설정

* fix: 비밀번호 입력 창에서는 뒤로가기 할 때 이름으로 가도록 설정

* test: useError, useToast 테스트코드 작성 (#387)

* style: errorBody -> errorInfo로 이름 변경

* test: jest에서 svg파일을 못읽으므로 이를 모킹해 오류가 발생하지 않도록 대처

* chore: coverage에서 errorProvider가 보이도록 ignore에서 제거

* feat: 불필요하게 낭비되는 상태인 hasError를 제거하고 errorMessage는 클라이언트에서 보여지는 에러메세지이므로 clientErrorMessage로 이름 수정

* refactor: ErrorProvider에서 useError를 파일로 분리

* test: 전역 에러 상태를 위한 useError 훅의 테스트 코드 작성

* chore: 파일 위치 변경으로 인한 import 경로 수정

* chore: toBeInTheDocument 를 사용하기 위한 라이브러리 import

* chore: toBeInTheDocument 를 사용하기 위한 라이브러리 설치

* chore: Property 'toBeInTheDocument' does not exist on type 'JestMatchers<HTMLElement>' 에러를 발생시키지 않기 위한 타입 추가

* refactor: ToastProvider에서 useToast분리

* test: 핸들링 가능한 에러발생 시 토스트를 띄우고, 핸들링 불가능한 에러 발생 시 토스트를 띄우지 않는지 테스트 코드 작성

* feat: Toast 컴포넌트에 토스트 엘리먼트 식별을 위한 id='toast' 추가

* chore: 파일을 hooks내부로 이동

* chore: 파일 이동으로 인한 import 경로 수정

* chore: components폴더 내부는 커버리지에 포함되지 않도록 ignore에 추가

* feat: Zustand, react-query 도입 및 적용 (#388)

* chore: react-query, zustand 설치 및 환경설정

* feat: react-query hook 생성

* remove: 사용하지 않는 코드 삭제

* feat: StepList 리팩토링을 위한 코드

* fix: 객체로 묶여있지 않던 prop 변경

* refactor: react-query 적용

* refactor: SetEventNamePage, SetEventPasswordPage 비즈니스 로직 hook으로 분리

* fix: CompleteCreateEventPage 변경

* refactor: react-query 적용

* feat: StepList 구조 변경을 위한 store 생성

* feat: 총 지출금액을 계산하기 위한 store 구현

* style: lint 적용

* fix: eventName을 EventPageLayout에서 받도록 변경

* style: lint 적용

* fix: 빠진 쿼리키 수정

* fix: merge 이후 수정이 필요한 부분 해결

* remove: 사용하지 않는 useStepList 파일 제거

* fix: react-query 사용으로 테스트 코드에 QueryClientProvider 감싸주는 작업 진행

* chore: store 디렉토리 추가로 jest config에 반영

* refactor: 파생상태를 활용해서 state 제거

* style: 사용하지 않는 import 문 제거

* style: 사용하지 않는 import문 제거

* chore: replace:true 추가

* remove: 사용하지 않는 파일 제거

* chore: 변경된 이름 반영

* chore: useRequest- 파일을 hooks/queries 폴더로 이동

* chore: lint 적용

* fix: jest 설정. merge 시 누락된 코드 재적용

---------

Co-authored-by: 김진호 <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* fix: valideMemberName의 조건문 name은 1 이하일 수 없다를 제거 (#396)

Co-authored-by: Soyeon Choe <[email protected]>

* feat: 총액 업데이트 로직을 store안으로 이동 (#401)

* feat: 총액 계산 로직을 store에게 위임

* chore: 사용하지 않는 import 제거

* fix: action log가 길어질 때 heigth 잘리는 버그 수정 (#408)

* feat: 전체 인원 수정 '삭제' api 로직 롤백 수정 (#409)

* fix: merge를 진행하며 삭제된 수정 완료시 삭제 api 요청 로직으로 수정

* fix: 삭제 버튼 클릭 후 이름을 수정하면 index 불일치로 발생하는 버그 해결

* chore: 사용하지 않는 console.log 삭제

* feat: EditableItem.Input이 동적인 width를 갖도록 수정 (#411)

* feat: backGroundColor를 옵셔널로 설정할 수 있도록 수정

* feat: prefix, suffix라벨 ui구현

* style: label의 css 작성

* test: 라벨이 있는 EditableItem, 라벨이 여러개 있는 EditableItem, 리스트 형태의 EditableItem의 스토리북 작성

* chore: 필요없어진 주석 제거

* chore: v0.1.75 publish

* feat: theme 인자가 필요한 타입을 위한 WithTheme 타입 작성

* feat: 실제 컴포넌트를 렌더링하고 보여지는 width를 가져오는 함수 구현

* feat: 동적으로 input의 width가 변하도록 가상 컴포넌트인 shadowRef를 추가하여 구현

* design: 동적으로 width가 변하는 input을 위한 css작성

* feat: value가 없으면 동적으로 길이를 계산할 수 없으므로 반드시 받도록하고, 변동 여부와 읽기 전용 여부를 인자로 받도록 함

* test: value를 반드시 넘겨주도록 스토리북 수정

* feat: 불필요한 삼항연산문 제거

* test: 배열 EditableItem을 테스트하는데 지장이 없도록 세터 상세하게 구현

* chore: 사용하지 않는 스타일 제거

* refactor: 길이를 직접 할당해 불필요해진 상태와 함수 제거

* refactor: 불필요하게 배열에 담아 css 프롭을 넘겨주던 부분을 제거

* feat: 기존에 사용하던 hasFocus방식과 useImperativeHandle을 돌려놓음

* feat: width를 style로 넘기는 방식이 한 틱 늦게 반영되므로 제거

* chore: 사용하지 않는 타입 제거

* feat: disabled 속성 제거

* feat: autoFocus 속성 제거

* chore: v0.1.76 배포

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: 차등 정산 기능 구현 및 테스트 작성 (#406)

* feat: 고정 가격을 설정했는지에 대한 isFixed 타입 추가

* feat: 지출 상세 조회, 수정 api 함수 작성

* feat: Get, Put query, mutation 작성

* feat: 고정값으로 수정할 때, 나머지 인원의 가격이 계산되는 기능 추가

* fix: isFixed field 추가로 반영되지 못한 테스트 수정

* test: useMemberReportListInAction 훅 텟트 작성

아직 엣지케이스는 작성하지 못 함;;

* fix: put body 형식 수정

* test: submit 함수 테스트 코드 작성

* feat: 모든 인원의 가격을 고정시키려 했을 때 반영하지 않는 기능

* test: 모든 인원을 담을 때 테스트 작성

* fix: invalidate queries querykey actionId 명시

* fix: 중복 인원이 들어왔을 때 잘못 계산되던 문제 해결

* test: 중복 인원일 때 테스트 코드 작성

* refactor: 지출상세 훅 리팩터링

* test: 같은 멤버 다른 가격으로 변환 시 다시 계산되는 테스트 작성

* fix: isFixed 추가로 발생한 테스트 오류 수정

* feat: 각 멤버 별 isFixed 추가 반영

* refactor: 서버의 isFixed 관리로 불필요한 상태 제거

* test: isFixed 필드 추가 테스트 반영

* feat: 계산값으로 값을 변경했을 때 isFixed를 해제하는 기능구현

* test: isFixed 해제 관련 테스트 작성

* feat: member report validation 로직 작성

* chore: 테스트를 위한 코드 작성 추후 삭제

* chore: 테스트용 라우팅 삭제

* feat: 총 금액보다 큰지 검증하는 기능 추가

* feat: 차등 적용 input으로 handle하는 기능 추가

* remove: 사용하지 않는 파일 제거

* feat: 차등 적용 적용 중 지원되지 않는 기능 수정 (#423)

* fix: 0원을 허용하도록 수정

* feat: 총 금액이 변동됐을 때 재계산을 실행하는 기능 추가

* feat: 하나라도 조정값이 있는지를 판단하는 기능 추가

* test: 조정된 값이 있는지 여부를 주는 기능 test 작성

* feat: 조정되지 않은 인원이 1명일 때, input을 막아버리는 기능 추가

* feat: 서버상태와 클라이언트 상태 가격이 전부 동일하면 can submit false 기능 추가

* fix: 차등 적용 can submit이 valid 하지만 false되는 버그 (#428)

* fix: 0원을 허용하도록 수정

* feat: 총 금액이 변동됐을 때 재계산을 실행하는 기능 추가

* feat: 하나라도 조정값이 있는지를 판단하는 기능 추가

* test: 조정된 값이 있는지 여부를 주는 기능 test 작성

* feat: 조정되지 않은 인원이 1명일 때, input을 막아버리는 기능 추가

* feat: 서버상태와 클라이언트 상태 가격이 전부 동일하면 can submit false 기능 추가

* fix: input list가 변했을 때 can submit이 돌도록 변경

* fix: 데이터가 없을 때 초기화 되어버리는 현상 해결

* feat: 지출 내역 추가 변경사항 적용 (#414)

* design: 지출 추가, 인원 추가 button 퍼블리싱

* feat: 변경된 Button에 BottomSheet onClick연결

* chore: 디자인시스템 버전 업데이트

* feat: step.type이 Bill이 아니더라도 isAddEditableItem가 true라면 BillStepItem을 렌더링하여 지출 내역 추가 Input을 띄우기

* feat: onChange에 billInput 변경하기 및 blur시 조건을 충족할 경우 서버로 api 요청 보내기

* feat: 지출 내역 post api를 요청하면 지출 내역 Input을 닫기

* feat: 디자인시스템과의 병합을 위해 Input에 value 추가

* chore: 불필요한 주석 제거

* fix: 불필요한 조건문 제거

* chore: 불필요한 console.log 삭제

* feat: 마지막 BillItem에만 EditableItem.Input을 렌더링하기

* design: 관리 페이지 디자인 수정

* fix: billInput 값을 초기화

* feat: BillItem이 존재하지 않을 때, 새로운 BillItem을 생성하여 지출 input 만들기

* feat: member action 추가후, 빈 stepList가 생성되지 않는 에러 해결

* chore: 디자인시스템 업데이트

---------

Co-authored-by: 이태훈 <[email protected]>

* feat: 지출 내역 아이템 클릭시 뜨는 차등 정산 모달 퍼블리싱 (#431)

* refactor: IsFixedIcon이 재사용되기 시작했으므로 컴포넌트로 분리

* feat: DragHandleItem에 IsFixed 속성을 추가하고 IsFixedIcon 가 보여지도록 함

* test: isFixed가 있는 DragHandleItem의 스토리 추가

* chore: 불필요한 import 제거

* chore: 디자인시스템 라이브러리 업데이트

* feat: 변경된 시안에 맞게 ui 수정

* feat: 차등 정산이 적용되었을 때 제출 버튼을 활성화하는 로직을 추가

* feat: 마지막으로 차등 정산을 적용하려는 참여자는 readOnly로 수정을 막도록 함

* feat: 지출 내역 아이템에 수정 여부를 표시하기

* fix: 유효길이를 초과해 입력하려는 경우 값은 이전의 유효값으로 고정이지만 canSubmit이 false라 요청이 불가능한 오류를 수정

* feat: BottomSheet 지출 부분 삭제 & input autoFocus (#433)

* chore: webpack, react, typescript 환경 설정

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>

* chore: eslint, prettier 설정

Co-authored-by: JinHo Kim <[email protected]>
Co-authored-by: Pakxe <[email protected]>

* docs: pr 템플릿 및 issue 템플릿 세팅

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>

* docs: issue 템플릿에 타이틀과 관련된 부가 정보 추가

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>

* chore: 모든 install 에 legacy-peer-deps를 사용하도록 설정

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: emotion css props 사용 예제 작성

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: webpack, @emotion/react 라이브러리 설치

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: css props를 사용하기 위해 'jsxImportSource' 옵션 설정

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: css props 사용 위해 모든 파일 최상단에 주석을 자동으로 작성해주도록 플러그인 세팅

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: 개발서버 포트번호 3001 -> 3000 으로 수정

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: prettier에서 useTabs를 사용하지 않도록 제거

Co-authored-by: pakxe <[email protected]>, soi-ha <[email protected]>, jinhokim98 <[email protected]>, Todari <[email protected]>

* chore: 여러 명이 co-authored-by로 들어갈 수 있는지 테스트 커밋

Co-authored-by: pakxe <[email protected]>
Co-authored-by: soi-ha <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>
Co-authored-by: Todari <[email protected]>

Co-authored-by: pakxe <[email protected]>
Co-authored-by: soi-ha <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>
Co-authored-by: Todari <[email protected]>

* chore: 임시로 지웠던 types 옵션을 다시 활성화

Co-authored-by: pakxe <[email protected]>
Co-authored-by: soi-ha <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>
Co-authored-by: Todari <[email protected]>

Co-authored-by: pakxe <[email protected]>
Co-authored-by: soi-ha <[email protected]>
Co-authored-by: jinhokim98 <[email protected]>
Co-authored-by: Todari <[email protected]>

* chore: 기본 webpack 설정

Co-Authored-By: TaehunLee <[email protected]>

* feat: theme, token 구현

Co-Authored-By: TaehunLee <[email protected]>

* chore: storybook 설정

Co-Authored-By: TaehunLee <[email protected]>

* feat: Button 구현

Co-Authored-By: TaehunLee <[email protected]>

* feat: Text 구현

Co-Authored-By: TaehunLee <[email protected]>

* fix: webpack 설정 entry 파일 확장자 tsx에서 ts로 변경

Co-Authored-By: TaehunLee <[email protected]>

* chore: modify-source-webpack-plugin 의존성 반영되지 않은 것 추가

Co-authored-by: pakxe <[email protected]>

* chore: css파일을 처리하기 위한 webpack 세팅

Co-authored-by: pakxe <[email protected]>

* design: 기본 css style 초기화 작업

Co-authored-by: pakxe <[email protected]>

* feat: 메인 페이지 퍼블리싱

Co-authored-by: pakxe <[email protected]>

* feat: 이벤트 생성 페이지 퍼블리싱

Co-authored-by: pakxe <[email protected]>

* feat: 이벤트 생성 완료 페이지 퍼블리싱

Co-authored-by: pakxe <[email protected]>

* design: 전역 스타일링 설정

Co-authored-by: pakxe <[email protected]>

* feat: 라우터 셋팅

Co-authored-by: pakxe <[email protected]>

* feat: 앱의 진입점 설정

Co-authored-by: pakxe <[email protected]>

* feat: 라우트 경로 설정

Co-authored-by: pakxe <[email protected]>

* fix: 라우트 이동 시 페이지가 제대로 보이지 않던 문제 해결

Co-authored-by: pakxe <[email protected]>

* feat: 모달 컴포넌트 생성

Co-authored-by: pakxe <[email protected]>

* feat: 스위치 컴포넌트 생성

Co-authored-by: pakxe <[email protected]>

* feat: 초기인원 세팅 기능 퍼블리싱 및 구현

Co-authored-by: pakxe <[email protected]>

* feat: 행동 추가를 위한 모달 컨텐츠 구현

Co-authored-by: pakxe <[email protected]>

* feat: 지출 내역 관리 기능구현

Co-authored-by: pakxe <[email protected]>

* feat: 인원 관리 기능구현

Co-authored-by: pakxe <[email protected]>

* feat: 행사관리 페이지 퍼블리싱 및 구현

Co-authored-by: pakxe <[email protected]>

* feat: 해커톤 로그 출력을 위한 임시처리

Co-authored-by: pakxe <[email protected]>

* feat: 프로젝트 초기 설정

* feat: 엔티티 추가

* refactor: gitignore 수정

* refactor: 엔티티 컬럼명 변경

* chore: path alias 설정 및 lint 마이그레이션

* [FE] 해커톤 범위 디자인시스템 구현 (#36)

* feat: FixedButton Component 구현

Co-authored-by: soi-ha <[email protected]>

* feat: Input component  구현

Co-authored-by: soi-ha <[email protected]>

* feat: Title component 구현

Co-authored-by: soi-ha <[email protected]>

* feat: BottomSheet component 구현

Co-authored-by: soi-ha <[email protected]>

* fix: BottomSheet component 빌드 오류 해결

* move: 전체적인 파일 경로 수정정

* move: 전체적인 파일 경로 수정

* fix: npm build를 위한 설정 변경

* feat: IconButton Component 추가

* design: IconButton height가 제대로 적용되지 않는 오류 수정

* feat: npm 배포를 위한 환경설정 및 파일 경로 수정

Co-authored-by: Soyeon Choe <[email protected]>

* style: eslint 적용

* design: globalStyle root BG 변경

* design: globalStyle background 변경

* fix: Title type 변경

* chore: storybook svg 사용을 위한 main.ts 설정

* feat: BillItem component 구현

* feat: InOutItem Component 구현

* feat: StepItemComponent 구현

* chore: storybook preview background color 수정

* chore: tsconfig.json sourcemap 속성 변경

* chore: npm v0.1.0 배포

---------

Co-authored-by: soi-ha <[email protected]>
Co-authored-by: Soyeon Choe <[email protected]>

* feat: CI/CD 파이프라인 구축 (#42)

* feat: ci/cd 구축

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* fix: ci/cd 디폴트 경로 변경

* feat: cicd 테스트 객체 제거

* feat: cicd 테스트 객체 제거

* feat: 행사 생성 기능 구현

* feat: 지출 내역 추가 기능 구현

* refactor: event의 마지막 action 순서 조회 로직 수정

* refactor: BillAction fetch type 수정

* test: 불필요한 mocking 제거

* refactor: 중요도에 따라 필드 순서 변경

* fix: BillAction 저장 Dto 검증 추가

* [FE] 디자인 시스템 수정 (#46)

* chore: storybook 관련 dependency  설치

* fix: Text component 수정

* feat: TextButton  Component 구현

* fix: Title Component 수정

* feat: input component background color InputType 추가 및 입력제거 아이콘 변경

* feat: Switch component 구현

* feat: TopNav component 구현

* feat: Tab 컴포넌트 구현

* refactor: Tab type type.ts로 분리

* feature: ExpenseList component 구현

* design: 폰트 size, weight, color 수정

* feat: BillItem에 드래그핸들러 포함 여부를 props로 받을 수 있도록 구현

* design: 드래그핸들러 여부에 따라 패딩을 다르게 하도록 수정

* feat: Flex 컴포넌트 구현

* feat: 잡고 이동할 수 있는 DragHandleItem 컴포넌트 모습 구현

아직 잡고 이동하는 기능은 없습니다.

* chore: DragHandleItem 컴포넌트의 스토리북 작성

* fe…

.github/workflows/frontend-pull-request.yml

@@ -5,7 +5,7 @@ on:
     types: [opened, synchronize]
     branches: [main, fe-dev]
     paths:
-      - 'client/**'
+      - "client/**"
 
 jobs:
   test:
@@ -23,18 +23,15 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.15.1'
+          node-version: "20.15.1"
 
       - name: Install dependencies
-        working-directory: ./client
         run: npm install
 
       - name: Run lint
-        working-directory: ./client
         run: npm run lint
 
       - name: Run test
-        working-directory: ./client
         run: npm run test
 
       - name: Cypress test
@@ -47,3 +44,48 @@ jobs:
 
       - name: Run Cypress tests
         run: npm run cypress-run
+
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+
+    defaults:
+      run:
+        shell: bash
+        working-directory: ./client
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.15.1"
+
+      - name: Cache dependencies
+        id: cache
+        uses: actions/cache@v3
+        with:
+          path: "**/node_modules"
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/package-lock.json') }}-v1
+          restore-keys: |
+            ${{ runner.os }}-npm-
+
+      - name: Install dependencies
+        if: steps.cache.outputs.cache-hit != 'true'
+        run: npm install
+
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        id: publish_chromatic
+        with:
+          workingDir: client
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+
+      - name: Comment on PR
+        uses: thollander/actions-comment-pull-request@v2
+        with:
+          message: "🚀 **storybook**: ${{ steps.publish_chromatic.outputs.storybookUrl }}"