[Feature] - touroot v1.0.1 #408
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: 손진영 <sm099@naver.com>
* 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 <87177577+jinyoung234@users.noreply.github.com>
* 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 <87177577+jinyoung234@users.noreply.github.com>
* 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: 손진영 <sm099@naver.com> Co-authored-by: jinyoung <87177577+jinyoung234@users.noreply.github.com>
* 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 <87177577+jinyoung234@users.noreply.github.com>
* chore: 업데이트된 다른 파일과 동기화 * feat(TravelPlansTabContent): 컴포넌트 구현 * feat(TravelPlansDetail): 컴포넌트 구현 * refactor(TravelogueDetailPage): 타입 분리 및 TransformBottomSheet props 수정에 따른 변경
Co-authored-by: choi river <0jenn0@users.noreply.github.com> Co-authored-by: simorimi <simorimi@users.noreply.github.com>
* refactor: 네이밍 변경에 따른 수정 및 불 필요한 코드 삭제 Co-authored-by: choi river <0jenn0@users.noreply.github.com> Co-authored-by: simorimi <simorimi@users.noreply.github.com> * 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 <0jenn0@users.noreply.github.com> Co-authored-by: simorimi <simorimi@users.noreply.github.com>
* 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 업데이트
* feat: 닉네임 수정 msw 추가 * feat: 닉네임수정 hook 구현 * fix : 닉네임 수정 api 명세에 맞춰서 msw,query,endpoint 수정 * fix: 닉네임 수정 hook에서 refetchType 수정 * feat : 마이 페이지에 프로필 수정 기능 추가 * style: 글씨 색상 theme color로 수정 * fix: 함수명을 파일명과 동일하게 수정 * fix: refetchType 삭제 - 없애도 잘되기에 삭제함 * fix: console.log를 alert로 수정 * fix : ref 사용, 닉네임을 다 지우고 수정 시도할 경우 원래 닉네임으로 되도록가도록 수정 Co-authored-by: jinyoung <87177577+jinyoung234@users.noreply.github.com> * chore: 사용되지 않는 styled 삭제 * fix : 빈 칸으로 수정 시도할 경우 원래 닉네임으로 되돌아가도록 수정 * fix: 닉네임 수정시 깜빡이며 렌더링 되는것 수정, spellcheck false로 설정 --------- Co-authored-by: jinyoung <87177577+jinyoung234@users.noreply.github.com>
* feat: 여행기 검색 무한스크롤 query 구현 * chore: 검색 아이콘 추가 * feat: 헤더에 검색 추가 * feat: SearchFallback 컴포넌트 추가 * feat: 검색 결과 페이지 구현 * feat: 검색 페이지 라우트 추가 * feat: home icon 추가 * refactor: Header 컴포넌트를 기본 Header의 basic으로 사용할 수 있도록 리팩토링 * feat: HomeHeader 구현 * feat: LogoHeader 구현 * feat: NavigationHeader 구현 * feat: SearchHeader 구현 * fix: storybook preview rootStyle이 common/Header에는 다르게 적용되도록 수정 - rootStyle에 들어가있는 padding 때문에 Header storybook에서 컴포넌트가 padding만큼 밀리는 이슈가있어서 common/Header일때는 padding이 0이 되도록 수정함 * test: Header storybook 추가 * feat: AppLayout에서 Header를 동적으로 추가 * refactor: HomeHeader -> HomePageHeader로 이름 수정 * refactor: 스타일드 컴포넌트 이름 수정 (wrapper -> container) * refactor: Header Props명 수정 * refactor: 검색어 최소 글자수 상수화 * refactor: AppLayout에서 pathname 확인 부분 상수 사용 * refactor: h1 태그 대신 Text 컴포넌트를 사용해서 리팩토링 * refactor: gap 값에 theme spacing을 사용 * refactor: gap 값에 theme spacing 사용 * chore: 코드 사이에 개행 추가 * chore: 개행추가 * refactor: Icon 대신 IconButton을 사용 * refactor: #fff 대신 primitive white 사용 * chore: 빈 파일 삭제 * refactor: dom으로 직접 접근하는 부분 ref를 사용하도록 수정 * fix: 검색어에 trim 추가 및 useInfiniteSearchTravelogues 가 keyword가 빈값이 아닐때만 요청되도록 수정 * refactor: NavigationHeader -> SearchResultPageHeader로 이름 수정 * fix: Header 이름 수정 꼬인것 수정 * refactor: Header 관련 컴포넌트 인덱싱 * fix: 검색 페이지에서 뒤로가기 누를 때, query는 그전 검색어지만 Input value는 그전 검색어가 아니던 이슈 수정 * storybook: styled의 Input이 아닌 진짜 Input.tsx 사용하도록 수정 - 로컬 환경에서는 문제없이 잘 렌더링되나, storybook에서는 값을 넣지 않은 label,maxcount,count div까지 만드는 이슈가있습니다. - 일단 style로 marginbottom에 음수를 줘서 가운데정렬된거처럼 보이게 수정은해놨습니다 * fix: build 에러 잡음
* feat: 지도 아이콘 추가 * style: Box 높이 수정 * feat: 지도 아이콘 버튼을 누르면 구글맵 사이트로 이동하도록 구현 - place 데이터 안에 구글맵 placeId가 없어 일단 lat,lng,placeName으로 구현(정확한 결과 나오지 않는것도 있음) * fix: Box 컴포넌트에서 tag 삭제 - Box에서 tag 안쓰기로해서 삭제함 * chore: 필요없는 태그 삭제 * fix: build 에러 잡기
* feat: asset(heart) 추가 * refactor(TravelogueDetailPage): 좋아요 디자인 수정 1. flex-end가 아닌 space-between으로 변경 2. gap 8px로 변경 * feat: 좋아요 관련 msw 핸들러 추가 * feat: 여행기 상세 조회 msw 핸들러 추가 * refactor: 여행기 mock 데이터 변경 isLiked 및 likeCount 추가 * refactor: 메인 페이지 여행기 핸들러 변경 request 객체 없을 경우 예외 처리 추가 * refactor(travelogue): TraveloguePayload 및 TravelogueResponse 타입 변경 1. TraveloguePayload을 Omit이 아닌 Pick으로 변경 2. TravelogueResponse 타입 내 likeCount 및 isLiked 추가 * feat(endpoint): 여행기 좋아요 endpoint 추가 * feat: 여행기 active 및 inactive 관련 query 추가 * feat(TravelogueDetailPage): 여행기 좋아요 기능 구현 * refactor(TravelogueDetailPage): 여행기를 등록한 사람만 좋아요를 토글할 수 있도록 수정 * refactor(svg-icons): heart, empty-heart에 대한 path 변경 * refactor(asset): 좋아요 svg 변경 * refactor(Icon): icon viewBox를 size로 받도록 변경 * refactor: 좋아요 icon button 사이즈 16으로 변경 * refactor: 좋아요 쿼리 관련 refetch type all로 변경 * refactor(useGetTravelogue): access token이 스토리지에 있을 경우 예외적으로 인증 헤더 추가 하도록 변경 백엔드 측에서 인증 헤더 없이는 유저 좋아요 여부를 확인하기 어렵다고 하셔서 다음과 같이 변경 * refactor(TravelogueDetailPage): 로그인 한 경우 무조건 좋아요를 할 수 있도록 변경 * refactor(Icon): viewbox를 다시 svg-icons의 width, height로 설정하도록 변경 * refactor: query 내 refetchType 없애는 걸로 변경 상세 페이지만 refetch 하도록 변경
* refactor(TravelogueRegisterPage): 썸네일 에러 발생 시 예외 처리 추가 * refactor: api endpoint 원래대로 변경
* refactor(ModalBottomSheet): 수정페이지에서도 사용하도록 props 유연하게 수정 * feat(route): 수정 페이지 route 추가 * refactor(RegisterPage): modalBottomSheet props 수정에 따른 리팩토링 * feat(DetailPage): 수정 버튼 활성화 * feat(TravelogueEditPage): UI 구현 * feat(TravelPlanEditPage): UI 구현 * refactor(errorMessage): only writer 속성명을 구체적으로 수정 * refactor: state를 set 시키는 change 함수 구현 및 반환히도록 수정 * feat(TravelogueEditPage): 초기값 설정, 태그 ui 추가 및 타 사용자가 수정하지 못하도록 막는 기능 구현 * refactor(router): 오타 수정 * refactor(BackDrop): position fixed로 수정 * refactor(useTravelogueDays): change 함수명 수정 * refactor(TravelPlanRegisterPage): mutate 네이밍 수정 * feat(errorMessage): errorMessage 추가 * refactor(PlaceTodoListItem): value 값 및 isChecked 값 받도록 수정 * feat(usePutTravelogue): 기능 구현 * feat(usePutTravelPlan): 기능 구현 * feat(useTravelPlanDays): onChange 함수 추가 * feat(TravelPlanEditPage): 값 초기화, put 요청 및 에러 처리 기능 구현 * refactor: useEffect 의존성 배열로 사용하여 useCallback으로 수정 * feat(debouncedTime): 상수화 * refactor(extractId): 재사용성을 위한 수정 * feat(extractUTCDate):UTC Date 추출 함수 유틸화 * refactor(travelPlan): days 타입 수정 * refactor: 불 필요한 css 제거 및 일관성을 위한 수정 * refactor: 명세 isChecked와 checked 불일치로 인한 수정 * refactor(TravelogueDetailPage): extractId 적용 * refactor: mutate 네이밍, 상수화, 유틸함수, Text 컴포넌트 적용 * refactor(SearchFallback): 가운데로 오도록 정렬 * refactor(SearchFallback): common으로 분리 * feat(MainPage): 태그 필터링 결과 없을 시 SearchFallback 보여주도록 구현 * refactor(MainPage): 태그 갯수 설정에 관한 설명 추가 * refactor(extractId): 네이밍 수정 * refactor: extractID 네이밍 수정 * refactor(extractId): extractLastPath 유틸화에 따른 분리 * fix(ModalBottomSheet): 에니메이션 되지 않는 문제 해결 * refactor(SearchFallback): ui 위치 수정 * refactor(TravelogueTabContent): negative margin-top 추가 * refactor(TravelPlanRegisterPage): 여행 계획 등록 subText 추가 * refactor(TravelogueDetailPage): 개행 추가 * refactor(TravelogueRegisterPage): mutate 네이밍 수정
* refactor(FloatingButton): 여행 계획 작성 추가 및 UI 수정 * refactor(FloatingButton): 작성 페이지 반대로 가게끔 되어있는 것 수정 * refactor(zIndex): 수정 * refactor(FloatingButton): subButtonContainer gap 및 padding 수정
* feat(Input) : label 속성 삭제 * feat(TextField) : TextField 컴포넌트 구현 * test(TextField): TextField 컴포넌트 storybook 추가 * feat(TravelogueRegisterPage): TextField 컴포넌트 적용 * feat(TravelPlanRegisterPage): TextField 컴포넌트 적용 * style(TextField): style 수정 * refactor(TextField): cloneElement 대신 renderProps를 쓰도록 수정 - cloneElement는 legacy라고 함 * style: isRequired 심볼 색상을 디자인 토큰에 추가 및 적용 * refactor(TextField): props 수정 * refactor(ThumbnailUpload): id 받도록 수정 - hiddenInput과 label을 정확하게 연결시켜주기 위함 * test(ThumbnailUpload): storybook에 변경된 props 적용 * test(TextField): storybook에 id 추가 * refactor(TravelogueResisterPage,TravelPlanRegisterPage): TextFiled props에 renderProp 형식으로 넘겨주도록 수정 * test(Header): Header 컴포넌트에서 IconButton을 사용하도록 리팩토링
* fix(MainPage): 여행기 1개일 때 메인 페이지 스타일 깨지는 문제 수정 * fix(TransformBottomSheet): 화살표 이외에 클릭시도 닫치게 수정 * fix(TravelogueDetailPage): 내가 작성한 여행기의 경우 바텀시트 안보이도록 수정 * fix(MyTravelPlans): 여행 계획 20자 넘어가면 ... 보이도록 수정 * fix: 빈 값의 경우 []나 '' 값으로 보내도록 수정 * fix(travelPlanRegisterPage): 테스트 오류 해결 * fix(useInfiniteTravelogues): 네트워크 오류 처리하도록 isPaused 반환 * fix(MainPage): 네트워크 오류 및 서버 오류 시 alert 던지도록 수정
* fix(useMultiImageUpload): 이미지가 있는 상태에서 다중 업로드 시 모두 업로드 되는 이슈 수정 * fix(AccordionTrigger): IconButton으로 교체 svg를 사용하고 있던 것을 IconButton으로 교체 * fix: 좋아요 크기 변경 * refactor(PlaceTodoListItem): input을 autofocus로 지정 * fix(MyPage): 닉네임 글자수 제한 추가 및 닉네임 등록 시 이전 닉네임이 보여지다 현재 닉네임으로 보여지는 문제 수정 * fix(ShareModal): 공유 버튼 간격 조정 * fix: 좋아요를 누르면 로그인 alert가 2번 뜨는 문제 해결 좋아요를 눌렀을 때 interceptor의 alert와 onError 콜백의 alert가 겹쳐 2번 alert 뜨는 문제 해결 * fix(MyPage): input이 20자 넘어가는 문제 해결 * refactor(MyPage): 닉네임 request query 함수 네이밍 개선 * refactor(ShareModal): spacing 적용 * fix: ci 문제 해결 * fix: ci 문제 해결 * fix: ci 문제 해결
* chore(package.json): babel 설정을 위한 의존성 설치 * chore: babel 관련 config 설정 추가 * chore: webpack dev, prod 분리 * chore(.gitignore): .env.local 파일 추가 * chore(.storybook/main): importSource 내 @emotion/react 추가 * chore: ci script dev, prod 분리 * chore(webpack.production): 불필요한 변수 제거 * chore: ci 스크립트 수정 * chore: yarn.lock 수정 * fix: ci 문제 해결
* feat(Input) : label 속성 삭제 * feat(TextField) : TextField 컴포넌트 구현 * test(TextField): TextField 컴포넌트 storybook 추가 * feat(TravelogueRegisterPage): TextField 컴포넌트 적용 * feat(TravelPlanRegisterPage): TextField 컴포넌트 적용 * style(TextField): style 수정 * fix(Header): $isRightContentFull 속성이름 isRightContentFull로 수정 * feat(SearchHeader): SearchHeader에 Home 아이콘 버튼 추가 * test(Header): Header 스토리북에 SearchHeader 수정사항 반영 * fix(PlaceDetailCard): 여행지 이미지가 없는 경우 FallbackImage를 보여주도록 수정 * test(PlaceDetailCard): PlaceDetailCard 스토리북에 등록한 여행지 사진이 없는 경우 추가 * fix(useInfiniteSearchTravelogues): 로그인 안해도 검색할 수 있도록 수정 * feat(TravelogueCard): TravelogueCard에서 제목이 20자보다 길어질 경우 (...)로 줄임 추가 * test(TravelogueCard): TravelogueCard 스토리북에 제목이 20자보다 길어지는 경우 추가 * fix(TravelogueResisterPage): 여행기 등록시 여행기 장소 사진 추가하지 않는 경우 payload에 빈 배열 보내기 추가 * chore(TravelogueResisterPage): 필요없는 주석 삭제 * feat: TextField 컴포넌트 적용
* feat:404 NotFound 페이지 구현 * chore(TravelPlanRegisterPage): 사용되지않는 import 구문 삭제 * fix(TravelogueEditPage,TravelPlanEditPage): label 삭제 * refactor(ThumbnailUpload): id props를 옵셔널로 수정 * fix(TravelPlanRegisterPage): import되어있지 않은 컴포넌트 import * refactor: 불필요한 것 제거 --------- Co-authored-by: 손진영 <sm099@naver.com>
* fix(useMultiImageUpload): 이미지가 있는 상태에서 다중 업로드 시 모두 업로드 되는 이슈 수정 * fix(AccordionTrigger): IconButton으로 교체 svg를 사용하고 있던 것을 IconButton으로 교체 * fix: 좋아요 크기 변경 * refactor(PlaceTodoListItem): input을 autofocus로 지정 * fix(MyPage): 닉네임 글자수 제한 추가 및 닉네임 등록 시 이전 닉네임이 보여지다 현재 닉네임으로 보여지는 문제 수정 * fix(ShareModal): 공유 버튼 간격 조정 * fix: 좋아요를 누르면 로그인 alert가 2번 뜨는 문제 해결 좋아요를 눌렀을 때 interceptor의 alert와 onError 콜백의 alert가 겹쳐 2번 alert 뜨는 문제 해결 * fix(MainPage): 여행기 1개일 때 메인 페이지 스타일 깨지는 문제 수정 * fix(TransformBottomSheet): 화살표 이외에 클릭시도 닫치게 수정 * fix(TravelogueDetailPage): 내가 작성한 여행기의 경우 바텀시트 안보이도록 수정 * fix(MyTravelPlans): 여행 계획 20자 넘어가면 ... 보이도록 수정 * fix: 빈 값의 경우 []나 '' 값으로 보내도록 수정 * fix(MyPage): input이 20자 넘어가는 문제 해결 * fix(travelPlanRegisterPage): 테스트 오류 해결 * refactor(MyPage): 닉네임 request query 함수 네이밍 개선 * refactor(ShareModal): spacing 적용 * fix(useInfiniteTravelogues): 네트워크 오류 처리하도록 isPaused 반환 * fix(MainPage): 네트워크 오류 및 서버 오류 시 alert 던지도록 수정 * chore(gitignore): .ene.local 추가 * fix(LoginFallback): 줄바뀌는 문제 해결 * fix(MainPage): 휑 멘트 및 subTitle 메시지 너비에 따라 변하도록 수정 * refactor(LoginPage): text 컴포넌트 적용 및 스타일링 수정 * refactor(KakaoCallbackPage): usePostKakaoLogin 훅 분리 및 네트워크 에러 처리 * fix(useTravelogueDays): 전환시 PhotoUrls 빈값으로 인한 오류 해결 * refactor(TravelogueDeleteModal): isPending 시 spinner 보여주도록 수정 * refactor(TravelogueDetailPage): error 및 로딩 처리 * fix: 여행기 상세 페이지 에러 시에도 스켈레톤이 보여지도록 변경 --------- Co-authored-by: 손진영 <sm099@naver.com>
* feat(useInfiniteMyTravelogues,MyTravelogues): 내 여행기 불러오기 네트워크 오류 처리 추가 * feat(useInfiniteMyTravelogues,MyTravelogues) : 프로필 정보를 잘 가져와야 내 여행기를 fetch하도록 구현, error 핸들링 추가 * feat(MyPage): 내 프로필 정보 가져오기 error 처리 추가 * feat(MyTravelPlans,useInfiniteMyTravelPlans): 내 프로필 정보를 잘 가져와야 여행계획 fetch하도록 수정 * feat(MyTravelPlan): 커밋 누락 추가 * feat(TravelPlanEditPage): 확인 버튼 클릭시 네트워크 오류면 alert창 뜨도록 수정 * feat: 검색 에러처리 (네트워크,서버오류) * feat: Query client retry 횟수 0으로 수정 * fix: 오타 수정
* fix: 여행기 등록 & 수정 페이지 로딩 및 예외 처리 * fix: 여행 계호기 상세 페이지 예외 처리 * fix: 여행 계획 등록 페이지 예외 처리
* fix(FloatingButton): 여행 계획 작성 글자 잘리는 문제 해결 * fix(useTravelPlanDays): todos 빈 배열로 보내도록 수정 * refactor(Button): children 위치 유연하게 받도록 수정 * fix(modalBottomSheet): isPending 시 spinner 보여주도록 수정 * fix(debouncedTime): 디바운스 시간 10초로 수정 * fix(Button): justify-content 안 먹는 문제 해결
* refactor(Box): Box 컴포넌트 props 수정 * feat(TravelPlansTabContent): 상세지도 보기 추가 * refactor(TravelogueCard): title을 Text 컴포넌트 사용으로 수정하여 텍스트 위 짤림 현상 수정 * fix(useInfiniteSearchTravelogues): api 올바르게 수정 * refactor(ThumbnailUpload): 이미지가 등록 중일 때 스피너가 나오도록 구현 * feat(TravelogueRegisterPage): 썸네일 업로드 후 보이는 삭제버튼 구현 * test(ThumbnailUpload): 로딩 중인 ThumbnailUpload storybook 추가 * feat(TravelogueRegisterPage): 썸네일 필수값으로 수정 * refactor(ThumbnailUpload): ThumbnailUpload에서 이미지가 change될때 isLoading 변하게 수정, border보이는 조건 수정 * fix: 썸네일 TextField 컴포넌트로 변경 * fix(ThumbnailUpload): 중복된 z-index 제거 * fix: 검색 결과 text가 이상하게 보이는 오류 해결 * fix: 썸네일 require 아닌 걸로 수정 --------- Co-authored-by: 손진영 <sm099@naver.com>
* fix: 구글맵 마커 클릭 하지 못하도록 변경 * fix: 마이페이지 alert 2번 뜨는 현상 개선 * fix: 여행 계획 변환 시 todos가 없을 경우 빈배열로 생성 * fix: 로그아웃 상태에서 좋아요 누를 때 alert 2번 뜨는 문제 해결 * fix: 여행 계획 date가 제대로 보이지 않는 문제 해결 * fix: 달 마지막 일을 시작일로 할 때 여행 계획 Day 아코디언 추가 시 다음 달로 넘어가지 않는 문제 해결 * fix(TravelPlanRegisterPage): subText 추가 * fix(MyPage): 닉네임 한글로 입력 시 21자로 입력되는 문제 해결 * fix: to do 입력 시 20자로 제한 하도록 변경 * fix: 존재하지 않는 여행 계획 시 메인 페이지로 이동하도록 변경 * fix: 여행기 수정 페이지 내 썸네일이 없을 경우 디폴트 이미지를 업로드 하도록 변경 * fix: ci 문제 해결
* fix(shareModal): 잘못된 텍스트 수정 * style(typography): line-height 수정
Test Results11 tests 11 ✅ 14s ⏱️ Results for commit 75b3da2. |
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.
✅ 작업 내용
📸 스크린샷
🙈 참고 사항