Feat/address #50 #66

devhaeun · 2025-02-09T13:24:08Z

📑 이슈 번호

close #50

✨️ 작업 내용

배송지 설정 관련 API 연결 완료
(배송지 불러오기, 배송지 추가/삭제, 기본 배송지 변경)

💙 코멘트

배송지 설정 화면 UI 간격은 차후에 다시 조정 예정

📸 구현 결과

이슈 템플릿

- typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정

- main.tsx 수정 - SearchBox 컴포넌트 TS로 수정

- 1440 크기에 맞게 전체 요소들 크기 수정 - router element에 Header 컴포넌트 추가 - 컴포넌트 이름 SearchBox -> Header 수정 - 로그인 상태에 따라 로그인/로그아웃 버튼 다르게 보이는 로직 추가 - 래플 업로드 버튼 삭제 - 충전/환전 버튼 추가

- Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결

로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함

카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가

- 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가

Header 컴포넌트 Container 내 세미콜론 추가

레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김

Feat: 헤더 컴포넌트 개발

래플 업로드 페이지 생성

develop 브랜치 병합

- 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경

Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리

래플 업로드 페이지 UI 완성

공통 컴포넌트 BigTitle 생성

media.tsx 파일에 반응형 크기 설정 파일 생성

PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔

태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함.

로그인 모달 ui 구현

헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경

Feat: API 연결 준비 (백 서버 연결 전)

로그인/충전 페이지 반응형 Ui 구현

Feature/home page #3

…to feat/header-#5

Feat/header #5

…nt-end into feat/address-#50

주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능

…to feat/address-#50

배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료

yelynnn

연결 확인했습니다

* 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: 환전/충전 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]>

* 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]>

* 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]>

woals2840 and others added 30 commits January 12, 2025 21:29

Update issue templates

916037c

이슈 템플릿

chore: TS로 변환

c4355f2

- typescript 설치 - vite.config.ts. 파일로 바꾸기 - ts.config.josn, tsconfig.node.json 파일 수정 - vite-env.d.ts 파일 생성 - 파일 형식 .jsx에서 .tsx로 수정

feat: TS로 전환

d1d73df

- main.tsx 수정 - SearchBox 컴포넌트 TS로 수정

Chore: router에 Header 컴포넌트 연결

dc4e8dd

- Header 스타일 코드 주석 삭제 - 래플 업로드 버튼의 스타일링은 다른 곳에서 사용될 가능성을 염두하여 주석 처리만 수행 - router에 기본 element로 Header 컴포넌트 연결

Fix: 로그인 버튼 props 전달 수정 #1

f084519

로그인 버튼에 전달하는 props에 string 타입으로 값을 전달하도록 수정함

Feat: 카테고리 드롭다운 메뉴 기능 추가 #1

cf463e8

카테고리 아이콘 클릭 시 드롭다운 메뉴가 나타나는 기능 추가

Feat: 카테고리 드롭다운 메뉴 #1

9671aa5

- 카테고리 아이콘 스타일 수정 - 카테고리 아이콘 클릭 시 드롭다운 메뉴 나타나도록 기능 추가

Style: 세미콜론 추가 #1

5da1834

Header 컴포넌트 Container 내 세미콜론 추가

Feat: 레이아웃 및 Wrapper 스타일 추가

01ed09c

레이아웃 폴더에 RootLayout 파일 생성 및 Wrapper 스타일 컴포넌트 옮김

Merge pull request #9 from JMarketYard/feat/search-box-#1

5f0505f

Feat: 헤더 컴포넌트 개발

Feat: 래플 업로드 페이지 추가 #10

11ecf3e

래플 업로드 페이지 생성

Fix: 브랜치 병합 #10

412681f

develop 브랜치 병합

Feat: 1440px로 크기 변경 #3

e53fcce

Feat: 라우터 경로 및 Wrapper 스타일 수정 #10

9489bc9

- 래플 업로드 페이지 라우터 경로 수정 - RootLayout을 감싼 Wrapper의 flex-direction을 column으로 변경

Design: Wrapper 스타일 추가 #10

504d76f

Wrapper 컴포넌트 스타일에 align-items를 center로 추가 justify-content: center 주석 처리

Design: 래플 업로드 페이지 UI #10

2bdabbe

래플 업로드 페이지 UI 완성

