💄[Design] 책 모임 메인페이지 UI 구현 #132 by wynter24 · Pull Request #146 · codeit-team3/FE

wynter24 · 2024-12-12T15:37:33Z

#️⃣연관된 이슈

#72 #132

📝작업 내용

책 모임 메인 페이지 UI 구현

미리보기, 사용방법 및 결과물

순서: PC / Tablet / Mobile

default.mp4

기타 참고사항

UI만 구현한 작업입니다.
Eslint 규칙에 의해 현재 사용되지 않는 변수나 데이터를 커밋 할 수 없기 때문에 사용되지 않은 코드는 주석 처리하였습니다.
이전에 develop>main-page-base>main-page-ui 브랜치를 생성한 것이 있어 거기서 작업하고 merge, rebase 등을 했는데... 다른 분들 커밋까지 포함이 됐네요...
이렇게 진행 하면 안 될 것 같아 우선 base로 병합 후 다른 작업하지 않고 바로 base(현재 상위 브랜치)에서 develop으로 병합 후 develop에서 하위 브랜치를 생성해서 작업해야 할 것 같습니다!

* ♻️[Refactor] chip 형태 리팩토링 * ✨[Feat] 모임 칩 구현 * ✅[Test] 테스트 코드 작성 * ✅[Test] 스토리북 경로 조정 * ♻️[Refactor] text 자동지정되도록 수정 * ✨[Feat] 기본 레이아웃 구현

…eam3/FE into 132-feature-모임-메인페이지-ui

* ♻️[Refactor] 버튼 컴포넌트 컬러클래스 코드 리팩토링, COLOR_SCHEMES 수정, 스토리북 수정 #143 * 🎨[Style]layout 배경색상 변경, 패딩값 변경

…eam3/FE into 132-feature-모임-메인페이지-ui

vercel · 2024-12-12T15:37:38Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
bookco	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 12, 2024 3:37pm

haegu97

수고하셨습니다 👍

cloud0406

수고하셨습니다~.~
주석 부분들만 추후에 작업 완료하실 때 지워주시면 좋을 것 같습니다!
얼른 카드 만들어서 드리겠습니다...

sunnwave

수고하셨습니다!!!

* 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * 💄[Design] 책 모임 메인페이지 UI 구현 #132 (#146) * ✨ [Feature] 나의 모임 카드 구현 (#142) * ♻️[Refactor] chip 형태 리팩토링 * ✨[Feat] 모임 칩 구현 * ✅[Test] 테스트 코드 작성 * ✅[Test] 스토리북 경로 조정 * ♻️[Refactor] text 자동지정되도록 수정 * ✨[Feat] 기본 레이아웃 구현 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132 * ✨[Feat] 반응형 구현 #132 * ♻️[Refactor] 버튼 컴포넌트 리팩토링 #143 (#144) * ♻️[Refactor] 버튼 컴포넌트 컬러클래스 코드 리팩토링, COLOR_SCHEMES 수정, 스토리북 수정 #143 * 🎨[Style]layout 배경색상 변경, 패딩값 변경 * 🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132 * ✨[Feat] 책모임 Mian 컴포넌트 생성 #132 * ✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132 * ♻️[Refactor] 전체 구조 개선 #132 * 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * Fix: Resolve merge conflicts in package-lock.json during rebase * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132 * ✨[Feat] 반응형 구현 #132 * 🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132 * ✨[Feat] 책모임 Mian 컴포넌트 생성 #132 * ✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132 * ♻️[Refactor] 전체 구조 개선 #132 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: sun <104830526+sunnwave@users.noreply.github.com> --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: sun <104830526+sunnwave@users.noreply.github.com>

yunsung-hodoopapa · 2024-12-14T12:04:42Z

src/features/bookclub/components/FilterBar.tsx

