From 47fe09e45b5c8d11967efce25bffa82897f7aad2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=86=A1=20=ED=95=84=20=EC=88=98?= <104068583+P1su@users.noreply.github.com> Date: Fri, 14 Feb 2025 22:45:16 +0900 Subject: [PATCH 1/4] =?UTF-8?q?Develop=EC=97=90=EC=84=9C=20main=20merge=20?= =?UTF-8?q?(svg=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0)=20(#123)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 * Feat/#73 home api (#84) * 홈 api 연결 수정 필요 * 홈 api 연결 수정 필요 * feat: 버켓리스트 달성 현황 api 구현 * feat: rate에 따른 svg 렌더링 * feat: useGetNotice 훅 생성 * fix: timeout 시간 수정 * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 작심n일 간격 조정 * feat: Moment 타입 추가 * feat: svg 파일 추가 * fix: 빌드 오류 해결을 위한 주석 처리 --------- Co-authored-by: P1su Co-authored-by: 송 필 수 <104068583+P1su@users.noreply.github.com> Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [REFACTOR] 모멘트 페이지 QA 반영 및 리팩토링 (#98) * feat: 모멘트 불러오기 실패 시 에러 처리 * style: 진행 중 버킷리스트 아이콘 수정 * fix: 버킷리스트 추가 방식 수정 * feat: 모멘트 생성 제한 처리 구현 * refactor: 모멘트 최대 개수 상수화 및 타입 오타 수정 * fix: patchUpload mutation 타입 에러 수정 * refactor: useParams type assertion 제거 및 undefined 체크 로직 추가 * fix: lint 에러 수정 * fix: npm lock 파일 제거 * refactor: 모멘트 불러오기 에러 처리 수정 * [Fix] 모멘트 생성 페이지 QA 반영 및 리팩토링 (#100) * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 반영) (#94) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전… * [REFACTOR] 홈 및 피드페이지 QA 반영 (#101) * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 반영) (#94) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로… * feat: vercel.json redirect 속성 추가 * [FIX] 모멘트 생성 페이지 버그 수정 및 기타 리팩토링 (#107) * fix: props 변경 시 ToDoItem 리렌더링 되도록 key 값 설정 * feat: html lang 속성 한국어로 변경 * style: console 출력 삭제 * style: 전체 스타일 수정 * feat: 스플래시 및 컴포넌트 애니메이션 추가 * fix: 달성형 버킷 모멘트 생성 기능 삭제 * feat: ScrollToTop 컴포넌트로 스크롤 조정 * fix : 모멘트 자동 생성 최종 확인 버튼 로직 수정 (#108) * fix: vercel.json 수정 * [FIX] 모멘트 생성 페이지 2차 QA 수정 (#113) * Develop에서 main merge (모멘트 생성 페이지 버그 수정) (#109) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 * Feat/#73 home api (#84) * 홈 api 연결 수정 필요 * 홈 api 연결 수정 필요 * feat: 버켓리스트 달성 현황 api 구현 * feat: rate에 따른 svg 렌더링 * feat: useGetNotice 훅 생성 * fix: timeout 시간 수정 * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code… * [FIX] 피드페이지 및 마이페이지 2차 QA 반영 (#114) * Develop에서 main merge (모멘트 생성 페이지 버그 수정) (#109) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 * Feat/#73 home api (#84) * 홈 api 연결 수정 필요 * 홈 api 연결 수정 필요 * feat: 버켓리스트 달성 현황 api 구현 * feat: rate에 따른 svg 렌더링 * feat: useGetNotice 훅 생성 * fix: timeout 시간 수정 * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * c… * [FIX] 온보딩 페이지 및 모멘트 페이지 2차 QA (#115) * fix: lint 에러 수정 * fix: 온보딩 문구, 리다이렉트 타이밍 수정 * fix: keyframe 이름 중복 수정 * refactor: 토스트 컴포넌트 렌더링 로직 분리 * style: 스타일 에러 수정 * style: 모멘트 생성 페이지 스타일 수정 * fix: lint 에러 및 스타일 수정 * style: 필요없는 파일 삭제 * fix: 친구 추가 문구 오류 수정 * fix: 인증 가능한 날짜 비교 로직 수정 * [FIX] 알림 조회 구현 (#112) * 알림 모달 수정 중 * fix: 홈 404 에러 수정 * fix: 알림 모달창 수정 * fix: notice 모달 수정필요 * fix: useEffect 삭제 * Develop에서 main merge(친구 추가 문구 오류 수정) (#117) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 * Feat/#73 home api (#84) * 홈 api 연결 수정 필요 * 홈 api 연결 수정 필요 * feat: 버켓리스트 달성 현황 api 구현 * feat: rate에 따른 svg 렌더링 * feat: useGetNotice 훅 생성 * fix: timeout 시간 수정 * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB… * [README] 리드미 작성 (#119) * feat: 리드미 파일 생성 * docs: 주요 항목 작성 * docs: 팀원 소개 작성 * docs: 기술 스택 작성 * docs: 기술 스택 선정 이유 및 컨벤션 작성 * docs: 목차 및 개인 역할 작성 * docs: 기능 목차 작성 * Develop에서 main merge(친구 추가 문구 오류 수정) (#117) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * [모멘트 생성 페이지] FrequencyBtn 로직 및 모멘트 생성 api 연동 (#90) * feat: frequencyBtn 로직 구현 및 모멘트 생성 api 연동 * refactor : isChallenging MomentComplete 페이지에서 연결로 수정 * code review : 모멘트 생성 api 코드리뷰반영 * [REFACTOR] QA 반영 피드페이지 및 마이페이지 리팩토링 (#92) * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * Develop에서 main merge (홈 스타일 반영, meta 태그 및 GA 적용) (#89) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 * [FEAT] 홈 스타일 작업, meta 태그 작업, GA 설정 (#88) * style: Header 스타일 수정 * style: TodayMomentSection 스타일 수정 * feat: 완료된 모멘트의 클립 svg 교체 * stlye: TodayMomentSection 모서리 픽셀 처리 * style: bucketList 컴포넌트 스타일 수정 및 svg 추가 * style: Home 페이지 전체적인 간격 수정 * style: 시작 및 로그인 페이지 로고 적용 후 스타일 수정 * feat: meta 태그 추가 * feat: GA 적용 * Develop에서 main merge (open ai 이슈 해결) (#87) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 설정 * feat: 모멘트 인증 페이지 모달 추가 * code review : GNB style 수정전 코드로 변경 * code review: backBtn 경로 설정 * code review : BackBtn 코드 수정 * code review: Divider 공통 컴포넌트 적용 * code review : DurationComponent 버튼 로직 수정 * code review : FrequentBtn svg 적용 * code refactor : router 재설정 * [피드페이지] 스타일 적용 (#55) * feat: SelectModal title 속성 대신 children 으로 제목값을 넘기도록 * style: Feed 페이지 레이아웃과 캐러셀 스타일 수정 * style: FeedList 레이아웃 수정 * style: FeedItem 스타일 수정 * style: EmptyFeed 스타일 수정 * style: 메뉴 아이콘 변경 * style: 삭제 모달일 경우 선택 텍스트 색상 변경 * code review: 코드리뷰 바탕 스타일 수정 * [마이페이지] 유저 정보 및 친구 코드 api 구현 (#62) * feat: useGetUser 훅 생성 후 유저 데이터 받아오기 * feat: Context를 통하여 친구 찾기와 정보 수정 페이지에서도 유저 정보 이용하도록 구현 * feat: 친구 코드를 통해 친구 닉네임 불러온 후 친구 추가하기 구현 * style: 주석 추가 * feat: 프로필 수정 구현 * feat: 프로필 수정 값 formData 해제 후 이미지 타입을 File 및 null 로 설정하여 닉네임만 변경할 수 있도록 수정 * feat: 이미 친구인 경우 예외 처리 * feat: 에러 처리 단순화 * feat: useErrorHandler 훅 작성 * feat: 훅 이름 변경 및 성공 메세지도 처리하도록 수정 * [공통 컴포넌트] ToDoList 컴포넌트에 CheckListItem 컴포넌트 적용 (#61) * feat: CheckListItem 컴포넌트로 ToDoList 리팩토링 * style: ToDoList 컴포넌트에 ContaienrLayout 적용 * feat: 개발 서버 네트워크 접근 허용 설정 추가 * [모멘트페이지] 버킷리스트 CRUD API 연동 (#63) * feat: 버킷리스트 등록 API 연동 및 타입 구조 수정 * feat: 버킷리스트 이름 수정 API 연동 * feat: 버킷리스트 상세 조회 API 연동 * feat: 버킷리스트 달성 API 연동 * feat: 반복형 버킷리스트 전체 조회 API 연동 * feat: 달성형 버킷리스트 전체 조회 API 연동 * feat: 버킷리스트 삭제 API 연동 * style: 필요 없는 console.log 제거 * code review: invalidateQueries로 버킷리스트 상태 관리 * code review: OK 모달 title 옵셔널로 변경 * [마이페이지] 마이페이지 아이콘 수정 및 토스트 구현 (#68) * style: 아이콘 svg 컴포넌트 생성 * style: 화살표 svg 추가 후 아이콘 정상적으로 렌더링 * feat: 프로필 페이지에서 rendalModal 을 사용하도록 수정 * feat: Toast 구현 * feat: 로그아웃 구현 * style: 주석 삭제 * Feat/#49 home notice (#74) * feat: 홈 페이지 버킷리스트, 모멘트 컴포넌트 구현 * 임시저장 * feat: 홈 스타일 변경 및 알림모달 구현 * Delete et HEAD~1 * fix: pages Home 수정 * fix: 버킷리스트 컴포넌트 수정 * fix: Header 스타일 수정 * fix: IcNotice 수정 * fix: IcNoticeOff 수정 * [모멘트페이지] 모멘트 조회, 인증 API 연동 (#71) * feat: 모멘트 상세조회 및 업로드 훅 작성 * feat: useUpload 훅 구현 및 모멘트 업로드 API 연동 * fix: 이미지 업로드 시 File 객체 전송 및 Blob URL 에러 처리 추가 * style: moment 페이지 컴포넌트 정렬 수정 및 type assertion 삭제 * feat: 모멘트 기능 메인 페이지 API 연동 * [피드페이지] 피드 관련 API 연동 (#70) * feat: 친구 목록 조회 구현 * feat: 친구 피드 조회 구현 * fix: useGetFeed를 useQuery 로 변경 * feat: 조회한 Feed 를 FeedItem 을 통해 렌더링 및 날짜 포매팅 함수 작성 * feat: MomentItemType 정의 * feat: 서버 경로 오타 수정 및 EmptyFeed에 onClick 이벤트 부여하여 노크 구현 * feat: usePostFix 및 useDeleteFriend 구현 * style: 캐러셀 width 조정 * style: 응원하기 아이콘 적용 * feat: 고정하기 기능 구현 * feat: 친구 삭제 구현 * feat: usePostCheer 훅 생성 후 이벤트 작성 * feat: 노크 성공 시 모달창 구현 * feat: 친구 찾으러 가기 navigate 함수 연결 * style: EmptyFeed 아이콘 변경 * feat: useEffect로 친구 삭제 후 현재 친구 업데이트 * feat: 노크 이후 버튼 비활성화 * feat: usePostCheer 훅 수정 * feat: 피드 응원하기 재구현 및 응답 모달 처리 * fix: Feed Header 스타일 변경하여 FeedList 가 넘치는 문제 해결 * feat: HelloOff svg 컴포넌트 생성 * feat: 친구 삭제 전 확인 모달 구현 * fix: 친구 코드 조회 실패 이후 친구 추가 시 오류 모달이 렌더링 되는 오류 해결 * fix: 친구 삭제 후 isDeleting 상태 초기화 * feat: 친구 요청 확인 후 입력값 초기화 * style: gitignore에 tsbuildinfo 파일 추가 * fix: 데이터명 수정 * feat: 응원 여부에 따른 아이콘 조건부 렌더링 및 버튼 disabled 처리 * code review: Feed 쿼리키를 호출 방식으로 수정 및 ResponseType 설정 * code review: isKnock 변수 옵셔널 체이닝 작성 * code review: 친구 코드 검색 이벤트를 onSubmit 이벤트로 변경 * fix: axios response type 추가 * feat: 피드 내용에 빈도수 추가 * Fix: Remove API key and keep code changes * [공통 컴포넌트] 공통 훅 구현 및 Suspense 설정 (#76) * feat: useToast 훅 구현 및 CheckListItem 컴포넌트에 적용 * feat: 체크리스트 컴포넌트에 useToast 적용 및 관련 스타일 수정 * refactor: 이미지 업로드 커스텀 훅 작성 및 Upload 페이지 적용 * refactor: 내정보 수정 페이지 useImageHandler 적용 * refactor: 모멘트 페이지 데이터 로딩 처리 Suspense로 전환 * style: 필요없는 코드 정리 및 스타일 수정 * refactor: friend 페이지 useToast 적용 * refactor: todoList 컴포넌트에 useToast 적용 * code review : SelectMode.tsx 파일 리액트 쿼리로 리팩토링 * code review : CreateMoment api 연동 리팩토링 * [FIX] 빌드 오류 해결 (#82) * fix: build 오류 해결 * style: build 파일 삭제 * fix: 사용하지 않는 파일 삭제 * add: openai 설치 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * style: 홈페이지 height 수정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * refactor: 피드 응원하기 여부 바로 반영 * refactor: 친구 삭제 모달에서 아니오 선택 후 모달이 정상적으로 열람되도록 수정 * style: 프로필에서 필요없는 코드 삭제 * refactor: 친구 고정 색상 변경 * refactor: FeedItem 내용들 중앙 가운데 정렬 * refactor: 홈 TodayMomentSection 픽셀 화면에서 빈틈이 안 보이도록 수정 * refactor: 고정하기 취소하여도 현재 선택한 친구가 유지되도록 설정 * refactor: 피드 모달 형식 수정 및 삭제 시 알림 모달 추가 * refactor: useEffect로 노크 여부 초기화 * refactor: 노크하기 오류 수정 * refactor: 마이페이지 프로필 이미지 비율 조정 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> * fix: 빌드 오류 해결 * Feat/#73 home api (#84) * 홈 api 연결 수정 필요 * 홈 api 연결 수정 필요 * feat: 버켓리스트 달성 현황 api 구현 * feat: rate에 따른 svg 렌더링 * feat: useGetNotice 훅 생성 * fix: timeout 시간 수정 * Develop에서 main merge (모멘트 생성 추가, 마이 및 피드 QA 반영) (#93) * [초기세팅] 폴더구조 형성 및 초기설정 (#3) * chore: 폴더 구조 형성 * add: yarn 패키지 설치 * fix: Vite 버전 업데이트 * chore: Strict 모드 해제 * style: 필요없는 파일 및 코드 삭제 * feat: title명 수정 * [초기세팅] router, axios, react query 초기세팅 (#8) * add: react-router-dom 설치 * chore: route 초기세팅 * add: axios 설치 * chore: axios 클라이언트 초기세팅 * add: react-query 설치 * chore: react query 초기세팅 * add: react-query devtools 설치 * chore: react query 훅 예시 코드 작성 * [초기세팅] 웹앱 뷰 설정 (#10) * feat: useMobile 훅 작성 * feat: Layout 컴포넌트 생성 * chore: useMobile 훅과 중첩라우팅을 통한 웹앱뷰 적용 * style: 필요없는 gitkeep 파일 삭제 * chore: install styled-components and styled-reset * feat: add global styles and mixin setup * code review : Wrap App structure with GlobalStyle * code review: GlobalStyle 적용 변경 * [초기세팅] ESLint 초기설정 (#14) * chore: ESLint 설정 최적화 및 컨벤션 반영 * chore: ESLint 규칙 추가 및 일부 수정 * [초기세팅] Prettier 및 Husky 설정 (#16) * add: prettier 설치 * add: lint prettier 충돌 방지 위한 플러그인 설치 * chore: prettier 작성 * chore: Lint prettier 충돌 방지를 위한 Lint extends 속성 추가 * add: config 객체 추가를 위한 플러그인 설치 * fix: eslint 설정에서 extends 속성을 삭제하여 Lint 와 prettier 동시 적용 * chore: 컴포넌트 반환 타입 설정 해제 * chore: 컴포넌트 반환 타입 설정 해제 * fix: 오타 수정 * add: husky 설치 * chore: package.json husky 설정 추가 * add: lint-staged 설치 * chore: package.json에 lint-staged 관련 속성 추가 * add: commitlint 설치 * chore: commitlint 파일 작성 * fix: commitlint 파일에서 필요없는 코드 삭제 * feat: gitignore 에 env 파일 추가 * [공통 컴포넌트] GNB 구현 및 일부 페이지 기본 설정 (#19) * fix: 의존성 업데이트 * style:Globalstyle 속성 추가 * feat: GNB 컴포넌트 레이아웃 구성 및 예시 코드 작성 * feat: Style 및 theme 설정 수정 * feat: mixin 속성 수정 및 GNB 레이아웃 세부 설정 * feat: Home 페이지 생성 후 예시 코드 작성 * feat: GNB 유무에 따른 중첩 라우팅 구분 * feat: GNB 탭 클릭 시 해당 페이지로 이동 및 현재 탭 아이콘 변경되도록 구현 * [로그인] 카카오 로그인 구현 (#23) * feat: 로그인 페이지 생성 및 라우팅 설정 추가 * feat: 카카오 로그인 SVG 아이콘 추가 * fix: location.replace를 href로 변경하여 히스토리 보존 * feat: 로그인 커스텀 훅 구현 * feat: Start, Login 페이지 구현 및 자동 리다이렉션 추가 * chore: BASE_URL을 환경변수로 설정 * code review: 로그인 상수 분리 * code review: 온보딩 컴포넌트 분리 * [초기세팅] color와 font 설정 (#25) * chore: font 파일 추가 후 Globalstyle에 font 적용 * chore: theme color 설정 추가 * feat: 모멘트생성페이지 공통 컴포넌트 생성 * feat: 자동/수동 페이지 공통 컴포넌트 제작 완료 * feat: MomentComplete 화면 개발 style : CommonStyle 생성(Btn, TodoListBox&Label) * style: 자동/수동 선택 페이지 Style 변경 * [공통컴포넌트] GNB 중첩라우팅 및 link 방식 수정 (#28) * style: gnb 배경색을 하얀색으로 변경 * fix: 중첩라우팅 구조 수정 * fix: useNavigate 가 아닌 NavLink를 통한 구현으로 수정 * style: 모멘트페이지#6-4 mockData를 이용하여 뷰작업 완료 * style: CommonStyle 공통 스타일(버튼,투두리스트 컨테이너) 설정 및 자동수동결정페이지 icon 및 스타일 변경 * feat: useTodoList 훅을 통한 투두리스트 임시데이터 연결 refactor : Button 로직 수정 * refactor : 버튼로직 및 모멘트 생성 페이지 로직 리팩토링 * fix: merge 시 오류난 router 수정 * [피드페이지] 피드페이지 뷰 구현 (#27) * style: 헤더 문구 수정 및 정렬 임시 수정 * style: 헤더 폰트 사이즈 조정 및 전체 padding 설정 * feat: emptyfeed 컴포넌트 구현 * style: globalstyle button 속성으로 font-family 추가 * feat: jsx 요소를 props로 넘겨주도록 구현 * style: feed 컴포넌트 폴더 생성 및 emptyfeed 컴포넌트 폴더 위치 변경 후 friend carousel 파일 생성 * feat: friend carousel 컴포넌트 레이아웃 형성 후 친구 리스트 mockdata 작성 * add: embla carousel 라이브러리 설치 * feat: embla carousel 을 통한 친구 목록 캐러셀 구현 * style: friends 임시 배열에서 id 값 수정 * feat: feddlist 와 feeditem 컴포넌트 제작 및 mockimage 추가 * feat: api 연결 구조 고려하여 컴포넌트 props 수정 및 현재 클릭한 프로필에 따라 스타일 다르게 설정 * style: feedlist 에 padding 부여 * style: feed 와 feedlist position, margin, flex 등 스타일 수정 * feat: 친구의 모멘트가 없을 경우 뷰 처리 * style: 상단 제목 및 메뉴바 position 수정 * feat: usemodal 훅 생성 및 select modal 구현 * feat: usecurrentfriend hook 생성 * feat: emptyfeed 컴포넌트에 button label props 추가 및 피드 없을 경우 스타일 수정 * [모멘트페이지] 모멘트 페이지 뷰 구현 (#29) * feat: 모멘트 페이지 tab bar 컴포넌트 구현 * feat: 모멘트 달성 현황 컴포넌트 구현 * feat: 모멘트 인증하기 컴포넌트 구현 * feat: 모멘트 페이지 탭바 라우팅 구현 * style: 페이지 레이아웃 수정 및 background-color 속성 통일 * feat: 버킷리스트 CheckList 컴포넌트 UI 및 기본 기능 구현 * feat: CheckList 컴포넌트에 variant prop 추가 * code review: 타입 정의 파일 형식 변경 * feat: vercel.json 파일 추가 (#33) * code review : 모멘트 생성 페이지 새롭게 생성 CreateMoment.tsx * code review : React.FC 타입 명시 수정 * code review : 자동/수동 모드 타입 반복 modeType.ts 생성 * code review : mixin 적용 * [스타일] 전체 배경색, padding 설정 및 GNB 아이콘 적용 (#38) * style: html 요소 배경색 및 padding 지정 * style: 네비게이션바 height, padding 등 수정 * feat: 네비게이션바 아이콘 svg 컴포넌트 작성 * style: 네비게이션바 아이콘 적용 및 정렬 수정 * style: html 요소에 pading-bottom 추가 * style: red 색상 추가 * feat: IcBack svg 컴포넌트 작성 * style: line-height 와 letter-spacing 설정 * style: letter-spacing 설정 * code review: 오타 수정 * code review : Router.tsx 파일 오타 수정 * code review : 가연님 코드 리뷰 반영 * [모멘트페이지] 모멘트 인증 페이지 구현 및 UI 변경 사항 적용 (#39) * feat: upload 페이지 추가 및 라우팅 설정 * feat: upload 페이지 레이아웃 및 기본 UI 구현 * feat: 이미지 업로드 컴포넌트 구현 * style: 빈 모멘트 상태 스타일 추가 * code review: 이미지 업로드 input label 추가 및 필요없는 메모리 해제 코드 삭제 * [공통컴포넌트] 버튼 제작 (#44) * feat: Button 컴포넌트 제작 * code review: props 타입 및 할당 방식 수정 * fix: mixin 타입 삭제 (#47) * style : GNB style develop 최신화 * style : 수동/자동 선택페이지 수정된 디자인 적용 * refactor : SelectMode.tsx 공통 HeaderComponent 적용으로 수정 * style : 기간설정 컴포넌트 스타일 수정사항 변경 * code refactor : MomentComplete 페이지 API 로직 구현 및 스타일 적용 완료 * feat : BackBtn Component 생성 * code refactor : BackBtn 컴포넌트 적용 * code refactor : DurationComponent 와 모멘트생성 페이지 간 간의 자동, 수동 로직 수정 및 변경된 스타일 적용 * [로그인] 로그인 API 연동 및 axios instance 설정 (#48) * feat: 카카오 로그인 api 요청 코드 추가 * feat: axios instance 토큰 처리 기능 구현 * style: 시작, 로그인 페이지 레이아웃 수정 * feat: 시작 페이지에서 로그인 상태에 따른 라우팅 처리 추가 * code refactor : TodoListComponent 자동/수동 로직 구현 완료 및 변경된 스타일 적용 * code refactor : 모드 선택 페이지부터 모멘트 생성 페이지 마지막까지 전체 로직 구현 및 API 작성 완료 * [마이페이지] 마이페이지 뷰 구현 (#50) * feat: 마이페이지 레이아웃 설정 * feat: 마이페이지 구현 * feat: 친구 찾기 페이지 구현 * feat: 프로필 수정 페이지 구현 * feat: rotue 이동 이벤트 연결 * feat: 친구 코드 검색 시 모달창 뜨도록 구현 * style: SelectModal 스타일 적용 * feat: 프로필 영역과 메뉴 영역을 컴포넌트로 구분 후 로그인 안 된 마이페이지 구현 * style: MyPageItem 태그명 변경 * feat: 버튼 컴포넌트 적용 * add: 클립보드 라이브러리 설치 * style: customStyle props 변수명을 수정 * style: hr 태그 스타일 수정 * style: 사용하지 않는 코드 및 파일 수정 * style: unactiveHome svg 파일 수정 * code review: darkGray 타입 추가 * [공통 컴포넌트] CheckList 공통 컴포넌트 구현 (#53) * feat: checkList 모달 UI 구현 및 기본 props 설정 * style: 체크박스 아이콘 추가 * feat: CheckList 아이템 컴포넌트 분리 및 textarea 적용 * feat: 체크리스트 모달 기능 구현 * feat: checkListItem 컴포넌트 create 상태 구현 * feat: containerLayout 컴포넌트 분리 * [모멘트페이지] 모멘트페이지 스타일 적용 (#54) * style: 모멘트 탭바 스타일 설정 * style: 모멘트 달성 현황 컴포넌트 스타일 설정 * style: 모멘트 인증하기 컴포넌트 스타일 설정 * style: 모멘트 인증 페이지 스타일 설정 * feat: 인증하기 모달 구현 * feat: 인증 페이지에 모달 연결 및 구조 수정 * style: 버튼 컴포넌트 disabled 상태 임시 추가 * style: 모멘트 페이지 ContainerLayout 적용 * style: 모멘트, 버킷리스트 페이지 헤더 … * docs: 배포 페이지 주소 변경 * fix: 버킷 달성 현황 조회 api 주소 수정 * docs: 백엔드 기술스택 추가 * fix: svg 오류 해결 --------- Co-authored-by: Gayeon Lee <68602093+gayeooon@users.noreply.github.com> Co-authored-by: askjiyun Co-authored-by: 권도희 <145524046+dh2e@users.noreply.github.com> Co-authored-by: yooni825 <104126233+askjiyun@users.noreply.github.com> Co-authored-by: Gayeon Lee --- src/assets/svg/home/IcSnakeLv3.tsx | 18 +++++++++--------- src/assets/svg/home/IcSnakeLv4.tsx | 18 +++++++++--------- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/src/assets/svg/home/IcSnakeLv3.tsx b/src/assets/svg/home/IcSnakeLv3.tsx index 4386a0e..d8f39b4 100644 --- a/src/assets/svg/home/IcSnakeLv3.tsx +++ b/src/assets/svg/home/IcSnakeLv3.tsx @@ -1,27 +1,27 @@ const IcSnakeLv3 = () => ( - + - + diff --git a/src/assets/svg/home/IcSnakeLv4.tsx b/src/assets/svg/home/IcSnakeLv4.tsx index 87ce22c..00cf305 100644 --- a/src/assets/svg/home/IcSnakeLv4.tsx +++ b/src/assets/svg/home/IcSnakeLv4.tsx @@ -1,27 +1,27 @@ const IcSnakeLv4 = () => ( - + - + From 8850d4dd06a8ef4b948967aaeea9d26a0cd3d678 Mon Sep 17 00:00:00 2001 From: P1su Date: Fri, 20 Jun 2025 22:33:10 +0900 Subject: [PATCH 2/4] =?UTF-8?q?style:=20=EC=A0=80=EC=9E=A5=EB=90=98?= =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EC=9D=80=20=EC=BD=94=EB=93=9C=20=EC=A0=80?= =?UTF-8?q?=EC=9E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/Feed/components/FeedModal/FeedModal.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/pages/Feed/components/FeedModal/FeedModal.tsx b/src/pages/Feed/components/FeedModal/FeedModal.tsx index 4badc1b..f2ff650 100644 --- a/src/pages/Feed/components/FeedModal/FeedModal.tsx +++ b/src/pages/Feed/components/FeedModal/FeedModal.tsx @@ -13,7 +13,6 @@ interface FeedModalProps { } const FeedModal = ({ - friendList, currentFriend, setCurrentFriend, closeModal, From 81aaaa147eab3d6ba01f73fbe1d9d7b78eb52261 Mon Sep 17 00:00:00 2001 From: P1su Date: Sat, 21 Jun 2025 21:50:01 +0900 Subject: [PATCH 3/4] =?UTF-8?q?feat:=20=EB=B9=8C=EB=93=9C=20=EC=9E=90?= =?UTF-8?q?=EB=8F=99=ED=99=94=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/deploy.yml | 48 ++++++++++++++++++++++++++++++++++++ build.sh | 5 ++++ 2 files changed, 53 insertions(+) create mode 100644 .github/workflows/deploy.yml create mode 100644 build.sh diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml new file mode 100644 index 0000000..2024d2a --- /dev/null +++ b/.github/workflows/deploy.yml @@ -0,0 +1,48 @@ +name: Deploy + +on: + push: + branches: ['main'] + +jobs: + build: + runs-on: ubuntu-latest + + container: pandoc/latex + + steps: + - uses: actions/checkout@v2 + + - name: Install mustache (to update the date) + + run: apk add ruby && gem install mustache + + - name: creates output + + run: sh ./build.sh + + - name: Pushes to another repository + + id: push_directory + + uses: cpina/github-action-push-to-another-repository@main + + env: + API_TOKEN_GITHUB: ${{ secrets.AUTO_ACTIONS }} + + with: + source-directory: 'output' + + destination-github-username: P1su + + destination-repository-name: moment-front + + user-email: ${{ secrets.EMAIL }} + + commit-message: ${{ github.event.commits[0].message }} + + target-branch: main + + - name: Test get variable exported by push-to-another-repository + + run: echo $DESTINATION_CLONED_DIRECTORY diff --git a/build.sh b/build.sh new file mode 100644 index 0000000..58fd6eb --- /dev/null +++ b/build.sh @@ -0,0 +1,5 @@ +#!/bin/sh +cd ../ +mkdir output +cp -R ./moment-front/* ./output +cp -R ./output ./moment-front/ \ No newline at end of file From 1ca573a5cea3bb8e6aa160e04b3ac17307ad6b97 Mon Sep 17 00:00:00 2001 From: P1su Date: Sat, 21 Jun 2025 21:51:31 +0900 Subject: [PATCH 4/4] =?UTF-8?q?feat:=20=EB=B0=B0=ED=8F=AC=20=EC=9E=90?= =?UTF-8?q?=EB=8F=99=ED=99=94=20=EB=B0=8F=20=EB=B9=8C=EB=93=9C=20=EC=9E=90?= =?UTF-8?q?=EB=8F=99=ED=99=94=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .github/workflows/build.yml | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 .github/workflows/build.yml diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml new file mode 100644 index 0000000..53839b9 --- /dev/null +++ b/.github/workflows/build.yml @@ -0,0 +1,25 @@ +name: PR Build + +on: + pull_request: + branches: ['**'] + +jobs: + build: + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v2 + + - name: Corepack + run: corepack enable + + - name: Install Dependency + run: yarn install + + - name: Lint test + run: yarn lint + + - name: Build test + working-directory: ./src + run: yarn build