Feat: 제목 컴포넌트 분리 #10

7b8a3b7

공통 컴포넌트 BigTitle 생성

chore: 환경세팅 수정

d25bbc0

Feat: media.tsx 파일 추가 #13

f6353bf

media.tsx 파일에 반응형 크기 설정 파일 생성

feat/모달 기본 세팅

ebd65a0

feat/로그인 모달웹ui 구현

1e4b973

chore: 미디어쿼리 공용파일

a311ec9

Merge branch 'develop' into feat/login

97ab47f

Update router.tsx

ecb68db

Update index.html

1ef7586

Delete yarn.lock

9497aee

Feat: 브레이크포인트 나누고 컴포넌트 분리 #13

8469cf4

PC 화면과 태블릿/스마트폰 화면에서 헤더 디자인이 많이 달라서, PC 헤더를 ContainerLarge 컴포넌트로 분리 정의된 브레이크 포인트에 따라 화면 나눔

Feat: HeaderIconMenu 컴포넌트 추가 #13

7f03bda

태블릿/휴대폰 화면에 있는 둥근 아이콘 메뉴를 HeaderIconMenu 컴포넌트로 분리함.

Merge pull request #14 from JMarketYard/feat/login

0772ab1

로그인 모달 ui 구현

yelynnn and others added 23 commits February 3, 2025 18:48

feat/카카오 리다이랙트 연결

c880420

chore: 충전하기 반응형 ui #46

0a8143c

feat: 반응형 공용 컴포넌트 #46

cbed4e3

Chore: 폴더명 변경 및 이미지 로고 수정 #5

f410245

헤더 컴포넌트의 로고 이미지를 svg 아이콘으로 수정 searchBox 폴더명을 header로 변경

Refactor: 상품 배열 그리드 사용

7991586

Refactor: ImminentDeadline, MyLike, MyFollow를 HomeSection 컴포넌트로 통합.

f2fe479

Feat: API 연결 준비 (백 서버 연결 전)

Merge branch 'develop' into feature/home-page-#3

28fcd75

Feat: /(루트)로 경로 설정

b1f5fcd

Feat: Homepage 경로 수정, AdBanner 수정(미완)

a4cf96c

Merge pull request #47 from JMarketYard/feat/tabletUI-#46

f1282c9

로그인/충전 페이지 반응형 Ui 구현

Test: HomeData(exampleData)로 테스트

df9539e

Test: HomeData 사용, 더보기 링크만 설정, 래플 상세보기 연결 안됨

643833c

Merge pull request #39 from JMarketYard/feature/home-page-#3

42776ba

Feature/home page #3

Merge branch 'develop' of https://github.com/JMarketYard/Front-end in…

9133a9a

…to feat/header-#5

Merge pull request #44 from JMarketYard/feat/header-#5

c495c98

Feat/header #5

Merge branch 'feat/address-#50' of https://github.com/JMarketYard/Fro…

7c598f6

…nt-end into feat/address-#50

gitignore 추가

51563f7

Feat: 카카오 배송지 API 연결 #50

a812c68

주소지 첫번째 박스 클릭 시 배송지 선택 API로 연결 두 번째 박스에는 직접 상세 주소 입력 가능

병합충돌해결

11df0a6

Chore: 안 쓰는 구 헤더 컴포넌트 삭제

8a6756f

Merge branch 'develop' of https://github.com/JMarketYard/Front-end in…

15e0035

…to feat/address-#50

Fix: 로컬 로그인 식별 기능

c0dc2d5

Feat: 배송지 설정 관련 API 연결 #50

ee48b1d

배송지 불러오기, 추가, 삭제, 기본 배송지 변경 API 연결 완료

yelynnn approved these changes Feb 9, 2025

View reviewed changes

yelynnn merged commit de7df86 into develop Feb 9, 2025

devhaeun deleted the feat/address-#50 branch February 18, 2025 16:07

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Feat/address #50 #66

Feat/address #50 #66

devhaeun commented Feb 9, 2025

yelynnn left a comment

Feat/address #50 #66

Feat/address #50 #66

Conversation

devhaeun commented Feb 9, 2025

📑 이슈 번호

✨️ 작업 내용

💙 코멘트

📸 구현 결과

yelynnn left a comment

Choose a reason for hiding this comment