+  // setSelectedSorting: (value: string | undefined) => void;
+}
+
+function FilterBar({


이 컴포넌트의 네이밍이나 역할이 조금 모호한것 같아요.
조그더 설게적으로 개선이 필요해보입니다.

굳이 탭을 포함해야할까요?

상태를 프롭스로 전달받아야 할까요?

<- 비즈니스로직을 위한 커스텀 훅을 위에서 선언해서 작성할 수 있을 것 같아요. 혹은 이 안에서 모든 상태와 api 호출 역할까지 담당할 수 있을 것 같습니다.

* 💄[Design] 전역 배경 색상 및 패딩 설정 #13 * 📦[Chore] discord webhook 연결 (#25) * 📦[Chore] discord webhook 연결 * 📦[Chore] 웹훅 테스트 메시지 수정 * 📦[Chore]: 메시지 수정 * ✨ [Feature] participantcounter 컴포넌트 만들기 (#27) * ✨[Feat] 기본 tsx, test, storybook 코드 작성 * 🐛[Fix] jest test error fix * 📦[Chore] typscript-eslint version up * 📦[Chore] storybook chromaic action 조건 수전 * ✨[Feature] ConfirmedLabel 컴포넌트 개발 (#28) * 📦[Chore] 폴더명 수정 * ✅[Test] test 코드 작성 * ✨[Feat] 컴포넌트 개발 * 💄[Design] 스토리북 코드 작성 * ✨[Feat] �헤더 네비게이션 바 구현#9 (#29) * ✨[Feat] 네비게이션 바 UI, 메뉴 클릭시 해당 페이지로 라우팅 기능 구현 #9 * 💄[Design] 전역 padding 적용 body에서 main으로 수정 #9 * ♻️[Refactor] HeaderBar에서 NavButton 분리 #9 * ✅[Test] 헤더 네비게이션 바 테스트 #12 * ✅[Test] 헤더바 스토리북 코드 작성 #12 * ✨ [Feature] progressBar 컴포넌트 개발 (#30) * ✅[Test] 테스트 코드 작성 * ✨[Feat] 컴포넌트, 스토리북 개발 * ✨ [Feat] TextChip 컴포넌트 개발 (#33) * ✅[Test] 테스트 코드 작성 * ✨[Feat] 컴포넌트 개발 * 💄[Design] 스토리북 작성 * 💄[Design] rootlayout 상단 padding 추가 (#65) * ✨[Feat] 공통컴포넌트 button 구현 #11 (#37) * ✅[Test] 버튼 테스트 코드 작성 #11 * 📦[Chore] jest.config 수정 * 📦[Chore] tailwind-merge 설치 * ✨[Feat] 버튼 컴포넌트 생성 및 초기 디자인 설정 * 💄[Design] 버튼 기본 스타일 cursor-pointer로 설정 * ✅[Test] 스타일 테스트 추가 * ♻️[Refactor] Home 페이지 button 컴포넌트에 props 추가 * ♻️[Refactor] 타입 선언 type에서 interface로 변경 #11 * 💄[Design] 스토리북 코드 작성 #11 * 💄[Design] 최소 너비 설정 #11 * 📦[Chore] tailwind content 수정 #11 * 📦[Chore] tailwind content 수정 #11 * ♻️[Refactor] button props 변경 및 해당 스타일 설정 #11 * ♻️[Refactor] button props 변경 #11 * ✅[Test] 스타일 관련 테스트 코드 삭제 #11 * 💄[Design] 스토리북 args 수정 #11 * 💬[Comment] test 코드 주석 정리 #11 * ♻️[Refactor] 사이즈, 배경, 색상을 객체 리터럴로 변경 및 variant 추가 #11 * 📝[Docs] 스토리북 버튼 텍스트 및 이름 수정 #11 * ♻️[Refactor] 중복 색상 삭제 및 variantColor에 gray 추가 #11 * 🎨[Style] 상수 이름 영문 대문자 스네이크 표기법으로 변경 #11 * 🎨[Style] 깃 컨벤션 - 함수 표현식에서 함수 선언식으로 수정 #11 * 🔥[Remove] 초기 설정에 bookclub에 작성했던 button 삭제 #11 * ♻️[Refactor] 배경스타일 및 색상 variant 변경 #11 * 📝[Docs] 변경된 Button props명으로 스토리북 args 수정 #11 * ✅[Test] 변경된 props에 따른 테스트 코드 수정 #11 * 📦[Chore] ci 작업 범위 및 메시지 수정 (#53) * ✨[Feat] WrittenReview, RatingDisplay 컴포넌트 생성 #38 (#49) * ✨[Feat] 평점 표시용 RatingIcon 컴포넌트 추가 #38 * 🔥[Remove] 초시 설정때 생성된 불필요한 Button2 폴더 삭제 #38 * ♻️[Refactor] RatingIcon heartColor에서 checked로 prop 변경 #38 * ✨[Feat] 평점 공통컴포넌트 생성 #38 * ✨[Feat] RatingDisplay 스토리북 작성 #38 * ✨[Feat] WrittenReview 공통 컴포넌트 생성 #38 * ✨[Feat] WrittenReview 스토리북 작성 #38 * 🐛[Fix] WrittenReview 이미지 에러 처리 #38 * ✅[Test] WrittenReview 테스트 코드 작성 #38 * 🚚[Rename] rating에서 rating-display로 폴더명 수정 #38 * 💄[Design] 텍스트 dp font-medium 속성 추가 #38 * 📦[Chore] 줄 바꿈 스타일(LF) 통일 .gitattributes 파일 추가 #70 (#71) * ✨[Feat] Color system 및 breakpoint, storybook preview 적용 (#76) * ✨[Feat] color 시스템 도입 * ✨[Feat] 반응형 screen 및 storybook viewport 추가 * ✨[Feat] Avatar, AvatarGroup 컴포넌트 구현 (#69) * ✨[Feat] Avatar 컴포넌트 생성 * ✅[Test] avatar test 코드 작성 * ✅[Test] avatar storybook 코드 작성 * ♻️[Refactor] avatar 컴포넌트 코드 수정 * ✨[Feat] avatargroup 컴포넌트 개발 * ♻️[Refactor] avatarsize 상수 분리 * ✅[Test] avatargroup storybook 코드 작성 * ✨[Feat] avatar onClick 추가 * ✅[Test] avatar test 코드 수정 * ✅[Test] avatargroup test 코드 작성 * 🎨[Style] 따옴표 코드 포맷팅 변경 * ✨[Feat] CardList 컴포넌트 개발 (#42) * ✨[Feat] 아이콘 컴포넌트 생성 * ✨[Feat] 컴포넌트 모바일 디자인 개발 * ✅ [Test] 스토리북 및 preview 추가 #20 * 💄 [Design] padding 변경 #20 * ♻️[Refactor] tailwind config 수정 * ♻️[Refactor] textchip props 이름 변경 * 💄[Design] 반응형 적용, break point 적용 * ✨[Feat] 찜 아이콘 props 및 clickevent props 추가 * 💄[Design] boxsizing 추가 * ✨[Feat] 마감 지우기 아이콘 개발 * 💄[Design] 마감 오버레이 적용 * ✅[Test] 스토리북 여러 환경 테스트 * ♻️[Refactor] props 이름 변경 * ✅[Test] test 코드 작성 * ♻️[Refactor] 레이아웃 코드 수정, 주석 변경 * ✅[Test] 오버레이 테스트 코드 변경 * ✅[Test] 스토리북 코드 변경 * 💄[Design] text css 조정 * 🚚[Rename] 컴포넌트 이름 변경 * ✨[Feat] 아이콘 컴포넌트 생성 * ✨[Feat] 컴포넌트 모바일 디자인 개발 * ✅ [Test] 스토리북 및 preview 추가 #20 * 💄 [Design] padding 변경 #20 * ♻️[Refactor] textchip props 이름 변경 * 💄[Design] 반응형 적용, break point 적용 * ✨[Feat] 찜 아이콘 props 및 clickevent props 추가 * 💄[Design] boxsizing 추가 * ✨[Feat] 마감 지우기 아이콘 개발 * 💄[Design] 마감 오버레이 적용 * ✅[Test] 스토리북 여러 환경 테스트 * ♻️[Refactor] props 이름 변경 * ✅[Test] test 코드 작성 * ♻️[Refactor] 레이아웃 코드 수정, 주석 변경 * ✅[Test] 오버레이 테스트 코드 변경 * ✅[Test] 스토리북 코드 변경 * 💄[Design] text css 조정 * 🚚[Rename] 컴포넌트 이름 변경 * 🔥[Remove] 불필요 구문 제거 * ♻️[Refactor] tailwind config 수정 (#97) * ✨[Feat] 로그인 기능 구현 #34 (#45) * [Chore] zod, react-hook-form 설치 #34 * [Feat] label과 input으로 이루어진 입력 FormField 구현 #34 * [Feat] 제출 버튼 구현 #34 * [Feat] 로그인 입력 폼 UI 작업 완료 #34 * [Feat] 비밀번호 가리기 / 보기 기능 구현 #34 * [Test] LoginForm 테스트코드, storybook 작성 #35 * [Test] FormField 테스트코드, storybook 작성 #35 * [Test] SubmitButton 테스트코드, storybook 작성 #35 * [Rename] 각 부분 폴더 생성 #34 * [Feat] 이메일, 비밀번호 제출 기능 구현 #34 * [Test] 로그인 버튼 누르고 isSubmitting 상태인 경우 버튼 비활성화되는지 테스트코드 작성 #35 * [Test] 아이디, 비밀번호 제출되는지 테스트 코드 작성 #35 * [Feat] 이메일, 비밀번호 zod로 유효성 검사 구현 #34 * [Refactor] 비밀번호 가리기 hook으로 분리 #34 * ✨[Feat] 로그인 폼 유효성 검사 통과 시 버튼 활성화 및 색상 변경 #34 * ✨[Feat] 로그인 실패 시 에러 메시지 표시 기능 구현 #40 * ✨[Feat] 로그인 성공시 localstorage에 토큰 저장 #40 * ✨[Feat] 토큰 만료시간 지나면 토큰 삭제 기능 구현 #40 * ♻️[Refactor] 토큰 auth로만 관리 #40 * [Feat] 로그인 성공시 홈으로 리디렉션 #40 * ♻️[Refactor] 토큰 쿠키에 저장으로 변경 #34 * ♻️[Refactor] 에러메시지 상수화 #34 * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 (#44) * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 * 🐛[Fix] 빌드에러 useSearchParams Suspense 경계 추가 #43 * ♻️[Refactor] AUTH_REQUIRED_PATHS에서 교환하기 페이지 삭제 * ♻️[Refactor] placeholder 텍스트 상수로 분리 * ♻️[Refactor] onSubmit hook으로 분리 * 🐛[Fix] 충돌 해결 * 🐛[Fix] LoginForm storybook 에러 해결 (#101) * 💄[Design] 헤더 네비게이션 바 디자인 색상 변경 (#90) * 💄[Design] 헤더 바 색상 green-normal로 변경 #9 * 💄[Design] 홈 버튼 bookco로 변경 #9 * ♻️[Refactor] NAV_ITEMS 상수로 분리 #9 * 💄[Design] 네비게이션 버튼 클릭시 색상 변경 #9 * ✅[Test] NAV_ITEMS 상수 분리로 인한 테스트 코드 수정 #9 * ✨[Feat] 로그인 유저 정보 전역으로 관리 기능 구현 #105 (#106) * ✨[Feat] 로그인 유저 정보 전역으로 관리 기능 구현 #105 * ♻️[Refactor] createdAt, updatedAt 타입을 date 객체로 변경 #105 * ✨[Feat] FilterCheckbox 컴포넌트 구현 #73 (#104) * ✅[Test] AvailableClubsFilter test 코드 작성 #73 * ✅[Test] 상태 변화에 따라 변경되는 스타일 확인 테스트 추가 #73 * ✨[Feat] FilterCheckbox 컴포넌트 생성 #73 * 🚚[Rename] FilterCheckbox으로 네이밍 수정 후 공통 컴포넌트 폴더로 이동 #73 * ✨[Feat] FilterCheckbox 컴포넌트 생성 #73 * 💄[Design] label, input 디자인 수정 #73 * ✅[Test] 스토리북 이벤트 관련 로직 추가 #73 * 🎨[Style] 변경된 Tailwind theme 이름으로 수정 #73 * ✅[Test] 체크 상태에 따른 스타일 변경 테스트 케이스 추가 #73 * 🎨[Style] story label 내용 수정 #73 * ♻️[Refactor] checked 속성 필수 prop으로 변경 #73 * ✅[Test] 스토리북에 필수 prop, checked 추가 #73 * ✅[Test] 불필요한 스타일 관련 테스트 제거 #73 * ✨[Feat] common dropdown 구현 #47 (#109) * ✨[Feat] 드롭다운 컴포넌트 브랜치 생성 #47 * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 (#50) 드롭다운 스토리북 테스트코드 merge * 💄[Design] DropDown UI 구현 (#67) * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 * 💄[Design] rootlayout 상단 padding 추가 (#65) * ✨[Feat] 공통컴포넌트 button 구현 #11 (#37) * ✅[Test] 버튼 테스트 코드 작성 #11 * 📦[Chore] jest.config 수정 * 📦[Chore] tailwind-merge 설치 * ✨[Feat] 버튼 컴포넌트 생성 및 초기 디자인 설정 * 💄[Design] 버튼 기본 스타일 cursor-pointer로 설정 * ✅[Test] 스타일 테스트 추가 * ♻️[Refactor] Home 페이지 button 컴포넌트에 props 추가 * ♻️[Refactor] 타입 선언 type에서 interface로 변경 #11 * 💄[Design] 스토리북 코드 작성 #11 * 💄[Design] 최소 너비 설정 #11 * 📦[Chore] tailwind content 수정 #11 * 📦[Chore] tailwind content 수정 #11 * ♻️[Refactor] button props 변경 및 해당 스타일 설정 #11 * ♻️[Refactor] button props 변경 #11 * ✅[Test] 스타일 관련 테스트 코드 삭제 #11 * 💄[Design] 스토리북 args 수정 #11 * 💬[Comment] test 코드 주석 정리 #11 * ♻️[Refactor] 사이즈, 배경, 색상을 객체 리터럴로 변경 및 variant 추가 #11 * 📝[Docs] 스토리북 버튼 텍스트 및 이름 수정 #11 * ♻️[Refactor] 중복 색상 삭제 및 variantColor에 gray 추가 #11 * 🎨[Style] 상수 이름 영문 대문자 스네이크 표기법으로 변경 #11 * 🎨[Style] 깃 컨벤션 - 함수 표현식에서 함수 선언식으로 수정 #11 * 🔥[Remove] 초기 설정에 bookclub에 작성했던 button 삭제 #11 * ♻️[Refactor] 배경스타일 및 색상 variant 변경 #11 * 📝[Docs] 변경된 Button props명으로 스토리북 args 수정 #11 * ✅[Test] 변경된 props에 따른 테스트 코드 수정 #11 * 💄[Design] DropDown UI 구현#51 * ♻️[Refactor] variant에 filtering 추가. 드롭다운 아이템 리스트 props로 입력받도록 변경. variant에 따른 UI 변경 코드 리팩토링 #51 * 📦[Chore] ci 작업 범위 및 메시지 수정 (#53) * 💄[Design] navbar 프로필 이미지 추가 #51 * ♻️[Refactor] IcSorting color props로 입력받을 수 있도록 수정 #51 * ✨[Feat] WrittenReview, RatingDisplay 컴포넌트 생성 #38 (#49) * ✨[Feat] 평점 표시용 RatingIcon 컴포넌트 추가 #38 * 🔥[Remove] 초시 설정때 생성된 불필요한 Button2 폴더 삭제 #38 * ♻️[Refactor] RatingIcon heartColor에서 checked로 prop 변경 #38 * ✨[Feat] 평점 공통컴포넌트 생성 #38 * ✨[Feat] RatingDisplay 스토리북 작성 #38 * ✨[Feat] WrittenReview 공통 컴포넌트 생성 #38 * ✨[Feat] WrittenReview 스토리북 작성 #38 * 🐛[Fix] WrittenReview 이미지 에러 처리 #38 * ✅[Test] WrittenReview 테스트 코드 작성 #38 * 🚚[Rename] rating에서 rating-display로 폴더명 수정 #38 * 💄[Design] 텍스트 dp font-medium 속성 추가 #38 * 💄[Design] small 사이즈 규격 변경, IcSorting svg path 변경 #51 * 💬[Comment] 주석 정리 #51 * ✅[Test] PR 등록을 위한 임시 테스트 코드 작성 #51 * ✅[Test] 임시 테스트코드 수정 #51 * 🔥[Remove] sorting-button 컴포넌트 폴더 삭제 #51 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: Minkyung Kim <97824352+wynter24@users.noreply.github.com> * 📦[Chore] 줄 바꿈 스타일(LF) 통일 .gitattributes 파일 추가 #70 (#71) * ✨[Feat] Color system 및 breakpoint, storybook preview 적용 (#76) * ✨[Feat] color 시스템 도입 * ✨[Feat] 반응형 screen 및 storybook viewport 추가 * ✨[Feat] Avatar, AvatarGroup 컴포넌트 구현 (#69) * ✨[Feat] Avatar 컴포넌트 생성 * ✅[Test] avatar test 코드 작성 * ✅[Test] avatar storybook 코드 작성 * ♻️[Refactor] avatar 컴포넌트 코드 수정 * ✨[Feat] avatargroup 컴포넌트 개발 * ♻️[Refactor] avatarsize 상수 분리 * ✅[Test] avatargroup storybook 코드 작성 * ✨[Feat] avatar onClick 추가 * ✅[Test] avatar test 코드 수정 * ✅[Test] avatargroup test 코드 작성 * 🎨[Style] 따옴표 코드 포맷팅 변경 * ✨[Feat] CardList 컴포넌트 개발 (#42) * ✨[Feat] 아이콘 컴포넌트 생성 * ✨[Feat] 컴포넌트 모바일 디자인 개발 * ✅ [Test] 스토리북 및 preview 추가 #20 * 💄 [Design] padding 변경 #20 * ♻️[Refactor] tailwind config 수정 * ♻️[Refactor] textchip props 이름 변경 * 💄[Design] 반응형 적용, break point 적용 * ✨[Feat] 찜 아이콘 props 및 clickevent props 추가 * 💄[Design] boxsizing 추가 * ✨[Feat] 마감 지우기 아이콘 개발 * 💄[Design] 마감 오버레이 적용 * ✅[Test] 스토리북 여러 환경 테스트 * ♻️[Refactor] props 이름 변경 * ✅[Test] test 코드 작성 * ♻️[Refactor] 레이아웃 코드 수정, 주석 변경 * ✅[Test] 오버레이 테스트 코드 변경 * ✅[Test] 스토리북 코드 변경 * 💄[Design] text css 조정 * 🚚[Rename] 컴포넌트 이름 변경 * ✨[Feat] 아이콘 컴포넌트 생성 * ✨[Feat] 컴포넌트 모바일 디자인 개발 * ✅ [Test] 스토리북 및 preview 추가 #20 * 💄 [Design] padding 변경 #20 * ♻️[Refactor] textchip props 이름 변경 * 💄[Design] 반응형 적용, break point 적용 * ✨[Feat] 찜 아이콘 props 및 clickevent props 추가 * 💄[Design] boxsizing 추가 * ✨[Feat] 마감 지우기 아이콘 개발 * 💄[Design] 마감 오버레이 적용 * ✅[Test] 스토리북 여러 환경 테스트 * ♻️[Refactor] props 이름 변경 * ✅[Test] test 코드 작성 * ♻️[Refactor] 레이아웃 코드 수정, 주석 변경 * ✅[Test] 오버레이 테스트 코드 변경 * ✅[Test] 스토리북 코드 변경 * 💄[Design] text css 조정 * 🚚[Rename] 컴포넌트 이름 변경 * 🔥[Remove] 불필요 구문 제거 * ♻️[Refactor] common DropDown UI 리팩토링 #51 #84 (#93) * ♻️[Refactor] dropdown 리팩토링. dropdown과 sorting 버튼 분류 * ✨[Feat] 드롭다운 컴포넌트 브랜치 생성 #47 * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 (#50) 드롭다운 스토리북 테스트코드 merge * ♻️[Refactor] storybook 테스트코드 리팩토링- navbar, filtering small, filtering large로 분류하여 확인 가능 #84 * ♻️[Refactor] Avatar 컴포넌트 사용 #84 * ✅[Test] 임시 테스트코드 수정 #84 * 🔥[Remove] SortingButton.tes.tsx 파일 삭제 * ♻️[Refactor] getButton 함수명 renderButton으로 변경 #84 * ✨[Feat] 로그인 기능 구현 #34 (#45) * [Chore] zod, react-hook-form 설치 #34 * [Feat] label과 input으로 이루어진 입력 FormField 구현 #34 * [Feat] 제출 버튼 구현 #34 * [Feat] 로그인 입력 폼 UI 작업 완료 #34 * [Feat] 비밀번호 가리기 / 보기 기능 구현 #34 * [Test] LoginForm 테스트코드, storybook 작성 #35 * [Test] FormField 테스트코드, storybook 작성 #35 * [Test] SubmitButton 테스트코드, storybook 작성 #35 * [Rename] 각 부분 폴더 생성 #34 * [Feat] 이메일, 비밀번호 제출 기능 구현 #34 * [Test] 로그인 버튼 누르고 isSubmitting 상태인 경우 버튼 비활성화되는지 테스트코드 작성 #35 * [Test] 아이디, 비밀번호 제출되는지 테스트 코드 작성 #35 * [Feat] 이메일, 비밀번호 zod로 유효성 검사 구현 #34 * [Refactor] 비밀번호 가리기 hook으로 분리 #34 * ✨[Feat] 로그인 폼 유효성 검사 통과 시 버튼 활성화 및 색상 변경 #34 * ✨[Feat] 로그인 실패 시 에러 메시지 표시 기능 구현 #40 * ✨[Feat] 로그인 성공시 localstorage에 토큰 저장 #40 * ✨[Feat] 토큰 만료시간 지나면 토큰 삭제 기능 구현 #40 * ♻️[Refactor] 토큰 auth로만 관리 #40 * [Feat] 로그인 성공시 홈으로 리디렉션 #40 * ♻️[Refactor] 토큰 쿠키에 저장으로 변경 #34 * ♻️[Refactor] 에러메시지 상수화 #34 * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 (#44) * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 * 🐛[Fix] 빌드에러 useSearchParams Suspense 경계 추가 #43 * ♻️[Refactor] AUTH_REQUIRED_PATHS에서 교환하기 페이지 삭제 * ♻️[Refactor] placeholder 텍스트 상수로 분리 * ♻️[Refactor] onSubmit hook으로 분리 * 🐛[Fix] 충돌 해결 * 🎨[Style] 수정된 컬러 시스템명 적용 #84 * 🐛[Fix] LoginForm storybook 에러 해결 (#101) --------- Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com> * ✨[Feat] Dropdown 컴포넌트 onclick 이벤트 구현 (#108) * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 * 💄[Design] DropDown UI 구현#51 * ♻️[Refactor] variant에 filtering 추가. 드롭다운 아이템 리스트 props로 입력받도록 변경. variant에 따른 UI 변경 코드 리팩토링 #51 * 💄[Design] navbar 프로필 이미지 추가 #51 * ♻️[Refactor] IcSorting color props로 입력받을 수 있도록 수정 #51 * 💄[Design] small 사이즈 규격 변경, IcSorting svg path 변경 #51 * 💬[Comment] 주석 정리 #51 * ✅[Test] PR 등록을 위한 임시 테스트 코드 작성 #51 * ✅[Test] 임시 테스트코드 수정 #51 * 🔥[Remove] sorting-button 컴포넌트 폴더 삭제 #51 * ✨[Feat] 드롭다운 아이템 이외의 요소 클릭 시 드롭다운 접기 기능 구현 * ✨[Feat] 드롭다운 아이템 클릭 시 버튼 라벨을 해당 아이템 라벨로 변경되도록 구현 #68 * ♻️[Refactor] variant 별 dropdown 아이템 리스트를 props로 입력받지 않고 constants로 분리 #68 * 🎨[Style] 변수명 오타 수정 #68 * ✅[Test] DropDown 클릭이벤트 테스트코드 작성 #68 * ♻️[Refactor] useDropDownClose와 onClickDropDownItem에서 setIsOpen(false)로 드롭다운 상태 명시적으로 변경 #68 * 💬[Comment] 테스트코드 주석 추가 #68 * ✅[Test] 테스트코드 수정 #68 * 💬[Comment] 주석 정리 #68 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: Minkyung Kim <97824352+wynter24@users.noreply.github.com> Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com> * ✨[Feat] Tab 컴포넌트 구현 #107 (#111) * ✨[Feat] Tab 컴포넌트 구현 #107 * ✅[Test] Tab 컴포넌트 테스트 코드 작성 #107 * ✅[Test] Tab 컴포넌트 storybook 추가 #107 * ♻️[Refactor] TabType 메인탭, 서브탭 두개로 수정 #107 * ♻️ [Refactor] common Button UI 리팩토링 #99 (#110) * ♻️[Refactor] as const 추가 #99 * 💄[Design] isSubmitting props 추가 및 관련 스타일 추가 #99 * 💄[Design] fillType variant, themeColor 추가 #99 * 🚚[Rename] COLOR_CLASSES 대신COLOR_GROUPS으로 수정 #99 * 💄[Design] 누락된 medium variant 추가 #99 * 💄[Design] lightOutline variant 추가 #99 * ✅[Test] 스토리북에 변경된 디자인 추가 #99 * ✅[Test] 테스트 코드 props 수정 #99 * ♻️[Refactor] DEFAULT_COLOR 제거 및 잘못된 fillType 값 에러 처리 #99 * ♻️[Refactor] constants 폴더로 상수 분리 #99 * ♻️[Refactor] Button 컴포넌트에 props 기본값 추가 #99 * ♻️ [Refactor] Card Component 리팩토링 (#112) * ♻️ [Refactor] chip 컴포넌트 리팩토링 #80 (#85) * ♻️[Refactor] chip 컴포넌트 리팩토링 * 🚚[Rename] card 컴포넌트에서 chip 컴포넌트 업데이트 * ♻️[Refactor] tailwind config 수정 (#97) * ♻️[Refactor] 색상명 변경 * ♻️ [Refactor] particiapntCounter 컴포넌트 리팩토링 #81 (#86) * ♻️[Refactor] 컴포넌트 리팩토링 * ✅[Test] 스토리북 코드 변경 * ✅[Test] 컴포넌트 및 같이 사용되는 Card test 코드 변경 * ♻️[Refactor] tailwind config 수정 (#97) * ♻️[Refactor] 컬러명 변경 * ♻️ [Refactor] confirmedLabel 컴포넌트 리팩토링 #82 (#87) * ♻️[Refactor] 체크 아이콘 색상 및 props 변경 * ♻️[Refactor] 컴포넌트 디자인 수정 및 리팩토링 * ✅[Test] 스토리북 코드 수정 * ✅[Test] 테스트 코드 변경 * ♻️[Refactor] tailwind config 수정 (#97) * ✨[Feat] 로그인 기능 구현 #34 (#45) * [Chore] zod, react-hook-form 설치 #34 * [Feat] label과 input으로 이루어진 입력 FormField 구현 #34 * [Feat] 제출 버튼 구현 #34 * [Feat] 로그인 입력 폼 UI 작업 완료 #34 * [Feat] 비밀번호 가리기 / 보기 기능 구현 #34 * [Test] LoginForm 테스트코드, storybook 작성 #35 * [Test] FormField 테스트코드, storybook 작성 #35 * [Test] SubmitButton 테스트코드, storybook 작성 #35 * [Rename] 각 부분 폴더 생성 #34 * [Feat] 이메일, 비밀번호 제출 기능 구현 #34 * [Test] 로그인 버튼 누르고 isSubmitting 상태인 경우 버튼 비활성화되는지 테스트코드 작성 #35 * [Test] 아이디, 비밀번호 제출되는지 테스트 코드 작성 #35 * [Feat] 이메일, 비밀번호 zod로 유효성 검사 구현 #34 * [Refactor] 비밀번호 가리기 hook으로 분리 #34 * ✨[Feat] 로그인 폼 유효성 검사 통과 시 버튼 활성화 및 색상 변경 #34 * ✨[Feat] 로그인 실패 시 에러 메시지 표시 기능 구현 #40 * ✨[Feat] 로그인 성공시 localstorage에 토큰 저장 #40 * ✨[Feat] 토큰 만료시간 지나면 토큰 삭제 기능 구현 #40 * ♻️[Refactor] 토큰 auth로만 관리 #40 * [Feat] 로그인 성공시 홈으로 리디렉션 #40 * ♻️[Refactor] 토큰 쿠키에 저장으로 변경 #34 * ♻️[Refactor] 에러메시지 상수화 #34 * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 (#44) * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 * 🐛[Fix] 빌드에러 useSearchParams Suspense 경계 추가 #43 * ♻️[Refactor] AUTH_REQUIRED_PATHS에서 교환하기 페이지 삭제 * ♻️[Refactor] placeholder 텍스트 상수로 분리 * ♻️[Refactor] onSubmit hook으로 분리 * 🐛[Fix] 충돌 해결 * ♻️[Refactor] 디자인 컬러 변경 --------- Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com> * ♻️ [Refactor] progressBar 컴포넌트 리팩토링 #83 (#88) * ♻️[Refactor] 코드 리팩토링 및 스토리북 코드 작성 * ✅[Test] Test 로직 수정 * ♻️[Refactor] 카드 컴포넌트 바뀐 progressBar로 수정 * ♻️[Refactor] tailwind config 수정 (#97) * ✨[Feat] 로그인 기능 구현 #34 (#45) * [Chore] zod, react-hook-form 설치 #34 * [Feat] label과 input으로 이루어진 입력 FormField 구현 #34 * [Feat] 제출 버튼 구현 #34 * [Feat] 로그인 입력 폼 UI 작업 완료 #34 * [Feat] 비밀번호 가리기 / 보기 기능 구현 #34 * [Test] LoginForm 테스트코드, storybook 작성 #35 * [Test] FormField 테스트코드, storybook 작성 #35 * [Test] SubmitButton 테스트코드, storybook 작성 #35 * [Rename] 각 부분 폴더 생성 #34 * [Feat] 이메일, 비밀번호 제출 기능 구현 #34 * [Test] 로그인 버튼 누르고 isSubmitting 상태인 경우 버튼 비활성화되는지 테스트코드 작성 #35 * [Test] 아이디, 비밀번호 제출되는지 테스트 코드 작성 #35 * [Feat] 이메일, 비밀번호 zod로 유효성 검사 구현 #34 * [Refactor] 비밀번호 가리기 hook으로 분리 #34 * ✨[Feat] 로그인 폼 유효성 검사 통과 시 버튼 활성화 및 색상 변경 #34 * ✨[Feat] 로그인 실패 시 에러 메시지 표시 기능 구현 #40 * ✨[Feat] 로그인 성공시 localstorage에 토큰 저장 #40 * ✨[Feat] 토큰 만료시간 지나면 토큰 삭제 기능 구현 #40 * ♻️[Refactor] 토큰 auth로만 관리 #40 * [Feat] 로그인 성공시 홈으로 리디렉션 #40 * ♻️[Refactor] 토큰 쿠키에 저장으로 변경 #34 * ♻️[Refactor] 에러메시지 상수화 #34 * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 (#44) * ✨[Feat] 페이지별 권한에 따른 접근 처리 기능 구현 #43 * 🐛[Fix] 빌드에러 useSearchParams Suspense 경계 추가 #43 * ♻️[Refactor] AUTH_REQUIRED_PATHS에서 교환하기 페이지 삭제 * ♻️[Refactor] placeholder 텍스트 상수로 분리 * ♻️[Refactor] onSubmit hook으로 분리 * 🐛[Fix] 충돌 해결 * ♻️[Refactor] 색상 변경 --------- Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com> * merge participantcounter storybook * ✨[Feat] Card Header, Footer 레이아웃 및 스토리북 구현 * 💄[Design] 지난 모임일 경우 색상 변경 * ✨[Feat] CardHeader icon 추가 * ✨[Feat] cardHost 구현 * ✨[Feat] card Image 추가 * 💄[Design] 모바일 레이아웃 잡기 * ✨[Feat] simpleCard 컴포넌트 개발 * ✨[Feat] 오버레이 및 모임 상세 페이지 카드 구현 * ✨[Feat] 심플카드 레이아웃 및 이벤트 동작 테스트 * ✨[Feat] 심플카드 타입 정리 * ✨[Feat] fullCard 적용 및 스토리북 작성 * 🚚[Rename] type 폴더 수정 * ✅[Test] 테스트 코드 작성 * 💬[Comment] 주석 변경 * ✨[Feat] 호스트 컴포넌트 아바타 props 추가 * 💬[Comment] 주석 추가 * 💄[Design] 버튼 레이아웃 수정 * ♻️[Refactor] confimreLabe variant 받도록 추가 * ♻️[Refactor] 스토리 북 추가 * ♻️[Refactor] 체크박스 리팩토링 --------- Co-authored-by: Sungu Kim <108677235+haegu97@users.noreply.github.com> * ✨[Feat] 검색창 구현 #120 (#121) * ✨[Feat] 검색창 구현 #120 * ✅[Test] 검색창 테스트 코드 작성, storybook 생성 #120 * ♻️[Refactor] width, height prop 제거 #120 * ♻️[Refactor] 돋보기 아이콘 width, height prop으로 추가 #120 * ✨[Feat] 헤더 바에 있는 유저 버튼 드롭다운 버튼으로 변경 #103 (#118) * 💄[Design] 프로필 사진이 없는 유저 아이콘 생성 #103 * ✨[Feat] 로그인 상태에서 프로필 이미지 드롭다운 버튼으로 변경 #103 * 🔥[Remove] 테스트용 유저이미지 삭제 #103 * ✅[Test] 로그인 유무에 따른 렌더 테스트 코드 작성 #103 * ♻️[Refactor] 로그인 버튼 공용 컴포넌트 버튼으로 변경 #124 (#127) * ♻️[Refactor] 로그인 버튼 공용 컴포넌트 버튼으로 변경 #124 * 🔥[Remove] 기존 로그인 버튼 삭제 #124 * ✨[Feat] Common SortingButton 구현 #94 (#117) * ✨[Feat] 드롭다운 컴포넌트 브랜치 생성 #47 * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 (#50) 드롭다운 스토리북 테스트코드 merge * 💄[Design] DropDown UI 구현 (#67) * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 * 💄[Design] rootlayout 상단 padding 추가 (#65) * ✨[Feat] 공통컴포넌트 button 구현 #11 (#37) * ✅[Test] 버튼 테스트 코드 작성 #11 * 📦[Chore] jest.config 수정 * 📦[Chore] tailwind-merge 설치 * ✨[Feat] 버튼 컴포넌트 생성 및 초기 디자인 설정 * 💄[Design] 버튼 기본 스타일 cursor-pointer로 설정 * ✅[Test] 스타일 테스트 추가 * ♻️[Refactor] Home 페이지 button 컴포넌트에 props 추가 * ♻️[Refactor] 타입 선언 type에서 interface로 변경 #11 * 💄[Design] 스토리북 코드 작성 #11 * 💄[Design] 최소 너비 설정 #11 * 📦[Chore] tailwind content 수정 #11 * 📦[Chore] tailwind content 수정 #11 * ♻️[Refactor] button props 변경 및 해당 스타일 설정 #11 * ♻️[Refactor] button props 변경 #11 * ✅[Test] 스타일 관련 테스트 코드 삭제 #11 * 💄[Design] 스토리북 args 수정 #11 * 💬[Comment] test 코드 주석 정리 #11 * ♻️[Refactor] 사이즈, 배경, 색상을 객체 리터럴로 변경 및 variant 추가 #11 * 📝[Docs] 스토리북 버튼 텍스트 및 이름 수정 #11 * ♻️[Refactor] 중복 색상 삭제 및 variantColor에 gray 추가 #11 * 🎨[Style] 상수 이름 영문 대문자 스네이크 표기법으로 변경 #11 * 🎨[Style] 깃 컨벤션 - 함수 표현식에서 함수 선언식으로 수정 #11 * 🔥[Remove] 초기 설정에 bookclub에 작성했던 button 삭제 #11 * ♻️[Refactor] 배경스타일 및 색상 variant 변경 #11 * 📝[Docs] 변경된 Button props명으로 스토리북 args 수정 #11 * ✅[Test] 변경된 props에 따른 테스트 코드 수정 #11 * 💄[Design] DropDown UI 구현#51 * ♻️[Refactor] variant에 filtering 추가. 드롭다운 아이템 리스트 props로 입력받도록 변경. variant에 따른 UI 변경 코드 리팩토링 #51 * 📦[Chore] ci 작업 범위 및 메시지 수정 (#53) * 💄[Design] navbar 프로필 이미지 추가 #51 * ♻️[Refactor] IcSorting color props로 입력받을 수 있도록 수정 #51 * ✨[Feat] WrittenReview, RatingDisplay 컴포넌트 생성 #38 (#49) * ✨[Feat] 평점 표시용 RatingIcon 컴포넌트 추가 #38 * 🔥[Remove] 초시 설정때 생성된 불필요한 Button2 폴더 삭제 #38 * ♻️[Refactor] RatingIcon heartColor에서 checked로 prop 변경 #38 * ✨[Feat] 평점 공통컴포넌트 생성 #38 * ✨[Feat] RatingDisplay 스토리북 작성 #38 * ✨[Feat] WrittenReview 공통 컴포넌트 생성 #38 * ✨[Feat] WrittenReview 스토리북 작성 #38 * 🐛[Fix] WrittenReview 이미지 에러 처리 #38 * ✅[Test] WrittenReview 테스트 코드 작성 #38 * 🚚[Rename] rating에서 rating-display로 폴더명 수정 #38 * 💄[Design] 텍스트 dp font-medium 속성 추가 #38 * 💄[Design] small 사이즈 규격 변경, IcSorting svg path 변경 #51 * 💬[Comment] 주석 정리 #51 * ✅[Test] PR 등록을 위한 임시 테스트 코드 작성 #51 * ✅[Test] 임시 테스트코드 수정 #51 * 🔥[Remove] sorting-button 컴포넌트 폴더 삭제 #51 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: Minkyung Kim <97824352+wynter24@users.noreply.github.com> * ♻️[Refactor] dropdown 리팩토링. dropdown과 sorting 버튼 분류 * ✨[Feat] 드롭다운 컴포넌트 브랜치 생성 #47 * ✅[Test] 드롭다운 스토리북 테스트코드 구현 #48 (#50) 드롭다운 스토리북 테스트코드 merge * ♻️[Refactor] storybook 테스트코드 리팩토링- navbar, filtering small, filtering large로 분류하여 확인 가능 #84 * ♻️[Refactor] Avatar 컴포넌트 사용 #84 * ✅[Test] 임시 테스트코드 수정 #84 * 🔥[Remove] SortingButton.tes.tsx 파일 삭제 * 💄[Design] SortingButton UI 변경 적용, ✅[Test] 스토리북 테스트코드 수정 * 🎨[Style] 컬러 시스템 이름 변경 적용 #94 * ✨[Feat] sorting button onclick 이벤트 추가 #94 * ✅[Test] SortingButton jest 테스트코드 작성 * 🔥[Remove]DroptDown.stories.tsx 삭제(파일명 오타로 인해 변경했으나 merge 과정 중 삭제되지 않음) #94 * 🐛[Fix] 최신순, 오래된순 정렬 버튼일 때는 일괄적으로 그레이 컬러로 표시되도록 변경 #94 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: Minkyung Kim <97824352+wynter24@users.noreply.github.com> * ✨[Feat] 로그아웃 기능 구현 #128 (#131) * ✨[Feat] 로그아웃 기능 구현 #128 * ♻️[Refactor] 로그아웃 시 리다이렉션 router.push에서 router.replace로 수정 #128 * ♻️[Refactor] 라우팅 변경 #128 * ♻️[Refactor] 스토리북 수정 #128 * ♻️[Refactor] feature common popup #10 (#133) * 💄[Design] PopUp 컴포넌트 레이아웃 구현 #10 * ✨[Feat] PopUp의 Button 컴포넌트 구현, 스토리북 코드 작성 #31 * 💄[Design] 팝업창 css 구현 완료 ✅[Test] 팝업창 스토리북 테스트 코드 구현 완료 #10 * ✅[Test] 팝업창 스토리북 테스트코드 타입별 코드 추가 #26 * ♻️[Refactor] Button 컴포넌트 이용하여 PopUp 컴포넌트 리팩토링 #10 * 🔥[Remove] PopUpButton 컴포넌트 파일 삭제 #10 * ✅[Test] PopUp 컴포넌트 jest 테스트코드 수정 #10 * ♻️ [Refactor] Compound Pattern 적용하여 WrittenReview 컴포넌트 구조 개선 #100 (#130) * 💄[Design] WrittenReview, RatingIcon 변경된 디자인으로 수정 #100 * ♻️[Refactor] 이미지 에러 처리 로직 간소화 및 상위 컴포넌트로 책임 분리 #100 * 💄♻️[Design, Refactor] UI 디자인 변경 및 컴포넌트 컴파운드 패턴 적용 #100 * ✅[Test] 스토리북 수정 #100 * 🔥[Remove] WrittenReview 테스트 파일 삭제 #100 * 💄[Design] Sub_Tab 디자인 변경 (#136) * 💄[Design] 버튼 색상 추가 #134 * ♻️[Refactor] SubTab 디자인 변경 #134 * ♻️[Refactor] 토큰 만료 시간 추가, 헤더 바 새로고침 시 isLoggedIn 상태 확인 #137 (#138) * ♻️[Refactor] 토큰 만료기한 추가 #137 * ♻️[Refactor] 새로고침 시 토큰 유무 확인 #137 * ✅[Test] 테스트 코드 수정 #137 * ✨ [Feature] 나의 모임 카드 구현 (#142) * ♻️[Refactor] chip 형태 리팩토링 * ✨[Feat] 모임 칩 구현 * ✅[Test] 테스트 코드 작성 * ✅[Test] 스토리북 경로 조정 * ♻️[Refactor] text 자동지정되도록 수정 * ✨[Feat] 기본 레이아웃 구현 * ♻️[Refactor] 버튼 컴포넌트 리팩토링 #143 (#144) * ♻️[Refactor] 버튼 컴포넌트 컬러클래스 코드 리팩토링, COLOR_SCHEMES 수정, 스토리북 수정 #143 * 🎨[Style]layout 배경색상 변경, 패딩값 변경 * ✨[Feat] Modal 컴포넌트, 프로필 수정 / 리뷰 작성 모달 개발 #141 (#145) * ♻️[Refactor] avatar xl 사이즈 추가 #141 * ✨[Feat] 수정하기 아이콘 추가 #141 * ♻️[Refactor] className을 prop으로 받아 커스텀 디자인 할 수 있게 리팩토링 #141 * ✨[Feat] Modal 컴포넌트 개발 #141 * ✨[Feat] 프로필 수정 모달 개발 #141 * ♻️[Refactor] 오타 수정 #141 * 🚚[Rename] 프로필 수정 모달 위치 변경 #141 * ✅[Test] 테스트코드, storybook 작성 #141 * 💄[Design] 추가된 색상으로 변경 #141 * 💄[Design] margin 추가 #141 * 💄[Design] 제목 텍스트 크기 변경 #141 * ♻️[Refactor] 코드 위치 가독성 좋게 수정 #141 * ✨[Feat] 리뷰 평점 하트 개발 #141 * ✨[Feat] 리뷰 작성 모달 개발 #141 * ✅[Test] 스토리북 수정 #141 * ♻️[Refactor] 닫기 버튼 icClose로 변경 #141 * ♻️[Refactor] 하트 아이콘 ratingIcon으로 변경 #141 * 🔥[Remove] 리뷰하트아이콘 삭제 #141 * ✅[Test] 테스트 코드 수정 #141 * [Merge] 모임 페이지 branch와 develop 병합 #72 (#150) * 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * 💄[Design] 책 모임 메인페이지 UI 구현 #132 (#146) * ✨ [Feature] 나의 모임 카드 구현 (#142) * ♻️[Refactor] chip 형태 리팩토링 * ✨[Feat] 모임 칩 구현 * ✅[Test] 테스트 코드 작성 * ✅[Test] 스토리북 경로 조정 * ♻️[Refactor] text 자동지정되도록 수정 * ✨[Feat] 기본 레이아웃 구현 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132 * ✨[Feat] 반응형 구현 #132 * ♻️[Refactor] 버튼 컴포넌트 리팩토링 #143 (#144) * ♻️[Refactor] 버튼 컴포넌트 컬러클래스 코드 리팩토링, COLOR_SCHEMES 수정, 스토리북 수정 #143 * 🎨[Style]layout 배경색상 변경, 패딩값 변경 * 🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132 * ✨[Feat] 책모임 Mian 컴포넌트 생성 #132 * ✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132 * ♻️[Refactor] 전체 구조 개선 #132 * 라인 엔딩 정규화: .gitattributes 설정 반영 * 🐛[Fix] normalize line endings #72 * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * Fix: Resolve merge conflicts in package-lock.json during rebase * ✨[Feat] 모임메인페이지 Header UI 생성 #132 * 🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132 * ✨[Feat] 반응형 구현 #132 * 🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132 * ✨[Feat] 책모임 Mian 컴포넌트 생성 #132 * ✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132 * ♻️[Refactor] 전체 구조 개선 #132 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: sun <104830526+sunnwave@users.noreply.github.com> --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: sun <104830526+sunnwave@users.noreply.github.com> * ♻️[Refactor] 토큰 만료 시 유저 정보 초기화 #148 (#149) * 💄[Design] 프로필 페이지 레이아웃 구현 #119 (#152) * 💄[Design] 프로필페페이지 레이아웃 설정 #119 * 💄[Design] 프로필 페이지 레이아웃 구현 #119 * ✨[Feat] WrittenReview를 활용한 ClubReview 컴포넌트 생성 #154 (#156) * 💄[Design] nav, 공통 레이아웃 수정 #154 * ✨[Feat] ClubReview 컴포넌트 생성 #154 * ✅[Test] WrittenReview 스토리북 수정 #154 * ♻️ [Refactor] Card 리팩토링 (#151) * ✨[Feat] box, title, location, datetime 추가 * ✨[Feat] 오버레이 및 스토리북 추가 * 🚚[Rename] 스토리북 코드 이전 * ✨[Feat] 임시 디폴트 카드 및 스토리북 적용 * ✨[Feat] 디폴트 카드 레이아웃 구현 * ♻️[Refactor] clubchip variant추가 * ✨[Feat] 칩 수정 * 💄[Design 레이아웃 일부 변경및 스토리북 수정 * ✨[Feat] 책모임, 찜하기 카드 구현 완료 * 🔥[Remove] 불필요 파일 제거 * ♻️[Refactor] 오버레이 버튼 컴포넌트로 대체 * ✨[Feat] 내가 만든 모임 카드 구현 * ✨[Feat] 나의 모임 카드 구현 * ♻️[Refactor] 내가 만든모임 찜, 블러 기능 제거 * ♻️[Refactor] 인터페이스 공통화 및 주석 처리 * ♻️[Refactor] 스토리북 수정 * ✨[Feat] 상세 카드 임시 레이아웃 구현 및 스토리북 적용 * 💄[Design] 상세 카드 이미지 레이아웃 수정 * ✨[Feat] 상세 카드 구현 완료 * 🚚[Rename] 스토리북 변경 * 🚚[Rename] 불필요 코드 제거 및 이동 * 💬[Comment] 주석 처리 * button 중복 코드 제거 * 📝[Docs] 임시 주석 처리 * ✨[Feat] 회원가입 기능 구현 #91 (#163) * 💄[Design] 모임 상세 페이지 UI 구현 #147 (#166) * ✨[Feat] 모임 상세 페이지 구현을 위한 폴더 및 파일 생성 #147 * ✨[Feat] 모임 상세페이지 추가 #147 * 💄[Design] 컴포넌트 분리 및 DescriptionSection UI 생성 #147 * ♻️[Refactor] ReviewSummarySection 리뷰 점수 map으로 구현 #147 * 💄[Design] DropDown 최신순 버튼 border 제거 #147 * 💄[Design] 리뷰 목록 UI 생성 #147 * 🐛[Fix] 클라인언트 컴포넌트 표시 #147 * ♻️[Refactor] ClubReview 컴포넌트 사용 #147 * 🐛[Fix] 이미지 경로 /images/profile.png로 수정 #147 * 💄[Design] ReviewSummarySection 반응형 수정 #147 * 💄[Design] variant: 'detailedClub' - cursor-default 추가 #147 * ✨[Feat] Card 컴포넌트 적용 #147 * 📝[Docs] mockReview 수정 #147 * [Merge] 배포 테스트를 위한 병합 - 모임메인페이지 merge to develop (#169) * 🚚[Rename] 컴포넌트 네이밍 수정 #158 * ✨[Feat] UI 컴포넌트에게 가져온 데이터를 전달하기 위한 로직 작성중 #158 * ♻️[Refactor] 탭 컴포넌트 분리 #158 * ✨[Feat] API 호출 로직 작성중 #158 * ♻️[Refactor] 수정된 Card 컴포넌트 사용 #158 * 💄[Design] 드롭다운 디자인 수정중 #158 * ✨[Feat] feature page profile 프로필 컴포넌트 구현 #153 (#164) * 💄[Design] 프로필페페이지 레이아웃 설정 #119 * 💄[Design] 프로필 페이지 레이아웃 구현 #119 * 💄[Design] 프로필페이지 프로필 컴포넌트 UI 구현 #153 * 💄[Design] text 스타일 수정 #153 * ♻️[Refactor] ProfilePage 컴포넌트 프레그먼트 제거 #153 * ✨[Feat] useAuthStore 훅 사용하여 로그인한 사용자 정보 받기 추가 #153 * ✅[Test] 프로필 컴포넌트 프로필 수정하기 모달 테스트코드 작성 #153 * ✅[Test] 프로필 컴포넌트 스토리북 테스트코드 오류 수정 #153 * ✅[Test] 테스트 변수명 변경 #153 * ✅[Test] 스토리북 테스트코드 변수명 변경 #153 * ✨ [Feature] 모임 만들기 페이지 구현 (#171) * ✨ [Feature] 모임 만들기 페이지 UI (#122) * 💄[Design] 전체 레이아웃 형성 * ✨[Feat] 라벨 및 엘리멘트 요소 컴포넌트화 * 🚚[Rename] 컴포넌트 이름 변경 * ✨[Feat] maxLength 설정 * 💄[Design] 레이아웃 디테일 수정 * 💄[Design] 버튼 및 이미지 input 수정 * 💄[Design] border 색 수정 * ✨[Feat] 라디오 버튼 영역 컴포넌트화 * ✨[Feat] input요소들 컴포넌트화 * 🚚[Rename] 스키마 파일 분리 * ✨[Feat] inputFiled로 공통화 * ♻️[Refactor] 컴포넌트 컨벤션대로 변경 * 💄[Design] 루트 레이아웃 수정 * ✨[Feat] 115 feature 모임 만들기 페이지 UI api 연동 (#167) * ✨ [Feat] 모임 만들기 react-date-picker 적용 (#139) * 📦[Chore] React-datepicker 설치 * ✨[Feat] datepicker 포함 폼 데이터 전송 테스트 * ✨[Feat] 폼데이터 이미지, 북클럽 분리 * ✨[Feat] 스키마 값 백엔드 데이터대로 수정 * ✨[Feat] 한국 시간으로 날짜 데이터 변환 * ✨[Feat] 훅 분리 * ✨[Feat] 날짜 Ui 포맷 변경 * ✨[Feat] datepicker 컴포넌트 분리 * ✨[Feat] 주소 api 적용 테스트 * ✨[Feat] 오프라인 클릭시 시군구, 동 정보 저장 * ✨[Feat] 스키마 에러 메시지 추가 및 주소 훅 분리 * 💬[Comment] 주석 제거 * ✨[Feat] 생성 api 테스트 * ✨[Feat] 폼 제출 훅 분리 * 🚚[Rename] 폼 컨테이너 분리 * 🚚[Rename] 페이지 내부 컨테이너 분리 * 🚚[Rename] 이미지 필드 분리 * 🚚[Rename] 폼제출 훅 분리 * 🚚[Rename] 훅 & 컨테이너 최종 분리 * 🚚[Rename] api 코드 분리 * ✨ [Feature] 모임 만들기 페이지 디테일 수정 (#170) * ✨ [Feat] 모임 만들기 react-date-picker 적용 (#139) * 📦[Chore] React-datepicker 설치 * ✨[Feat] datepicker 포함 폼 데이터 전송 테스트 * ✨[Feat] 폼데이터 이미지, 북클럽 분리 * ✨[Feat] 스키마 값 백엔드 데이터대로 수정 * ✨[Feat] 한국 시간으로 날짜 데이터 변환 * ✨[Feat] 훅 분리 * ✨[Feat] 날짜 Ui 포맷 변경 * ✨[Feat] datepicker 컴포넌트 분리 * ✨[Feat] 주소 api 적용 테스트 * ✨[Feat] 오프라인 클릭시 시군구, 동 정보 저장 * ✨[Feat] 스키마 에러 메시지 추가 및 주소 훅 분리 * 💬[Comment] 주석 제거 * ✨[Feat] 생성 api 테스트 * ✨[Feat] 폼 제출 훅 분리 * 🚚[Rename] 폼 컨테이너 분리 * 🚚[Rename] 페이지 내부 컨테이너 분리 * 🚚[Rename] 이미지 필드 분리 * 🚚[Rename] 폼제출 훅 분리 * 🚚[Rename] 훅 & 컨테이너 최종 분리 * 🚚[Rename] api 코드 분리 * ✨[Feat] 이미지 확장자 및 사이즈 검사 * 💄[Design] 전체 레이아웃 수정 * 💄[Design] 라디오 버튼 디자인 변경 --------- Co-authored-by: cloud0406 <32586926+cloud0406@users.noreply.github.com> Co-authored-by: cloud0406 <cloud0406@naver.com> Co-authored-by: Minkyung Kim <97824352+wynter24@users.noreply.github.com> Co-authored-by: sun <104830526+sunnwave@users.noreply.github.com>

cloud0406 and others added 25 commits December 12, 2024 13:42

✨[Feat] 모임메인페이지 Header UI 생성 #132

27d525b

라인 엔딩 정규화: .gitattributes 설정 반영

5f80c91

🐛[Fix] normalize line endings #72

4830624

✨[Feat] 모임메인페이지 Header UI 생성 #132

15291ec

Merge branch '132-feature-모임-메인페이지-ui' of https://github.com/codeit-t…

72e44e7

…eam3/FE into 132-feature-모임-메인페이지-ui

🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132

103597b

✨[Feat] 반응형 구현 #132

3bbfb03

♻️[Refactor] 버튼 컴포넌트 리팩토링 #143 (#144)

e04aad8

* ♻️[Refactor] 버튼 컴포넌트 컬러클래스 코드 리팩토링, COLOR_SCHEMES 수정, 스토리북 수정 #143 * 🎨[Style]layout 배경색상 변경, 패딩값 변경

🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132

9c1ca01

✨[Feat] 책모임 Mian 컴포넌트 생성 #132

c17c098

✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132

10eb4ae

♻️[Refactor] 전체 구조 개선 #132

7db8598

라인 엔딩 정규화: .gitattributes 설정 반영

344c20f

🐛[Fix] normalize line endings #72

8310dc7

✨[Feat] 모임메인페이지 Header UI 생성 #132

4b8b3cd

Fix: Resolve merge conflicts in package-lock.json during rebase

9080a70

✨[Feat] 모임메인페이지 Header UI 생성 #132

f232275

🐛[Fix] DropDown, SortingButton 컴포넌트에 use client 추가 #132

272a29a

✨[Feat] 반응형 구현 #132

f4b8144

🐛[Fix] Card 공통 컴포넌트에 use client 추가 #132

6120df0

✨[Feat] 책모임 Mian 컴포넌트 생성 #132

af9150e

✨[Feat] 책모임 FilterBaR 컴포넌트 생성 #132

6c0afd9

♻️[Refactor] 전체 구조 개선 #132

c490ad9

Merge branch '132-feature-모임-메인페이지-ui' of https://github.com/codeit-t…

48bb6a5

…eam3/FE into 132-feature-모임-메인페이지-ui

wynter24 added 🎨 Design UI/UX 디자인과 관련된 작업 📱Mobile 모바일 관련 작업 labels Dec 12, 2024

wynter24 requested review from cloud0406, haegu97 and sunnwave December 12, 2024 15:37

wynter24 self-assigned this Dec 12, 2024

haegu97 approved these changes Dec 13, 2024

View reviewed changes

cloud0406 approved these changes Dec 13, 2024

View reviewed changes

sunnwave approved these changes Dec 13, 2024

View reviewed changes

wynter24 merged commit 4c4d61f into 72-feature-모임-메인-페이지-구현 Dec 13, 2024
5 checks passed

wynter24 deleted the 132-feature-모임-메인페이지-ui branch December 13, 2024 01:01

yunsung-hodoopapa reviewed Dec 14, 2024

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

💄[Design] 책 모임 메인페이지 UI 구현 #132#146

Hidden character warning

💄[Design] 책 모임 메인페이지 UI 구현 #132#146
wynter24 merged 25 commits into72-feature-모임-메인-페이지-구현from
132-feature-모임-메인페이지-ui

wynter24 commented Dec 12, 2024

Uh oh!

vercel bot commented Dec 12, 2024

Uh oh!

haegu97 left a comment

Uh oh!

cloud0406 left a comment

Uh oh!

sunnwave left a comment

Uh oh!

Uh oh!

yunsung-hodoopapa Dec 14, 2024

Uh oh!

yunsung-hodoopapa Dec 14, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Conversation

wynter24 commented Dec 12, 2024

#️⃣연관된 이슈

📝작업 내용

미리보기, 사용방법 및 결과물

기타 참고사항

Uh oh!

vercel bot commented Dec 12, 2024

Uh oh!

haegu97 left a comment

Choose a reason for hiding this comment

Uh oh!

cloud0406 left a comment

Choose a reason for hiding this comment

Uh oh!

sunnwave left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

yunsung-hodoopapa Dec 14, 2024

Choose a reason for hiding this comment

Uh oh!

yunsung-hodoopapa Dec 14, 2024

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants