Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[All] 모모의 세번째 배포를 축하해요 : ) #405

Merged
merged 14 commits into from
Oct 15, 2024
Merged

[All] 모모의 세번째 배포를 축하해요 : ) #405

merged 14 commits into from
Oct 15, 2024

Conversation

seunghye218
Copy link
Contributor

No description provided.

hwinkr and others added 13 commits September 27, 2024 13:52
chore: 깃허브 워크플로우에서 webpack-bundle-analyzer가 실행됐던 문제 해결
refactor: CI 로직 main브랜치 merge 될 때 동작하도록 수정
* rename: meetingFrame 렌더 함수 네이밍 수정

* refactor: gap 속성 추가 및 시간 선택 테이블 max-height 제거, MSW 주석 추가
* chore: 퍼널 패턴에서 사용할 타입 정의

- readonly 타입의 문자열 스텝들을 StepType으로 정의
- FunnelProps, StepProps의 타입을 StepType에 포함되는 Steps 타입을 사용해서 정의

* feat: 현재 렌더링 해야 할 자식 컴포넌트를 결정하는 FunnelMain 컴포넌트 구현

- Funnel 컴포넌트의 여러 자식 컴포넌트 중 child 컴포넌트가 스텝에 속하는 컴포넌트인지 확인
- 현재 스텝에 맞는 targetStep 컴포넌트를 반환

* feat: 복잡한 UI 흐름을 관리하는 useFunnel 커스텀 훅 구현

- react-router-dom 라이브러리가 제공하는 useLocation, useNavigate 훅을 활용해서 라우팅 기능 구현
- 새로고침해도 현재 스텝은 유지
- Step 컴포넌트는 Funnel의 여러 자식 컴포넌트들로 현재 스텝에 맞는 컴포넌트만 렌더링

* chore: useInput 커스텀 훅의 반환값 타입 정의

- useInput 커스텀 훅의 반환값을 props로 받는 컴포넌트 정의에서 활용할 수 있도록 useInput 커스텀 훅의 반환값 타입을 정의

* chore: useTimeRangeDropdown 커스텀 훅의 반환값 타입 정의

- useTimeRangeDropdown 커스텀 훅의 반환값을 props로 받는 컴포넌트 정의에서 활용할 수 있도록 useTimeRangeDropdown 커스텀 훅의 반환값 타입을 정의

* feat: 약속을 생성할 때 필요한 모든 지역 상태를 관리하는 useCreateMeeting 커스텀 훅 구현

* feat: 약속 이름을 입력받는 컴포넌트 구현

* feat: 약속 주최자 정보(닉네임, 비밀번호)를 입력받는 컴포넌트 구현

* feat: 약속 날짜, 시간 범위를 입력받는 컴포넌트 구현

* feat: 뷰포트 하단에 고정되는 바텀 버튼 컴포넌트 구현

* feat: 모바일 키보드 위로 바텀에 고정된 버튼이 올라올 수 있도록 하는 커스텀 훅 구현

* feat: 약속 생성 UI 흐름을 3단계로 구분하는 약속 생성 페이지 구현

* design: 모바일 화면에서 스크롤이 되는 문제를 해결하기 위해서 height 속성값 수정

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

* chore: 바텀 고정 버튼 초기 높이 상수화

* chore: RouteFunnel 컴포넌트 오타 수정

* chore: useInput 커스텀 훅의 반환 타입을 ReturnType 유틸리티 타입을 활용하는 것으로 수정

* chore: useTimeRangeDropdown 커스텀 훅의 반환 타입을 ReturnType 유틸리티 타입을 활용하는 것으로 수정

* refactor: 약속 생성 api 함수 추가, 입력 필드 유효성 검증 함수 추가 분리, invalid를 하나의 단어로 사용하도록 수정

* chore: 입력 최소길이 상수 추가

* chore: invalid를 하나의 단어로 사용해서 props 정의, api 요청 함수 추가

* chore: 약속 생성 스텝 네이밍 상수화

* chore: invalid로 props 네이밍 수정

* chore: invalid로 props 네이밍 수정, 약속 생성 api 핸들러 추가

* chore: 사용하지 않는 hidden css 속성 제거

* refactor: 선택된 날짜 상태 관리를 set 자료구조를 사용하는 것으로 수정

* chore: Invalid 단어 오타 수정
* refactor: 하나씩, 기간으로 날짜를 선택할 때 사용되는 커스텀 훅과 약속의 타입을 결정하는 커스텀 훅 추가

* refactor: 약속 선택 로직을 Set 자료구조를 사용하는 것으로 수정

* chore: 사용하지 않는 css 파일 삭제

* chore: 임시 약속 생성 페이지 삭제

* chore: 임시 약속 생성 페이지 컴포넌트 네이밍 수정

- 하나씩/기간으로 약속 날짜 선택, 약속 타입 결정 props 추가
* chore: 체크 svg를 재사용할 수 있도록 current 속성으로 변경

* chore: 경고 토스트를 보여줄 때, 사용할 svg 추가

