Conversation
- 반응형 레이아웃 적용 - 로고 클릭 시 루트 페이지로 이동 - useLocation()을 활용해 페이지별 버튼 노출 조건 분기 - useLocation() 사용을 위해 BrowserRouter를 main에서 App을 감싸도록 구조 변경
- Button 컴포넌트 생성 및 variant별 스타일 정의 - primary, secondary, outlined, plus, delete variant 지원 - large, medium, small, tiny, plus, delete 사이즈 옵션 제공 - plus, delete variant는 아이콘 전용 버튼으로 구현 - outlined variant에서 emoji prop으로 이모지 아이콘 선택적 추가 지원 - 아이콘과 텍스트를 함께 표시할 수 있는 레이아웃 구현 (gap: 10px) - 각 아이콘에 className 적용으로 variant별 스타일 분리 - hover, active, focus 상태별 인터랙션 스타일 적용 - CSS transition으로 부드러운 상태 전환 효과 추가 - styled-components 기반 동적 스타일 시스템 구성 - 테스트 페이지에 버튼 컴포넌트 사용 예시 추가
- 기존 HTML button 태그를 Button 컴포넌트로 교체 - 일관된 디자인 시스템 적용을 위한 컴포넌트 통합
- 버튼 표시 페이지 목록을 PAGES_WITH_BUTTON 상수로 분리 - 새로운 페이지 추가 시 배열에 문자열만 추가하면 되도록 개선
- <Toast /> 컴포넌트 생성 및 success/delete 타입 지원 - fadeIn/fadeOut 애니메이션 적용 (0.3s) - media breakpoint 기반 반응형 디자인 적용 (small/medium/large) - ToastContext 및 ToastProvider를 통한 전역 토스트 상태 관리 - useToast 커스텀 훅 제공 (success, delete 메서드) - createPortal을 활용한 토스트 렌더링 구조 - 5초 자동 사라짐 및 수동 닫기 기능 - Fast Refresh 호환을 위한 Context 파일 분리 - 삭제 에러용 빨간색 아이콘 추가 - 토스트 테스트 페이지 추가
- CustomButton을 ButtonStyle로 네이밍 변경 - App.jsx의 미구현 라우트 주석 처리
[Feat] 공통 헤더 구현
[Feat] 공통 버튼 컴포넌트 구현
[Feat] 전역 사용 Toast 구현
- Button 컴포넌트의 variant, size를 $variant, $size로 변경 - Toast 컴포넌트의 isClosing을 $isClosing으로 변경 - Header의 HeaderWrapper에서 미사용 showButton prop 제거 - DOM으로 전달되는 커스텀 prop 경고 해결 - styled-components transient props($) 패턴 적용
- Context 파일들을 toast-provider.jsx로 통합하여 구조 단순화 - 토스트 Provider를 contexts에서 components/common으로 이동 - useToast 훅을 named export로 변경하여 일관성 개선 - 자동 닫기 및 애니메이션 타이머 관리 로직 개선 - ToastProvider import 경로를 components/common으로 변경
- 반응형 레이아웃 적용 - 로고 클릭 시 루트 페이지로 이동 - useLocation()을 활용해 페이지별 버튼 노출 조건 분기 - useLocation() 사용을 위해 BrowserRouter를 main에서 App을 감싸도록 구조 변경
- hideToast, showToast 함수를 useCallback으로 메모이제이션하여 불필요한 리렌더링 방지 - 닫기 애니메이션 타이밍 3000ms에서 300ms로 조정 - 자동 닫기 타이밍을 3000ms에서 5000ms로 조정
- /list 경로에 ListPage 컴포넌트 라우팅 설정 - App.jsx에 ListPage import 및 Route 추가 - list-page.jsx 기본 컴포넌트 생성
- 생성하기 버튼에 공용 컴포넌트 사용 - 폼 인풋 스타일 적용 - ‘상대와의 관계’, ‘폰트선택’ 드롭다운 컴포넌트 구현#
[Feat] 롤링 페이지 구현
[Feat] 카드 리스트 페이지 구현
[Feat] 컬러, 이미지 선택 토글 기능 구현 + 생성하기 버튼 API post 기능 구현
…tend into feature/message-page
Feat: 메시지 페이지 구현
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
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.
배포 내용 요약