[Design] 반응형 ui #46
Assignees
Comments
Merged
yelynnn
added a commit
that referenced
this issue
Feb 8, 2025
* Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 9, 2025
* Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 * Fix: 로컬 로그인 식별 기능 * Feat: 배송지 설정 관련 API 연결 #50 배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 9, 2025
* Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * Feat: API 요청 시도. 실패 #3 * Feat: 홈페이지 API 연결 #3 get api/permit/home 연결 성공 * Fix: ProductCard에서 imgURL 연결 안됨 * Feat: 상품카드 클릭 시 링크 연결, 좋아요 클릭이벤트 전달 방지, 더보기 링크 연결 * fix: 래플 업로드 페이지 브랜치 오류로 다시 커밋 * Chore: package.json 중복 삭제 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 개최자 결과페이지 배송지 컴포넌트 추가 * Feat/raffle details #25 (#52) Feat: 홈페이지 API 연결 #3 * Feat: 로그인 여부 확인 src/context 폴더 생성 * Feat: axiosInstance에 withCredentials:true 포함 * Feat: AxiosInstance 설정, AuthContext 생성 * Feat: 검색페이지 구현 #25 * Feat: 래플 상세보기 API 연동 * Feat: 응모하기 모달 수정, 이미지 슬라이더 해결, 더보기 링크 문제 해결 #25 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 로그인 연동 확인 * Feat: RaffleDetailProps undefined 해결 * Feat: undefined error 원상복귀 * Fix: 홈페이지 api 수정 * UI 데모데이 신청 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 12, 2025
* Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 * Fix: 로컬 로그인 식별 기능 * Feat: 배송지 설정 관련 API 연결 #50 배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 12, 2025
* Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * Feat: API 요청 시도. 실패 #3 * Feat: 홈페이지 API 연결 #3 get api/permit/home 연결 성공 * Fix: ProductCard에서 imgURL 연결 안됨 * Feat: 상품카드 클릭 시 링크 연결, 좋아요 클릭이벤트 전달 방지, 더보기 링크 연결 * fix: 래플 업로드 페이지 브랜치 오류로 다시 커밋 * Chore: package.json 중복 삭제 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 개최자 결과페이지 배송지 컴포넌트 추가 * Feat/raffle details #25 (#52) Feat: 홈페이지 API 연결 #3 * Feat: 로그인 여부 확인 src/context 폴더 생성 * Feat: axiosInstance에 withCredentials:true 포함 * Feat: AxiosInstance 설정, AuthContext 생성 * Feat: 검색페이지 구현 #25 * Feat: 래플 상세보기 API 연동 * Feat: 응모하기 모달 수정, 이미지 슬라이더 해결, 더보기 링크 문제 해결 #25 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 로그인 연동 확인 * Feat: RaffleDetailProps undefined 해결 * Feat: undefined error 원상복귀 * Fix: 홈페이지 api 수정 * UI 데모데이 신청 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 12, 2025
* feat: 환전/충전 api 연결 * Feat/mypage 54 (#64) feat: 마이페이지 * Feat/responsive #57 (#63) * Fix: 페이지 짤림 문제 해결 #57 윈도우 창 크기를 조절할 때 flex를 이용해 align-items: center로 인해 페이지 왼쪽이 짤리는 문제 -> safe center 이용해 해결 * Design: 래플 업로드 페이지 태블릿뷰 #57 래플 업로드 페이지 태블릿뷰 완성 * Design: 공개 정보 설정 페이지 태블릿뷰 #57 공개 정보 설정 페이지 반응형 태블릿뷰 완성 * Design: 후기 페이지 반응형 #57 후기 남기기 페이지 반응형 태블릿뷰 완성 * Design: 배송지 설정 페이지 반응형 #57 배송지 설정 페이지 반응형 태블릿뷰 완성 * Chore: 태블릿뷰 간격 조정 #57 반응형(태블릿뷰) column-gap 조정 * Design: 배송지 설정 페이지 글자 깨짐 수정 #57 * 로컬 로그인 식별 기능 수정 (#65) Fix: 로컬 로그인 식별 기능 * Feat/address #50 (#66) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 * Fix: 로컬 로그인 식별 기능 * Feat: 배송지 설정 관련 API 연결 #50 배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat#68 UI 수정 (#69) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * Feat: API 요청 시도. 실패 #3 * Feat: 홈페이지 API 연결 #3 get api/permit/home 연결 성공 * Fix: ProductCard에서 imgURL 연결 안됨 * Feat: 상품카드 클릭 시 링크 연결, 좋아요 클릭이벤트 전달 방지, 더보기 링크 연결 * fix: 래플 업로드 페이지 브랜치 오류로 다시 커밋 * Chore: package.json 중복 삭제 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 개최자 결과페이지 배송지 컴포넌트 추가 * Feat/raffle details #25 (#52) Feat: 홈페이지 API 연결 #3 * Feat: 로그인 여부 확인 src/context 폴더 생성 * Feat: axiosInstance에 withCredentials:true 포함 * Feat: AxiosInstance 설정, AuthContext 생성 * Feat: 검색페이지 구현 #25 * Feat: 래플 상세보기 API 연동 * Feat: 응모하기 모달 수정, 이미지 슬라이더 해결, 더보기 링크 문제 해결 #25 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 로그인 연동 확인 * Feat: RaffleDetailProps undefined 해결 * Feat: undefined error 원상복귀 * Fix: 홈페이지 api 수정 * UI 데모데이 신청 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat/raffle details #25 (#62) Feat: 드로우 모달 * Feat/header #55 (#70) Feat: 최근 검색어 기능 완성 #55 - 검색 시 최근 검색어 바로 반영: zustand 이용 - 검색어 삭제 시 최근 검색어 바로 삭제 - 최근 검색어 받아오기 * feat: 충전/환전api 연결 * feat: 로그아웃 api 연결 --------- Co-authored-by: urimida <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 12, 2025
* feat: 환전/충전 api 연결 * Feat/mypage 54 (#64) feat: 마이페이지 * Feat/responsive #57 (#63) * Fix: 페이지 짤림 문제 해결 #57 윈도우 창 크기를 조절할 때 flex를 이용해 align-items: center로 인해 페이지 왼쪽이 짤리는 문제 -> safe center 이용해 해결 * Design: 래플 업로드 페이지 태블릿뷰 #57 래플 업로드 페이지 태블릿뷰 완성 * Design: 공개 정보 설정 페이지 태블릿뷰 #57 공개 정보 설정 페이지 반응형 태블릿뷰 완성 * Design: 후기 페이지 반응형 #57 후기 남기기 페이지 반응형 태블릿뷰 완성 * Design: 배송지 설정 페이지 반응형 #57 배송지 설정 페이지 반응형 태블릿뷰 완성 * Chore: 태블릿뷰 간격 조정 #57 반응형(태블릿뷰) column-gap 조정 * Design: 배송지 설정 페이지 글자 깨짐 수정 #57 * 로컬 로그인 식별 기능 수정 (#65) Fix: 로컬 로그인 식별 기능 * Feat/address #50 (#66) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 * Fix: 로컬 로그인 식별 기능 * Feat: 배송지 설정 관련 API 연결 #50 배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat#68 UI 수정 (#69) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * Feat: API 요청 시도. 실패 #3 * Feat: 홈페이지 API 연결 #3 get api/permit/home 연결 성공 * Fix: ProductCard에서 imgURL 연결 안됨 * Feat: 상품카드 클릭 시 링크 연결, 좋아요 클릭이벤트 전달 방지, 더보기 링크 연결 * fix: 래플 업로드 페이지 브랜치 오류로 다시 커밋 * Chore: package.json 중복 삭제 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 개최자 결과페이지 배송지 컴포넌트 추가 * Feat/raffle details #25 (#52) Feat: 홈페이지 API 연결 #3 * Feat: 로그인 여부 확인 src/context 폴더 생성 * Feat: axiosInstance에 withCredentials:true 포함 * Feat: AxiosInstance 설정, AuthContext 생성 * Feat: 검색페이지 구현 #25 * Feat: 래플 상세보기 API 연동 * Feat: 응모하기 모달 수정, 이미지 슬라이더 해결, 더보기 링크 문제 해결 #25 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 로그인 연동 확인 * Feat: RaffleDetailProps undefined 해결 * Feat: undefined error 원상복귀 * Fix: 홈페이지 api 수정 * UI 데모데이 신청 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat/raffle details #25 (#62) Feat: 드로우 모달 * Feat/header #55 (#70) Feat: 최근 검색어 기능 완성 #55 - 검색 시 최근 검색어 바로 반영: zustand 이용 - 검색어 삭제 시 최근 검색어 바로 삭제 - 최근 검색어 받아오기 * feat: 충전/환전api 연결 * feat: 로그아웃 api 연결 * fix: 충전/환전 api 수정 * fix: 충전 모달 수정 --------- Co-authored-by: urimida <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]>
yelynnn
added a commit
that referenced
this issue
Feb 12, 2025
* feat: 환전/충전 api 연결 * Feat/mypage 54 (#64) feat: 마이페이지 * Feat/responsive #57 (#63) * Fix: 페이지 짤림 문제 해결 #57 윈도우 창 크기를 조절할 때 flex를 이용해 align-items: center로 인해 페이지 왼쪽이 짤리는 문제 -> safe center 이용해 해결 * Design: 래플 업로드 페이지 태블릿뷰 #57 래플 업로드 페이지 태블릿뷰 완성 * Design: 공개 정보 설정 페이지 태블릿뷰 #57 공개 정보 설정 페이지 반응형 태블릿뷰 완성 * Design: 후기 페이지 반응형 #57 후기 남기기 페이지 반응형 태블릿뷰 완성 * Design: 배송지 설정 페이지 반응형 #57 배송지 설정 페이지 반응형 태블릿뷰 완성 * Chore: 태블릿뷰 간격 조정 #57 반응형(태블릿뷰) column-gap 조정 * Design: 배송지 설정 페이지 글자 깨짐 수정 #57 * 로컬 로그인 식별 기능 수정 (#65) Fix: 로컬 로그인 식별 기능 * Feat/address #50 (#66) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * gitignore 추가 * Feat: 카카오 배송지 API 연결 #50 주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능 * Chore: 안 쓰는 구 헤더 컴포넌트 삭제 * Fix: 로컬 로그인 식별 기능 * Feat: 배송지 설정 관련 API 연결 #50 배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat#68 UI 수정 (#69) * Update issue templates 이슈 템플릿 * chore: TS로 변환 - typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정 * Style: 헤더 컴포넌트 크기 수정 #1 - 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가 * Chore: router에 Header 컴포넌트 연결 - Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결 * Fix: 로그인 버튼 props 전달 수정 #1 로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함 * Feat: 카테고리 드롭다운 메뉴 기능 추가 #1 카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가 * Feat: 카테고리 드롭다운 메뉴 #1 - 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가 * Style: 세미콜론 추가 #1 Header 컴포넌트 Container 내 세미콜론 추가 * Feat: 레이아웃 및 Wrapper 스타일 추가 레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김 * Feat: 래플 업로드 페이지 추가 #10 래플 업로드 페이지 생성 * Feat: 라우터 경로 및 Wrapper 스타일 수정 #10 - 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경 * Design: Wrapper 스타일 추가 #10 Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리 * Design: 래플 업로드 페이지 UI #10 래플 업로드 페이지 UI 완성 * Feat: 제목 컴포넌트 분리 #10 공통 컴포넌트 BigTitle 생성 * chore: 환경세팅 수정 * Feat: media.tsx 파일 추가 #13 media.tsx 파일에 반응형 크기 설정 파일 생성 * feat/모달 기본 세팅 * feat/로그인 모달웹ui 구현 * chore: 미디어쿼리 공용파일 * Update router.tsx * Update index.html * Delete yarn.lock * Feat: 브레이크포인트 나누고 컴포넌트 분리 #13 PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔 * Feat: HeaderIconMenu 컴포넌트 추가 #13 태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함. * Design: 반응형 헤더 UI #13 크기에 따라 헤더 내 아이콘 등의 위치 수정하여 반응형 헤더 UI 개발 * Fix: media small 기준 수정 #13 피그마 디자인에 맞추어 small 화면 기준 390px로 수정 * Design: 태블릿 화면 비율에서 검색창과 로고 겹침 문제 해결 #13 화면 크기가 media.small보다 크고 553px보다 작을 때 장마당 로고 이미지 위치 고정 * Design: 래플 업로드 버튼 추가 * Design: 래플 업로드 버튼 추가 #13 헤더에 래플 업로드 버튼 추가 * 추가 세팅 #15 * 팔로우 취소 모달 ui #15 * section3 모달 #15 * chore/section6 모달 #15 * chore/section8 모달 #15 * feat/로그인 모달 #15 * chore/section9 모달 #15 * chore/section7 모달 #15 * Style: 헤더 사용하지 않는 이미지 import 삭제 #13 Header 파일에서 사용하지 않는 이미지 import 삭제 * Feat: textarea 속성 추가 #10 RaffleUploadPage 내 Textarea 속성에 resize: none 추가 * Feat: 래플 업로드 버튼 페이지 연결 #13 래플 업로드 버튼 눌렀을 때 래플 업로드 페이지(/raffle-upload)로 이동하도록 연결 * Design: 헤더 상단 로그인 등 메뉴 위치 수정 #1 헤더 상단에 위치한 로그인/알림/설정 메뉴 위치 수정 헤더 하단 구분선을 border-bottom 속성에서 없애고 바깥에 div 요소로 구분 * Design: 카테고리 메뉴 z-index 올림 #1 헤더 전체에 z-index:100 부여하여 카테고리 메뉴 z-index 올리기 시도 홈 페이지와 병합했을 때 의도한 것과 같이 카테고리 메뉴가 상단에 올라오는지 확인 필요 * Design: 아이콘 크기 조정 및 카테고리 호버 이벤트 추가 #1 - 아이콘 이미지 및 글자 크기 수정 - 카테고리 메뉴 호버 시 테두리 생기도록 이벤트 추가 * Style: Header에서 사용되지 않는 styled component 삭제 #1 Header 파일에서 사용하지 않는 styled component 및 주석 삭제 close issue #1 * feat/로그인 모달 연결 #18 * feat/환전충전 페이지 구현 #18 * Feat: 로컬 이미지 기능 연결 #10 상품 이미지 삽입하는 블록 스타일 수정 및 로컬 파일 연결 카테고리 선택에 option 추가 * chore/환경세팅 * Design: 카테고리 스타일 조절 #10 카테고리 화살표 변경 및 카테고리, input, textarea 내부 padding값 수정 * Feat: address 주소 추가 router에 address 경로 추가 및 기본 폴더 구조, 페이지 생성 * Design: productCard, smallProductCard, homepage UI 수정 / adBanner 추가 수정 해야함 #3 * Rename: 컴포넌트 파스칼케이스로 변경 #3 * Design: 배송지 설정 페이지 UI #17 배송지 설정 페이지 UI 큰 틀 개발 * Design: 배송지 선택 버튼 UI #17 배송지 설정 선택/선택 취소 버튼 UI 구현 * Feat: 배송지 선택 svg 컴포넌트 이용 #17 - svg 컴포넌트 이용 위한 패키지 설치 - vite-plugin-svgr, @svgr/rollup -D 설치 - svg 컴포넌트 이용해 선택할 때마다 체크박스 UI 변하도록 조정 * Design: 체크박스 버튼 크기 조정 #17 체크박스 svg 아이콘 살짝 잘리는 부분 없애기 위해 크기 조정 * feat/드로우 모달 ui #15 * Fix: 병합 충돌 해결 #3 * Fix: raffleDetail(미완) 주석처리 * Feat: raffleDetail 생성 * feat/광고 슬라이드 ui 수정 #3 * fix: 머지 충돌 해결 * Feat: 공개 정보 설정 페이지 UI #24 공개 정보 설정 페이지 UI 완성 * Feat: 후기 남기기 페이지 UI 개발 #23 후기 남기기 페이지 개발: 평점 남기기 별 컴포넌트 외에 완성 * Design: 버튼 hover 커서 포인터 #23 버튼에 hover 시 커서 모양 포인터로 변경 * Feat: 래플 상세보기 페이지 구현 #25 * Design: 래플 전체보기 위치 수정 * feat: 래플 상세페이지 상품부분 ui * 공용 컴포넌트 리뷰 별 구현현 * 공용 컴포넌트 별 구현현 * Create pull_request_template.md * Feat: 래플 상세보기 조건부 렌더링, mock data 수정, 도넛 차트 생성 * Feat: 응모하기 모달 연결 #25 * Feat: svg 아이콘 컴포넌트화 진행 중 #5 알림 svg 아이콘 컴포넌트화 진행 중 에러 발생 #17 브랜치 병합 필요 * Chore: 반응형 아이콘 메뉴 숨김 반응형 아이콘 메뉴는 반응형 디자인 전에는 사용이 불필요하여 RootLayout에서 주석처리 * Feat: 조건부 렌더링 완료, 응모하기 모달 연결 * Feat: 배송지 추가 모달 생성 #17 배송지 추가 모달 생성 및 스타일 완성 * Design: 모달 스타일 수정 #17 모달 내 주소 입력창 정렬 안 맞는 부분 수정 * Feat: 모달 닫기 기능 수정 #17 모달 닫기 버튼 추가 및 모달 닫기 onClose와 clearModals 모두 이용하도록 수정 * Feat: 평점 컴포넌트 수정 및 삽입 #23 후기 작성 페이지에 평점(별점) 컴포넌트 삽입 컴포넌트 크기와 배경 색상이 맞지 않아서 일부 수정함 컴포넌트 크기: 별과 배경 크기 모두 축소 배경 색상: transparent 이용해서 배경색 투명하게 만듦 * Feat: 래플 배송지 입력 대기 ui * Feat: 래플 결과 개최자 페이지 ui 구현 * Feat: 티켓 충전 페이지 연결 #37 헤더에서 충전/환전 아이콘 클릭 시 티켓 충전/환전 페이지로 이동하도록 navigate 추가 * Feat: 래플 업로드 페이지 연결 #37 래플 업로드 페이지에서 업로드 버튼 클릭 시 나타나는 모달 연결 모달에서 업로드 버튼 클릭 시 홈페이지로 이동하도록 연결 * Feat: form submit 제어 #37 버튼 클릭시 form 자동 submit되는 현상 방지 위해 button 요소에 type=button 추가 handleSubmit 함수 업로드 버튼의 onClick에 연결 * Feat: 래플 업로드 페이지 티켓 개수 직접 입력 모달 연결 #37 래플 업로드 페이지에서 티켓 개수 직접 입력 버튼 클릭 시 TicketModal이 열리고, '설정하기' 버튼을 누르면 모달이 닫힌다. 설정한 티켓 개수 데이터를 전달하는 것은 아직 미구현 * Rename: 래플 업로드 페이지 파일 이름 수정 래플 업로드 페이지 파일 이름 camelCase 형식으로 수정 * Feat: 알림 아이콘 svg 컴포넌트화 #5 헤더의 알림 아이콘 svg 컴포넌트화하여 사용 * feat/반응형 ui * vercel 환경설정 * fix/머지 충돌 해결 * Feat: 검색 모달 요소 구현 #5 검색창 클릭 시 검색 모달이 나타나고, 외부 영역을 클릭하면 검색 모달이 사라지도록 구현 * fix/vercel 환경세팅 수정 * Feat: 검색창 입력어 state로 받아오기 #5 검색창 입력어를 state로 받아오도록 연결 * Feat: 래플 둘러보기 네비게이션 연결 전 병합 * Feat: 병합 * fix: vercel 빌드수정 * fix/svg 빌드 에러 수정 * Feat: 카테고리 메뉴 닫힘 기능 추가 #5 카테고리 메뉴 클릭 후 메뉴가 나타났을 때, 카테고리 외부 영역 클릭 시 메뉴가 닫히도록 하는 기능 추가 * Feat: 카테고리 ref 수정 #5 카테고리 외부 영역 클릭 시 드롭다운 메뉴 닫히는 기능 수정 ref를 카테고리 아이콘 전체 영역으로 옮겨서 카테고리 아이콘 클릭 시 드롭다운 메뉴가 닫혔다 나타나는 문제 해결 * Feat: 카테고리 애니메이션 추가 #5 카테고리 드롭다운 메뉴 부드럽게 떨어지는 애니메이션 추가 * chore: 로그인 반응형 Ui #46 * chore: 환경설정 수정 #46 * feat/카카오 리다이랙트 연결 * chore: 충전하기 반응형 ui #46 * feat: 반응형 공용 컴포넌트 #46 * Chore: 폴더명 변경 및 이미지 로고 수정 #5 헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경 * Refactor: 상품 배열 그리드 사용 * Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합. Feat: API 연결 준비 (백 서버 연결 전) * Feat: /(루트)로 경로 설정 * Feat: Homepage 경로 수정, AdBanner 수정(미완) * Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨 * Feat: API 요청 시도. 실패 #3 * Feat: 홈페이지 API 연결 #3 get api/permit/home 연결 성공 * Fix: ProductCard에서 imgURL 연결 안됨 * Feat: 상품카드 클릭 시 링크 연결, 좋아요 클릭이벤트 전달 방지, 더보기 링크 연결 * fix: 래플 업로드 페이지 브랜치 오류로 다시 커밋 * Chore: package.json 중복 삭제 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 이미지 연동 성공, 링크 밑줄문제 해결 * Feat: 개최자 결과페이지 배송지 컴포넌트 추가 * Feat/raffle details #25 (#52) Feat: 홈페이지 API 연결 #3 * Feat: 로그인 여부 확인 src/context 폴더 생성 * Feat: axiosInstance에 withCredentials:true 포함 * Feat: AxiosInstance 설정, AuthContext 생성 * Feat: 검색페이지 구현 #25 * Feat: 래플 상세보기 API 연동 * Feat: 응모하기 모달 수정, 이미지 슬라이더 해결, 더보기 링크 문제 해결 #25 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 카테고리별 래플 보기 링크 연결 * Feat: 로그인 연동 확인 * Feat: RaffleDetailProps undefined 해결 * Feat: undefined error 원상복귀 * Fix: 홈페이지 api 수정 * UI 데모데이 신청 --------- Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]> Co-authored-by: yelynnn <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: 김예린 <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> * Feat/raffle details #25 (#62) Feat: 드로우 모달 * Feat/header #55 (#70) Feat: 최근 검색어 기능 완성 #55 - 검색 시 최근 검색어 바로 반영: zustand 이용 - 검색어 삭제 시 최근 검색어 바로 삭제 - 최근 검색어 받아오기 * feat: 충전/환전api 연결 * feat: 로그아웃 api 연결 * fix: 충전/환전 api 수정 * fix: 충전 모달 수정 * fix: 충전 api 에러 해결 --------- Co-authored-by: urimida <[email protected]> Co-authored-by: HAEUN LEE <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: jade <[email protected]> Co-authored-by: woals2840 <[email protected]> Co-authored-by: devhaeun <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
목적
작업 상세 내용
유의사항
The text was updated successfully, but these errors were encountered: