[Feature] touroot v1.3.1 #587
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* chore: 초기 package.json 설정 * chore: .gitignore 추가 * chore: tsconfig.json 초기 설정 * chore: react 내 webpack 세팅 1. webpack 관련 의존성 추가 2. build scrpit 수정 3. webpack.common.js 추가 4. public 디렉터리 내 index.html 추가 5. src 디렉터리 내 App.tsx 및 main.tsx 추가 * chore: prettier & eslint 설정 * chore: emotion 설정
1%에서 5%로 변경(크롬, 사파리, 엣지만 점유율이 5% 이상이기 때문) 사소한 설정으로 인해 develop에 바로 push
* chore: stylelint 관련 의존성 추가 * chore: stylelint 규칙 stylelintrc.json에 추가 * chore: vscode 관련 설정 추가
* feat: 기본 폰트 설정 1. webpack 내 asset/resource 옵션 추가 2. pretendard 폰트 추가 3. woff에 대한 타입 추가 4. globalStyle 내 기본 폰트를 pretendard로 변경 * feat: svg 내 asset 설정 * feat: ThemeProvider 추가 1. theme 관련 declare 파일 추가 2. theme 추가 3. theme을 ThemeProvider 적용 * feat: svg를 컴포넌트 형태로 사용하도록 변경 1. @svgr/webpack 의존성 추가 2. webpack.common.js 내 관련 설정 추가(url, component 모두 사용) 3. svg.d.ts 내 svg 관련 타입 설정 추가 * feat: font 관련 local 함수 추가 * feat: assets/index.ts 내 marker url 설정 추가 * feat: tanstack query 의존성 추가 * chore: prettier 내 sort 순서 변경 * chore: 환경 변수 세팅 1. dotenv-webpack 의존성 추가 2. webpack config 파일 내 DotenvWebpack를 통해 환경변수 파일 동적으로 변경하도록 설정 * feat: axios instance 객체 생성 baseUrl 지정 * feat: react-query 및 devtools 설정 추가 * chore: @apis path alias 추가 * refactor: theme 내 detail에 font-family 제거 * feat: Box 컴포넌트 구현 * feat: Carousel 컴포넌트 구현 * feat: Header 컴포넌트 구현 * feat: Tab 컴포넌트 구현 * feat: TransformBottomSheet 컴포넌트 구현 * feat: PlaceDetailCard 컴포넌트 구현 * feat: TravelogueTabContent 컴포넌트 구현 * feat: GoogleMapView 컴포넌트 구현 * chore: re-export 관련 설정 추가 * feat: 초기 여행기 상세 페이지 구현 * chore: .gitignore 내 .env.development, .env.production만 오도록 변경 * chore: @react-google-maps/api 의존성 추가 * fix(Carousel): 이미지가 이동하지 않는 문제 해결 max-width 대신 transform 속성 추가
* chore: codeowners 설정 추가
* chore: storybook 관련 설정 추가 * chore: jest 관련 의존성 및 script 추가 * chore: jest config 파일 관련 의존성 추가 * chore: eslint 파일 내 jest plugin 추가
* chore: chromatic 배포 설정 추가 * feat: TransformBottomSheet story 파일 추가 * chore: chromatic ci/cd 설정 추가
* chore: react-router-dom 세팅 * chore: createBrowserRouter 적용 * chore: @Constants path alias 추가 * feat: AppLayout 컴포넌트 추가 1. TravelogueDetailPage 내 margin-top 제거 2. AppLayout 컴포넌트 구현 * feat: router path 관련 상수 추가 * refactor: router 세팅 변경 1. App 내 router router.tsx로 이동 2. router.tsx 내 AppLayout 추가 및 router path 설정 * chore: storybook-addon-remix-react-router 의존성 추가 * chore: storybook 내 router addon 설정 추가 --------- Co-authored-by: 손진영 <[email protected]>
* chore: styles 내 declare 파일들 types 폴더로 이동 * chore: foundation 정의 1. color, spacing, typography에 대한 foundation 추가 2. global theme 변경 3. emotion.d.ts 내 declare theme 타입 변경 * refactor: foundation 컴포넌트 들에 적용 * chore: stylelint 적용
* chore: msw 의존성 추가 * fix: msw v2 내 발생하는 문제 해결을 위한 폴리필 코드 추가 ReferenceError: TextEncoder is not defined 에러 발생 방지를 위해 폴리필 코드 추가 1. package.json 내 undici 의존성 추가 2. jest.polyfills.js 내 관련 설정 추가 3. jest.config.js 내 폴리필 관련 설정 추가 * chore: @Mocks 관련 설정 추가 1. path alias 추가(webpack, tsconfig) 2. prettier import sort 내 mocks 추가 * chore: typescript 환경에서 jest api를 제공하기 위한 설정 추가 * chore: msw 기본 설정 추가 * chore: 불필요한 chromatic_publish 파일 제거 * chore: msw-storybook-addon 의존성 추가 * chore: storybook 내 msw 설정 추가 1. main.ts 내 환경 변수 설정 추가 2. preview.tsx 내 initialize & mswLoader 설정, handler 추가 3. npx msw init public/ 명령어 실행(mockServiceWorker.js & package.json 내 msw workerDirectory 추가
* feat(assets): 휴지통 아이콘 추가 * feat(Accordian): 아코디언 컴포넌트 구현 * test(Accordion): 아코디언 컴포넌트 스토리북 추가 * feat(Button): 버튼 컴포넌트 구현 * test(Button): 버튼 컴포넌트 스토리북 추가 * test(Accordion): 테스트 케이스 네이밍을 영어로 수정 * feat(asset): asset 추가 * feat(Icon): 아이콘 컴포넌트 구현 * test(Icon): Icon 컴포넌트 스토리북 추가 * feat(IconButton): IconButton 컴포넌트 구현 * test(IconButton): IconButton 컴포넌트 스토리북 추가 * feat(Icon): svg들에 대한 json 파일 추가 * feat(Text): Text 컴포넌트 구현 * test(Text): Text 컴포넌트 스토리북 추가 * refactor(preview): 스토리북 root에 rootStyle 추가 * test(Text): Overview 스토리 추가 * test(preview): 스토리북 환경 root style 변경 1. preview.tsx 내 rootStyle 변경 후 다른 story들에 적용 * refactor(Button): ButtonVariants import 시 type 추가 * refactor(Text): 변수 내에서 export 하도록 변경 * refactor(Icon): type들 type.ts로 분리 * refactor(Icon): import 방식 변경
* feat(Input): 컴포넌트 구현 * feat(InputField): 컴포넌트 구현 * fix(tsconfig): 개행으로 인한 오류 해결 * test(Input): 스토리북 구현 * test(InputField): 스토리북 구현 * refactor(InputContainer): 파일명 수정 및 count 컴포넌트 분리 * feat(Textarea): 컴포넌트 구현 * refactor(Textarea): props 및 css 수정 * test(Textarea): 스토리북 구현 * refactor(Count): 네이밍 직관적으로 수정 * refactor(Input): InputContainer를 Input으로 단일화 * refactor(Textarea): title 수정 * feat(BackDrop): 컴포넌트 구현 * feat(asset): Tturi svg 추가 * refactor(BackDrop): position 수정 * feat(asset): close-button svg 추가 * feat(Button): 컴포넌트 구현 * feat(ModalContainer): 컴포넌트 구현 * feat(ModalContent): 컴포넌트 구현 * feat(ModalFooter): 컴포넌트 구현 * feat(ModalHeader): 컴포넌트 구현 * feat(Modal): 컴포넌트 구현 * test(Modal): 스토리북 구현 * refactor(asset): close button 삭제 * refactor: modalBottomSheet로 네이밍 수정 * refactor(storybook): 모바일 환경을 위한 preview 수정, 불필요한 스토리북 테스트 삭제 및 네이밍 수정 * feat(Container): 에니메이션 추가 --------- Co-authored-by: jinyoung <[email protected]>
* feat: MultiImageUpload 컴포넌트 구현 * feat: ThumbnailUpload 컴포넌트 구현 * fix: emotion css를 styled로 수정 - storybook에서 emotion css가 적용되지 않는 문제가 있어서 emotion styled로 수정 * test: ThumnailUpload 컴포넌트 storybook 추가 * feat: MultiImageUpload 컴포넌트 이미지 삭제 기능 구현 * refactor: MultiImageUpload 컴포넌트에서 함수명 코드 컨벤션에 맞게 수정 * feat: ThumbnailUpload 컴포넌트 썸네일 수정 기능 구현 * feat: ThumbnailUploadButton에 gap 수정 * refactor: ThumbnailUpload 컴포넌트에서 중복 제거 * refactor: ThumbnailUpload 컴포넌트에서 화살표 함수로 단순화 * fix: MulitiImageUpload 컴포넌트에서 emotion css를 emotion styled로 수정 - storybook에서 emotion css 적용 되지 않는 이슈때문에 수정 * refactor: 이미지 업로드 로직을 useImageUpload로 분리 * test: MultiImageUpload 컴포넌트 storybook 추가 * fix: ThumbnailUpload 컴포넌트 storybook title 수정 * fix: MultiImageUpload 컴포넌트 storybook title 수정 * refactor: ThumbnailUpload 컴포넌트 storybook에서 base64를 mageUrl로 수정 -CORS 정책때문에 외부 URL에서 이미지를 직접 가져오는 것이 안됐었다. - 이 때문에 imageUrl 대신 base64를 사용했었다 - base64 값이 너무 길다 - 때문에 무료 CORS 프록시 서비를 사용하여 imageUrl을 사용하는 방법으로 수정 * feat: MultiImageUpload 컴포넌트의 이미지 렌더링 부분에 스크롤 추가 * test: MultiImageUpload 컴포넌트 storybook에 이미지 많이 첨부한 경우 추가 * refactor: MultiImageUpload 컴포넌트 삭제 버튼에 svg 사용 * refactor: MultiImageUpload 컴포넌트에서 styled 컴포넌트명 수정 * feat: useDragScroll hook 구현 * feat: MultiImageUpload 컴포넌트에 드래그 스크롤 기능 추가 * feat: MultiImageUpload 컴포넌트에 y축 스크롤 hidden 추가 * refactor: MultiImageUpload 컴포넌트에서 사진 추가 버튼 UI 수정 --------- Co-authored-by: jinyoung <[email protected]>
* feat: types path alias 추가 * refactor(AccordionRoot): 다른 attributes들도 받을 수 있도록 변경 * fix(preview): 스토리북 열리지 않는 문제 해결 div 태그 추가 * chore: type, queries, hooks에 대한 type alias 추가 * feat: DayContent 컴포넌트 구현 * refactor(GoogleMapView): LoadScript 외부로 분리 1. GoogleMapView에서 LoadScript 제거 2. GoogleMapLoadScript 추가 * feat(GoogleSearchPopup): GoogleSearchPopup 컴포넌트 구현 * refactor(ModalBottomSheet): currentY 값 open시 0이 되도록 변경 * refactor(ModalBottomSheet): stylelint 적용 * refactor(MultiImageUpload): useImageUpload 반환 값을 외부에서 주입 받도록 변경 * feat(PageInfo): PageInfo 컴포넌트 구현 * test(PageInfo): PageInfo 컴포넌트 스토리북 구현 * chore: useDragScroll, useImageUpload 경로 변경 hooks에 위치하도록 변경 * refactor(ThumbnailUpload): useImageUpload 반환 값을 외부에서 주입 받도록 변경 * feat(TravelogueMultiImgaeUpload): TravelogueMultiImgaeUpload 컴포넌트 구현 * feat: register route path 추가 * feat(useTravelDays): useTravelDays hook 구현 * feat: travelogue 공통 타입들 추가 * feat: usePostTrevelogue 구현 * feat: usePostUploadImages 구현 * chore: reexport 추가 * feat: 여행기 등록 기능 구현 1. router에 추가 2. 여행기 등록 페이지 추가 * feat: 여행기 등록 완료 시 해당 상세 페이지로 이동하는 기능 추가
* chore(stylelint): properties 추가 * refactor(style): 스타일린트 적용 * feat(theme): white 컬러 추가 * refactor(Header): 재사용성을 위한 컴포넌트 수정 * refactor(style): Header align-items 추가 * feat(assets): Tturi webp asset 추가 * feat(Login): 로그인 페이지 컴포넌트 구현 * chore: dev 실행을 위한 dotenv-webpack 설치 * feat(assets): kakao symbol 추가 * feat(theme): yellow color 추가 * feat(LoginPage): 네이밍 변경 및 로그인 버튼 UI 추가 구현 * feat(LoginPage): 카카오 로그인 구현 * chore(webpack.common.js): publicPath 추가 * feat: IconButton 구현 * refactor(Header): Header 내 content를 내부에 넣도록 변경 * refactor(ExcitedTturi): tturi에서 네이밍 수정 * feat(constants): ROUTE_PATHS 추가 * refactor(LoginPage): 불필요한 주석 삭제 및 핸들러 네이밍 수정 * feat(KakaoCallbackPage): 페이지 구현 * feat(router): kakaoCallbackPage 추가 * feat(App): useContext 추가 --------- Co-authored-by: 손진영 <[email protected]> Co-authored-by: jinyoung <[email protected]>
* chore: react-datepicker 임시로 사용(데모데이때 빠르게 보여주기 위함) * chore: css-loader, style-loader 추가 데모데이때 사용하는 date-picker를 위해 임시로 설치 * feat(DateRangePicker): 임시로 사용할 DateRangePicker 컴포넌트 구현 * refactor(Input): maxCount, count optional로 변경 * chore(main): datepicker css 추가 * refactor: Place 내 name을 placeName으로 변경 * refactor(useTravelDays): onAddDay에 useCallback 추가 * feat(usePostTravelPlan): 여행 계획 post 요청 hook 구현 * feat(TravelogueRegisterPage): 여행 계획 등록 페이지 구현
* feat: AvatarCircle 컴포넌트 구현 * test: AvatarCircle 컴포넌트 storybook 추가 * feat: TravelogueCard 컴포넌트 구현 * test: TravelogueCard 컴포넌트 storybook 추가 * feat: MainPage 구현 * refactor: AvatarCircle 컴포넌트 useAvatar가 undefined일때도 기본 이미지 보이도록 수정 * feat: TravelCard 컴포넌트에서 likes 기본값 0으로 설정 * feat: useIntersectionObserver 훅 구현 * feat: useInfiniteTravelogues 구현 - 5개씩 fetch해옵니다. * refactor: 메인페이지에서 useInfiniteTravelogues 사용하도록 수정 * feat: Drawer 컴포넌트 구현 * feat: Header 컴포넌트에 Drawer 추가 * test: Drawer storybook 추가 * feat: Drawer 컴포넌트 style 수정 * refactor: 잘못된 image url 다루는 부분 useImageError 훅으로 분리 * feat: TravelCard 컴포넌트에서 잘못된 image url 핸들 추가 * test: TravelogueCard 컴포넌트 strorybook에 유요하지 않은 썸네일 케이스 추가 --------- Co-authored-by: jinyoung <[email protected]>
* chore: 업데이트된 다른 파일과 동기화 * feat(TravelPlansTabContent): 컴포넌트 구현 * feat(TravelPlansDetail): 컴포넌트 구현 * refactor(TravelogueDetailPage): 타입 분리 및 TransformBottomSheet props 수정에 따른 변경
Co-authored-by: choi river <[email protected]> Co-authored-by: simorimi <[email protected]>
* refactor: 네이밍 변경에 따른 수정 및 불 필요한 코드 삭제 Co-authored-by: choi river <[email protected]> Co-authored-by: simorimi <[email protected]> * refactor: 스타일링 조정 및 stylelint에 맞게 순서 수정 * refactor(storybook): decorator 수정 * chore(createPathElement): 설정 * fix(router): router 수정 1. travelPlans url에 TravelPlansDetailPage 추가 2. travelPlansRegister url에 TravelPlanRegisterPage 추가 * fix(Header): title style 변경 align-items center 추가 * fix(Drawer): DrawerHeader 스타일 조정 align-items center 추가 * fix(TravelogueCard): 카드 디자인 시안 변경 1. CardHeader가 밑으로 가도록 변경 2. Layout의 animation 제거 후 border 관련 스타일 추가 * fix(TravelPlansTabContent): name을 placeName으로 변경 * fix: ROUTE_PATHS 수정 1. travelPlans 추가 2. travelPlansRegister의 url endpoint 변경 * refactor(TravelPlansTabContent): stylelint 적용 * refactor(TravelogueDetailPage): 불필요한 import 제거 * test(MultiImageUpload): storybook 오류 수정 * test(ThumbnailUpload): ThumbnailUpload 스토리북 수정 * refactor(MainPage): stylelint 적용 * fix(TravelPlansDetail): 여행 계획 api 오류 수정 1. headers 추가(Authorization) 2. queryKey 변경 3. useGetTravelPlan 분리 * fix(Header): 헤더 관련 오류 수정 1. 로그인 내 click 액션 시 로그인 페이지로 이동하도록 수정 2. access token 결과에 따라 로그인/로그아웃 분기 처리하도록 변경 3. HeaderTitle 컴포넌트 제거 * chore: type 관련 import sort 추가 * fix: TravelPlanRegisterPage navigate url 수정 * feat(asset): svg-icons.json 내 asset 추가 * feat: MainPage 내 FloatingButton 추가 * refactor(useGetTravelPlan): queryFn 형태 변경 * fix(TravelogueDetailPage): margin-top 변경 * fix(TransformBottomSheet): text-align center 변경 * refactor: declare file 관리 1. 불필요한 emotion.d.ts 파일 제거 2. style.d.ts에 모든 declare type 추가 * chore: context path alias 설정 추가 * chore: jest 내 moduleNameMapper 수정 * refactor(AvatarCircle): userAvatar props 변경 profileImageUrl로 변경 * test(AvatarCircle): argTypes(userAvatar)를 profileImageUrl로 변경 * refactor: App 내 Context들 UserProvider로 분리 * refactor: useUser hook 분리 * style: 불필요한 파일 제거 * fix(Header): 로그인 화면에서 뒤로가기 아이콘의 색이 잘못된 이슈 해결 * refactor(TravelPlansDetailPage): Context import 경로 및 네이밍 변경 * refactor(Container): stylelint 적용 * refactor(MainPage): TravelogueCard 컴포넌트 내 key prop 추가 * fix(LoginPage): 뚜리 이미지가 배포 환경에서 보이지 않는 문제 해결 webp에서 gif 파일로 변경 * refactor(KakaoCallbackPage): UseSetUseContext import 경로 및 네이밍 변경 * refactor(TravelogueCard): AvatarCircle prop name 변경 * refactor(TravelPlansDetail): stylelint 적용 * refactor(PlaceDetailCard): 이미지가 1개 일때 캐러셀이 아닌 일반 이미지를 보여주도록 변경 * refactor(TravelogueDetailPage): TitleContainer 스타일 변경 * refactor(TravelogueDetailPage): font title이 아닌 subtitle로 변경 * feat: favicon 추가 * chore: storybook path alias 추가(contexts) * chore: 변경사항 반영 * refactor: queries 디렉터리 구조 변경 * chore: 불필요한 console.log 제거 * refactor(useImageUpload): 해당 hook 제거 local state로 관리하는 것이 아닌 서버로 부터 받은 url을 컴포넌트에 주입하는 방식으로 변경 * refactor(TravelogueDetailPage): 리액트 쿼리 hook 로직 분리 useGetTravelogue로 분리 --------- Co-authored-by: choi river <[email protected]> Co-authored-by: simorimi <[email protected]>
* fix: __tests__ 내 jest 타입 에러 해결 * chore: styled 파일 내 stylelint 적용 * chore: 프론트엔드 ci 설정 github actions 추가 * chore: jest-junit 의존성 추가 * chore: jest.config.js 내 reporters 옵션 추가 * chore: ci 스크립트 내 check 코멘트 추가 * feat: 통과 하는 테스트 추가 * test: 예제 테스트 제거 * chore: jest 설정 내 --passWithNoTests config 추가
* feat: 아코디언 toggle trigger부분을 확장 * feat: FloatingButton이 가려지지 않게 z-index 추가 * feat: description에 포함된 개행 문자 적용되도록 수정 * feat: tab 컴포넌트에서 3일 이상인 경우 마지막 tab은 반만 보이도록 구현 * fix: 이미지와 컨테이너 border가 각각 보이는 부분 수정 * chore: yarn.lock 업데이트
* refactor(TravelogueDetailPage): 여행기 상세 페이지 이동 시 최상단으로 스크롤 되도록 변경 * refactor(TravelPlanDetailPage): 여행 계획 상세 페이지 이동 시 최상단으로 스크롤 되도록 변경
* refactor(useTravelogueDays): 여행기 등록 페이지 default export로 변경 * refactor(useTravelogueForm): 여행기 form에 대한 책임을 useTravelogueForm으로 분리 1. 여행기 제목에 대한 책임을 useTravelogueTitle로 분리 2. 여행기 썸네일에 대한 책임을 useTravelogueThumbnail로 분리 3. 여행기 등록에 대한 책임을 useTravelogueRegister로 분리 4. useTravelogueForm 추가 * refactor(useMultiImageUpload): 다중 이미지 업로드 로직에 대한 리팩터링 1. TravelogueDayAccordion과 TravelogueMultiImageUpload 내 isPaused 및 onRequestAddImage 제거 2. useImageUpload 내 props 형태 변경 및 usePostUploadImages hook을 내부에 추가 * refactor(TravelogueRegisterPage): 페이지 리팩터링 form에 대한 책임을 useTravelogueForm에 위임하여 비즈니스 로직을 컴포넌트 내 제거 * refactor(ThumbnailUpload): fileRef와 click 핸들러를 내부에서 관리하는 것으로 변경 * refactor: 인증된 사용자가 아닌 경우 redirect 시키는 hook 분리 1. useAuthRedirect hook 분리 2. 해당 hook을 여행기 & 여행 계획 등록 페이지 내 적용 * refactor: useToggle 훅을 통해 open, close 하도록 변경 1. open, close에 대한 useToggle hook 추가 2. 해당 hook을 여행기 & 여행 계획 등록 페이지 내 적용 * refactor(travelTransform): TravelTransformPlace의 타입을 유틸리티 타입으로 개선 * refactor(TravelogueRegisterPage): useTravelogueForm 형태 변경 1. useTravelogueForm 내 submit 하는 로직 제거(수정 페이지에서도 재사용하기 위해) 2. useTravelogueFormState로 네이밍 변경 3. TravelogueRegisterPage 내 useTravelogueRegister 위치 시키도록 변경 * refactor(TravelogueEditPage): 여행기 수정 페이지 리팩터링 1. useTravelogueFormState 재 사용 2. useTravelogueEdit 훅 분리(여행기 수정 요청) 3. travelogue 데이터 초기화에 대한 hook 추가(useTravelogueInitialization) 4. 작성자 여부 확인 hook 분리(useAuthorCheck) 5. useTravelogueTitle 내 onChangeTitle 매개변수 수정 6. 썸네일 hook 내 썸네일 초기화 시키는 핸들러 추가 * refactor(TravelPlanRegisterPage): 여행 계획 등록에 대한 책임 분리 1. useTravelPlanRegister 훅 따로 분리 2. TravelPlanRegisterPage에 반영 * refactor(TravelPlanRegisterPage): 여행 계획 수정 페이지 리팩터링 1. 여행 계획 수정에 대한 책임 분리(useTravelPlanEdit) 2. 여행 계획 초기화 hook 분리 3. useTravelPlanFormState로 네이밍 변경 4. startDate와 title에 대한 책임을 각각 분리 * refactor: useTravelPlanFormState, useTravelogueFormState 폴더구조 변경 * fix(useTravelogueFormState): ci 문제 해결 * refactor: on prefix를 handle prefix로 변경 컴포넌트 props 이외 핸들러는 handle prefix를 따라야하므로 다음과 같이 변경 * refactor(ThumbnailUpload): 불필요한 제네릭 제거 * refactor(travelTransform): import 시 type 추가 * refactor(ThumbnailUpload): 불필요한 props 개행 제거
* refactor(Drawer): 기존 헤드와 높이 달라 선 위치가 다른 문제 개선 * feat: 장소 필터링을 위하여 장소 등록시 countryCode를 보내도록 기능 구현 * refactor(AvatarCircle): props $네이밍 수정 * refactor(MyTravelogue):$ 제거에 따른 수정 * refactor(usePostUploadImages): resize 와 convert 처리 내부에서 하도록 수정 * refactor(MainPage): div semantic 태그인 button으로 수정 * feat(ProfileImageEditModalBottomSheet): 기능 구현 * feat(usePutProfile): api 명세 변경에 따라 patch를 put으로, imageUrl body 값에 부여 * refactor(AvatarCircle): props 유연하게 수정 * feat(useMyPage): 훅 구현 * feat(MyPage): 프로필 이미지 수정 기능 구현 * refactor(MyPage): 기능 단위로 pr 분리하기 위한 수정 * refactor(SearchPage): 기능 단위로 pr 분리하기 위한 수정 * refactor(useMyPage): useToggle 사용하도록 수정 * refactor(common): 반복되는 타입PlaceInfo 타입으로 선언 및 수정 * refactor(constants): 상수들 파일로 분리 * refactor(useMyPage): 책임에 따라 각각 커스텀 훅으로 분리 * refactor(constants): 상수 파일로 분리 * refactor(usePostUploadImages): max width, height 값 받을 수 있도록 수정 * refactor(usePostUploadImages): max width, height 값 받을 수 있도록 수정 * refactor(useProfileInitialization): 의존성 배열 추가 * refactor: useCallback으로 update 함수 감싸주도록 수정
* refactor(MyPage): 이모지 추가로 여행 계획, 여행기 구분 명확히 되도록 수정 * refactor(Detail): 전환이라는 용어 낯설다는 피드백 반영 * refactor(Chip): icon 컴포넌트 포함하도록 추상화 * feat(useMultiSelectionTag): animationKey 네이밍 수정 및 reset 기능 구현 * feat(useSingleSelectionTag): animationKey 및 리셋 기능 구현 * feat(MainPage): reset Button 기능 구현 * feat(assets): 리셋 버튼, 정렬 버튼 아이콘 추가 * refactor: 초기화 시 localStorage도 초기화 하도록 수정 * refactor(useTravelogueFormState): animation key 네이밍 변경에 따른 수정 * refactor: 전환 용어 변경 * refactor: 이모지 삭제 * refactor(svg-icons): 데이터 변경 * refactor(MainPage): 의존성 문제 해결 * refactor(MyPage): 프로필 이미지 수정 모달 텍스트 수정
* refactor(Header): 헤더에 사용된 IconButton들에 aria-label 추가 * refactor(Drawer): button 태그 중첩 사용 수정 * chore(MainPage): 필요 없는 공백,태그 삭제 * refactor(AvatarCircle): props 수정 * refactor(TravelogueCard): 웹 접근성 개선 - 장식 이미지에 alt 빈 값 추가 - 카드 컴포넌트 태그를 button 태그로 수정 - aria-label 추가 * refactor(Chip): as props 추가 * style(FallbackImage): color contrast 개선 * refactor(MainPage): Chip을 button으로 사용하도록 수정 * refactor(FloatingButton): 플로팅 버튼 title 추가 * feat(FocusTrap): 키보드 트랩 hook 구현 Co-Authored-By: jinyoung <[email protected]> * refactor(Modal): createPortal 위치를 #root에서 body로 변경 * refactor(FocusTrap): onEscapeFocusTrap을 옵셔널로 수정 * feat(Header): 키보드 트랩 적용 * refactor(Header): 시맨틱 태그 수정 * feat(Drawer): esc로 닫기 추가 및 열려있을 경우에만 DrawerContainer렌더링하도록 수정 - DrawerContainer를 처음부터 렌더링되어있으면 이때부터 이미 focusTrap도 같이 렌더링되어 Drawer가 열려있지 않아도 focus trap이 Drawer content 내부에 갇히는 이슈가 있었기 때문입니다. * feat(FocusTrap): 첫번째 요소에 자동 포커스 삭제 * feat(Modal): 모달에 FocusTrap 적용 * feat(MainPage): 시맨틱 태그 개선 * feat(MainPage): 모달 열림 닫힘 알림 추가 * feat(removeEmojis): 이모지를 지우고 string만 반환하는 유틸 함수 추가 * refactor(TravelogueCard): removeEmojis 유틸 함수 사용 * refactor(FloatingButton): 플로팅 버튼에 focus trap 사용 * style(FloatingButton): visual hidden 스타일 추가 * feat(VisuallyHidden): Visually hidden 컴포넌트 추가 - 웹 접근성 개선에서 사용할 수 있는 보이지 않는 컴포넌트 추가했습니다. * feat(MainPage): 태그 선택,해제시 알림 추가 * feat(MainPage): TravelogueCard 리스트 시맨틱 태그 개선 * fix(TravelogueCard): aria-live 속성 삭제 - 필터,정렬딜 때 마다 렌더링되어있는 모든 카드 aria-label이 읽히는 이슈가 있어서 삭제했습니다. * feat(MainPage): 모달 열/닫힘 알림에 VisuallyHidden 컴포넌트 사용 * refactor(Drawer): Trigger 시맨틱 태그 및 props 수정 - button 태그를 사용하고 onClick props를 받아서 button 내부에 button을 받지 않도록 하기 위함입니다. * refactor(Header): 시맨틱 태그 수정 및 button 개선 - 수정된 Drawer.Trigger에 맞춰 수정했습니다. * feat(MainPage): 여행기 로드시 새로 로드된 여행기에 focus되기 구현 * feat(MainPage): fetchButton으로 로드시 알림 및 태그 선택시 알람 추가 - fetchButton으로 여행기 로드시 알림 울리도록 구현 - 태그 선택 알림 구현 코드 일부분이 다른 부분에 딸려 들어간것같습니다.. * feat(Drawer): 사용자 메뉴 모달 열/닫힘 안내 추가 * fix(TravelogueCard): 여행기 제목 읽을 시 이모지 삭제 * refactor(FloatingButton): VisuallyHidden 컴포넌트 사용으로 수정 * refactor(FloatingButton): 상수 분리 * refactor(Chip): 화살표 함수로 수정 및 논리 연산자 수정 * refactor(removeEmojis): 함수 책임 간소화 * chore(FocusTrap): 불필요한 주석 삭제 * refactor(FocusTrap): 사용되지 않는 값들 삭제 * refactor(SearchHeader): 불필요한 option 삭제 * refactor(Drawer): usePressESC 훅 사용 * refactor(Drawer): styled component로 수정 * refactor(FloatingButton): 클로저 삭제 * chore(Header): 사용하지 않는 styled component 삭제 * styled(MainPage): theme 사용 * refactor(FloatingButton): 알림 텍스트 수정 * refactor(LoginPage): 상수 파일 분리 * feat(LoginPage): 로그인 페이지 접속시 로그인 버튼에 focus되어있기 구현 * feat(useKeyDown): 키보드로 요소 선택 및 이동 훅 구현 * feat(SingleSelectionTagModalBottomShee): 바텀 시트 모달에 keyDown 훅 추가 * feat(MainPage): 태그 선택부분에 keyDown 훅 추가 * refactor(Drawer): interface 타입 개선 * fix: 모달, 플로팅 버튼이라는 단어 대신 메뉴라는 단어로 수정 * fix(MainPage): 병합 잘못된것 수정 * chore: 파일명 컨벤션 수정 * �refactor(MainPage): 적절한 변수명으로 수정 * fix(handlers): 주석 처리 삭제 * feat(useToggle): toggle 함수 추가 * refactor(Drawer,FloatingButton): useToggle 사용 --------- Co-authored-by: jinyoung <[email protected]>
* refactor(MyPage): 프로필 이미지 수정 모달 text 변경 * feat(TravelogueList): 여행기 검색 나라 탭 추가 * refactor(Tab): 스타일링 수정 * refactor(MyTravelogue): 불필요한 스타일 제거 및 일관성을 위하여 게시일 텍스트 제거 * feat(useInfiniteMyLikes): 훅 기능 구현 * feat(MyLikes): 좋아요 탭 UI 구현 * refactor: 좋아요 버튼 클릭시 마이페이지 좋아요 무효화 하도록 수정 * refactor(MyLikes): 마이페이지텝 컴포넌트 좋아요 탭에서도 재사용하도록 수정
* feat(useTravelogueThumbnail): 썸네일 이미지에 대한 클라이언트 예외 처리 추가 * feat(useTravelogueTitle): 제목에 대한 유효성 처리 추가 1. validateTitle 추가 2. handleChangeTitle 내 유효성 검사 추가 3. isEnabledTravelogueTitle 변수 추가 4. useTravelogueFormState 내 isEnabledForm 추가 5. CharacterCount 내 css prop 뚫는 부분 추가 6. 등록 페이지 내 에러 텍스트 추가 및 disable 처리 * feat(useTravelogueDays): 날짜 정보에 대한 유효성 처리 추가 1. validate/travelogue 내 day와 place에 대한 검증 로직 추가 2. useTravelogueDays 내 검증 후 에러 메시지 state update 하도록 로직 변경 3. isEnabledTravelogueDays를 통해 날짜 및 장소에 대해 활성화 된 상태인지 확인 4. TravelogueRegisterPage 내 day 및 place에 대한 에러 메시지 추가 * feat(TravelogueEditPage): 여행기 수정 페이지 내 유효성 검증 처리 추가 * feat(useTravelPlanTitle): 여행 계획 제목에 대한 유효성 검증 추가 * feat(useTravelogueStartDate): 시작 날짜에 대한 유효성 검증 추가 * feat(useTravelPlanDays): 날짜 정보에 대한 유효성 검증 추가 * feat(TravelPlanEditPage): 여행기 수정 페이지 유효성 검증 구현 * refactor: 불필요한 console 제거 * refactor(errorMessage): 불필요한 주석 제거 * refactor(errorMessages): 변수 네이밍 변경 * refactor: 불필요한 파일 제거 * refactor(validation/travelPlan): import 내 type 추가 * refactor: 중복되는 상수 분리 * refactor(validation/travelogue): import type 추가
* feat(Text): isInline props 추가 * feat(webp): 랜딩 페이지에 사용되는 이미지들 추가 * feat(router): 랜딩 페이지 route 추가 * feat(Animation): Animation style 추가 * feat(useAnimationObserver): 애니메이션을 위한 Observer 훅 구현 * feat(FirstPage): 랜딩 페이지의 첫번째 페이지 구현 * feat(SecondPage): 랜딩 페이지의 두번째 페이지 구현 * feat(ThirdPage): 랜딩 페이지의 세번째 페이지 구현 * feat(Box): 랜딩 페이지 내에서 사용되는 Box 컴포넌트 구현 * feat(FourthPage): 랜딩 페이지의 네번째 페이지 추가 * feat(LandingPage): 랜딩 페이지에 페이지들 추가 * refactor(useScrollAnimation): hook으로 분리 * fix(SecondPage): 띄어쓰기 없어지는 이슈 수정 * chore(useAnimationObserver): 필요없는 console.log 삭제 * fix(SecondPage): 글자 개행 깨지는 이슈 수정 * fix(FourthPage): 말풍선 속 글씨 깨짐 수정 * style(Text): 조건문 css 값 수정 * fix: 라우터가 달라짐에따라 수정
* refactor(Tab): tab 포커스 받도록 수정 * fix: modal 포커스 트랩으로 인하여 탭 되지않는 문제 해결 * fix(MyPage): listStyle 먹지 않는 문제 해결 * refactor(Carousel): 불 필요한 style 제거 * refactor(Carousel): 웹 접근성 개선 * fix(Dropdown): z-index 부재로 태그에 의해 드롭다운 가려지는 현상 해결 * refactor(Tab): 탭 접근성 개선 * refactor(TravelogueDetailPage): 접근성 개선 * fix: useEffect 내 handler 무한 호출되는 문제 해결 * refactor(Thumbnail): alt 추가 * refactor(TravelogueTabContent): iconButton icon으로 수정 * refactor(Carousel): ul li 태그의 명확성을 위한 수정 * refactor(DeleteModal): 삭제 모달 열고 닫칠 때 접근성 개선 * refactor(TravelPlansTabContent): 지도 상세보기 버튼 링크로 수정 * refactor(Checkbox): 접근성 개선 * refactor(TravelPlanDetailPage): 접근성 개선 * refactor: 오타 수정 및 용어 통일 * refactor: dropdown에 usePressESC 추가 * refactor(useTravelPlanStartDate): 개행 추가
* feat(TextField): 필수 항목이면 '필수 항목입니다'를 접근성 리더기가 읽어주는 기능 구현 * feat(TravelPlanRegisterPage): input을 enter 했을 때 캘린더가 열리는 것 구현 * feat(TravelPlanRegisterPage): 캘린더가 열리고 닫힐 때 안내 메시지 추가 1. Calendar 내 esc를 눌렀을 때 닫히도록 변경 2. visual hidden 텍스트 추가 * feat(Calendar): 캘린더 이전, 이후 버튼 눌렀을 때 안내메시지 추가 1. 현재 년, 월에 대한 텍스트를 스크린 리더기가 읽도록 변경 2. 이전 버튼, 다음 버튼에 대한 설명 추가 3. Visual hidden 텍스트를 통해 이전 달로 이동할 수 없는 경우에 대한 안내 메시지 추가 * feat(Calendar): 캘린더 내 각 일을 선택 가능하도록 접근성 개선 * feat(AccordionTrigger): 아코디언 버튼을 눌렀을 때 열림, 닫힘 상태 메시지 제공 * feat(GoogleSearchPopup): 팝업이 열렸을 때 input이 포커스 간 후 접근성 메시지를 읽는 것 구현 * fix(GoogleSearchPopup): 자동완성 장소 항목을 엔터 했을 경우 런타임 에러 발생하는 부분 해결 * refactor(GoogleSearchPopup): 팝업 열렸을 때 다른 요소들이 스크린 리더기가 접근하지 못하도록 개선 * refactor(AccordionTrigger): 아코디언 버튼 aria-label 추가 * feat(PlaceTodoListItem): todo 삭제 버튼 aria-label 추가 * feat: 등록 바텀 시트 등장할 때 focus trap 적용 * fix: 전체 화면 탭이 적용되지 않는 문제 해결 EditRegisterModalBottomSheet 내 isOpen 시 렌더링 되도록 변경 * fix: ci 문제 해결
백엔드 내 던지는 예외 메시지가 2개인 이유로, 다른 예외 메시지 검증 로직 추가
* refactor(useInfiniteSearchTravelogues): api 명세 통합으로 인한 변경 useInfiniteTravelogues 내에서 검색 조건 까지 모두 처리하는 것으로 변경 * feat(TravelogueList): 여행기 검색 결과 내 필터링 ui 추가 * refactor: travelogues가 0개인 경우에도 FixedLayout으로 감싸는 것으로 변경 * fix(TravelogueList): 메인 페이지에 추가한 태그들이 검색 결과 페이지에서도 보이는 문제 해결
* style(SingleSelectionTagModalBottomSheet): 바텀 시트 css 깨지던것 수정 * feat(useUnmountAnimation): 컴포넌트 언마운트시 애니메이션 재생되는 훅 구현 * feat(MainPage): 정렬,필터 모달에 useUnmountAnimation 훅 사용 * feat(Drawer): Drawer에 useUnmountAnimation 훅 사용 * refactor(useUnmountAnimation): shouldRender를 isRendered로 수정 * fix: 프로필 사진 수정, 여행기 및 여행계획 수정 bottomSheet에 useUnmountAnimation 훅 사용 * fix(EditRegisterModalBottomSheet): 애니메이션 실종 이슈 수정 * style(FloatingButton): animation 추가 및 useUnmountAnimation 훅 사용 * style(Icon): 세로 가운데 정렬을 위한 wrapper 추가 * feat(animation): animation 토큰 추가 * refactor: Drawer,FloatingButton에서 animation 토큰 사용 * chore: 필요없는 주석 삭제 * fix(route): 앞에 / 추가 * fix(Drawer): overlay 위치 수정 - 페이지 이동할 때 마다 ovelay가 보였다가 안보이는 이슈가 있어서 수정
* fix(SearchPage): 여행기를 들어갈 때 탭이 클릭되지 않는 이슈 해결 * refactor(MyTravelPlans): 여행기 전환 텍스트 수정 * fix(TextArea): font size로 인해 확대되는 문제 수정
* fix(Checkbox): 체크 표시 보이지 않는 문제 해결 * fix(MyLikes): 여행기 보러가기 클릭시 루트 페이지로 이동하는 문제 해결 * refactor: 태그 마우스 벗어났는데도 스크롤 되는 문제 해결 * fix(Chip): 검색 페이지 갔다가 홈으로 돌아오면 에니메이션 정상적으로 작동하지 않는 문제 해결
* style(Icon): 가운데 정렬 추가 * style(FourthPage): 제목 줄바꿈 방지 설정 추가 * feat(LandingPage): TopButton 추가 --------- Co-authored-by: 손진영 <[email protected]>
* fix(FirstPage): 주소창에 가려지는 문제 해결 * fix(TravelPlanTodoItem): 투투 텍스트 정렬 다른 문제 해결
* fix(FirstPage): 주소창에 가려지는 문제 해결 * fix(TravelPlanTodoItem): 투투 텍스트 정렬 다른 문제 해결 * refactor(LandingPage): 화살표 위치 조정 및 두번째 페이지 에니메이션 제거
Test Results11 tests 11 ✅ 14s ⏱️ Results for commit 5c0fc9c. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
✅ 작업 내용
📸 스크린샷
x
🙈 참고 사항
x