* chore: 필요없는 공백 제거

* feat: 토스트 컴포넌트 구현

- 토스트의 타입에 따라서 아이콘, 아이콘의 배경색을 동적으로 결정할 수 있도록 구현

* design: 토스트 컴포넌트를 스타일링하기 위한 css 추가

* test: 토스트 컴포넌트 UI 테스트

* feat: 토스트를 감싸는 컴포넌트 구현

- 토스트 컴포넌트 UI 테스트를 쉽게할 수 있도록, 토스트가 사라질 때 애니메이션을 적용하기 위한 상태를 관리하는 Wrapper 컴포넌트 구현

* feat: 여러개의 토스트를 보여주기 위한 컴포넌트 구현

* design: 토스트 목록 컴포넌트 스타일링을 위한 css 추가

- 사용자의 디바이스 너비에 따라서 동적으로 토스트 UI의 너비를 조절하기 위해 padding, width 속성 사용

* feat: 전역으로 토스트의 렌더링 상태를 관리하기 위한 컨텍스트, 프로바이더 컴포넌트 구현

- 동일한 피드백을 전달하는 토스트가 이미 렌더링중이라면 추가적으로 렌더링되지 않도록 처리

* test: 토스트 컴포넌트 폴더 구조 이동, 공통 스타일 추출, 버튼을 클릭했을 때 토스트 UI가 렌더링되는 스토리 추가

* chore: 토스트 UI 기본 시간 추가
* chore: 서브모듈 변경사항 반영

* hotfix: 불필요한 메서드 삭제

* refactor: 로그 레벨 debug로 수정
* chore(backend-dev-cd.yml): 도커 컴포즈를 사용하도록 수정

* chore(docker-compose-dev.yml): 개발환경 도커 컴포즈 파일 작성

* chore(docker-compose-dev.yml): githubSecret 사용 제거

* chore(backend-dev-cd.yml): 시큐리티 파일 내부의 도커 컴포즈를 사용하도록 수정

* chore(backend-dev-cd.yml): 파일명 재설정
* feat(MeetingController): 약속 입장 정보 조회 컨트롤러 추가

* style(MeetingHomeResponse): 약속 입장 조회 레코드명 수정

* refactor: 불명확한 `@DisplayName` 수정

* refactor: 불명확한 메서드명 수정

* feat: Controller Swagger 문서화 추가
* rename: CreateMeetingPage 디렉터리 내부 구조 변경

MeetingDateTime, MeetingHostInfo, MeetingName 컴포넌트를 components 디렉터리 내부로 이동

* design: '약속 후보 날짜 선택'과 '약속 시간 범위 선택' 사이에 간격을 설정

* design: 요소가 넘쳐서 안 보이는 경우 스크롤 가능하게 설정

* fix: logoSunglass svg 패턴 정의
* chore: 변경사항이 있을 때마다 테스트를 다시 실행할 수 있도록 --watch 속성 추가

* chore: @utils 절대 경로를 인식할 수 있도록 설정 추가

* refactor: 달력 데이터의 첫 날짜를 설정하는 코드를 함수로 분리, jsDoc 제거

* test: 달력 데이터를 생성하는 유틸 모듈 테스트 추가

* chore: 변수명, 함수명을 더 직관적으로 수정

* test: useCalendar 커스텀 훅 테스트 추가

- 달, 년 이동시 달력 데이터가 올바르게 변경 되는지 테스트
- 현재 달력 데이터를 생성할 때, 빈 공간을 prev & next 상태를 가진 날짜들로 만들어서 같이 계산해 주기 때문에 이와 관련된 로직 테스트 추가

* chore: watch 속성 제거

* chore: 특정 달의 첫 번째 날을 표현하는 변수명을 더 직관적으로 수정

* chore: 테스트 케이스를 더 직관적으로 개선

* test: 달력 데이터를 생성하는 유틸 함수 테스트 개선

- 자바스크립트 Date 객체 동작을 확인하는 테스트 제거
- 오타 수정
- 윤년 테스트 추가
- 특정 날짜의 상태를 테스트하는 로직 개선
* fix: 매트릭스 전략으로 여러 runner를 사용할 수 있도록 설정

* chore: 배포 환경 도커 컴포즈 파일 추가

* chore: 도커 컴포즈를 사용하여 CD 실행
Copy link

github-actions bot commented Oct 15, 2024

Test Results

156 tests   156 ✅  20s ⏱️
 32 suites    0 💤
 32 files      0 ❌

Results for commit f01a403.

♻️ This comment has been updated with latest results.

Copy link
Contributor

@hwinkr hwinkr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

무중배가 성공적으로 끝나길!
무중배하니까 갈배 사이다 먹고싶네

Copy link
Contributor

@Largopie Largopie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

확인!

@hw0603 hw0603 merged commit 31f6088 into main Oct 15, 2024
12 checks passed
@Largopie Largopie added this to the 6차(최종) 데모데이 milestone Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

8 participants