Skip to content

Commit

Permalink
�FE-27 🔀 마이페이지 브랜치 최신화 (#183)
Browse files Browse the repository at this point in the history
* FE-27 :sparkles: 마이페이지 오늘의 감정 선택 main 머지 요청 (#158)

* FE-34 :sparkles: 마이페이지 프로필 수정 기능 (#53)

* FE-34 :lipstick: 마이페이지 UI 초기작업

* FE-34 :sparkles: 내 정보 조회 API 연동

* FE-34 :lipstick: shadcn/ui Dialog 설치

* FE-34 :sparkles: 프로필 수정 API 연동

* FE-34 :sparkles: 이미지 실패 토스트 추가

* FE-36 :sparkles: 마이페이지 캘린더 출력 함수 (#58)

* FE-36 :lipstick: 감정달력 UI

* FE-36 :sparkles: 캘린더 함수 생성

* FE-36 :sparkles: 마이페이지 감정달력 (#65)

* FE-36 :lipstick: 감정달력 UI

* FE-36 :sparkles: 캘린더 함수 생성

* FE-36 :sparkles: 마이페이지 감정달력: 오늘 날짜 표시

* FE-36 :sparkles: 마이페이지 월 별 감정로그 조회 API 연동

* FE-36 :sparkles: 월별 감정 로그 해당 날짜에 출력

* FE-36 :lipstick: 달력 css 수정

* FE-36 :art: 마이페이지 캘린더 헤더 컴포넌트 분리

* FE-36 :sparkles: 마이페이지 감정달력 필터기능

* FE-27 :twisted_rightwards_arrows: 에픽 브랜치 최신화 (#81)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-27 :twisted_rightwards_arrows: 마이페이지 에픽 브랜치 최신화 (#85)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-27 :twisted_rightwards_arrows: 브랜치 최신화 (#86)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-37 :sparkles: 마이페이지 감정차트 (#89)

* FE-37 :recycle: 월별 감정로그 조회 코드 리팩토링

* FE-37 :sparkles: 감정 차트

* FE-37 :hammer: 상수 컨벤션 수정

* FE-27 :twisted_rightwards_arrows: 브랜치 최신화 (#99)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :lipstick: 회원가입 페이지 레이아웃 추가

* :lipstick: 간편 로그인 로고 추가

* :lipstick: 회원가입 ui 추가

* :sparkles: 회원가입 스키마 정의

* :heavy_plus_sign: 회원가입 페이지에 스키마 적용

* :lipstick: 에러 메시지 뜰 때 라벨, 인풋도 같은 에러 색깔 추가

* :memo: 유효성 검사를 통한 버튼의 비활성화 처리

* :memo: 유효성 검사에 따른 인풋 테두리 색상 처리

* :fire: AuthLayout 삭제

* :art: 회원가입 페이지 브라우저 확대시 ui 깨짐 수정

* :truck: 정규표현식 네이밍 변경

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :sparkles: 회원가입 응답 데이터 스키마 정의

* :sparkles: 회원가입 api 생성

* :sparkles: useRegisterMutation hook 생성

* :zap: 회원가입 폼에 mutaion hook 적용

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :zap: isAxiosError로 변경

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :twisted_rightwards_arrows: 충돌 해결

* :bug: postSignup 함수 추가

* :bug: postSignin 내보내는 방식 수정

* :wrench: lint 수정

* :sparkles: oauth api 생성

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* :sparkles: 카카오톡 리디렉트 uri 설정

* :sparkles: useKakaoLogin mutation hook 생성

* :zap: 네이버 구글 카카오 간편 로그인 링크 설정

* :recycle: 에러처리 로직 수정

* FE-51 :twisted_rightwards_arrows: 공용 API 머지 요청 (#92)

* FE-52  ✨에피그램 목록조회 API (#34)

* FE-52 feat: api schema 작성

* FE-52 ✨feat: getEpigrams api 작성

* FE-522 ✨fix:  default export로 변경

* FE-52 ✨test: 테스트 코드 작성

* FE-52 ✨feat: BaseUrl, TeamID 상수 추가 및 axios baseTRL 수정

* FE-52 ✨fix: schema 및 apis 파일 수정

* FE-52 ✨test:  테스트 코드 삭제

* FE-52 ✨fix: .env파일 생성 및 BaseURL 수정

* FE-52 ✨fix: limit 타입  수정(optional 삭제)

* FE-52 ✨text: 테 테스트코드 삭제

* FE-52 ✨fix: api GET요청 주소 수정('epigrams' -> '/epigrams')

* FE-53 :sparkles: 감정이모티콘 저장 스키마 정의

* FE-53 :sparkles: 오늘의 감정 저장 api 생성

* FE-53 :sparkles: getMe 함수를 사용해 로그인 상태 확인 기능 구현

* FE-53 :sparkles: 감정 한영 변환 함수

* FE-53 :sparkles: 감정 저장 후 토스트 알림 표시

* FE-53 :sparkles: 오늘의 감정 조회 api 생성

* FE-53 :hammer: 감정 한영 변환 함수 추가

+) post, get 함수 내부로 한영 변환 함수 이동

* FE-53 :sparkles: 오늘의 감정 스키마 추가 정의

* FE-53 :sparkles: 오늘의 감정 조회 함수 적용

* FE-53 :truck: 오늘의 감정 type 이름 변경

* FE-53 :sparkles: useMutation 훅 사용

* FE-53 :memo: EmotionSelector 주석 추가

* FE-53 :fire: api 함수 에러 처리 부분 제거

* FE-53 :hammer: useQuery를 사용해 오늘의 감정 조회

데이터를 조회할 때는 useQuery를 사용하는거라 함

* FE-56 :sparkles: 댓글 수정 API (#84)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-56 :sparkles: 댓글 수정 API

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-57 :sparkles: 댓글 삭제 API (#88)

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (#93)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (충돌수정) (#98)

---------

Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-27 :hammer: 충돌오류 수정

* FE-27 :hammer: 충돌내역 수정

* FE-27 :twisted_rightwards_arrows: 충돌오류 수정

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>
Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>

* �FE-27 :twisted_rightwards_arrows: 마이페이지 최신화 (#102)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :lipstick: 회원가입 페이지 레이아웃 추가

* :lipstick: 간편 로그인 로고 추가

* :lipstick: 회원가입 ui 추가

* :sparkles: 회원가입 스키마 정의

* :heavy_plus_sign: 회원가입 페이지에 스키마 적용

* :lipstick: 에러 메시지 뜰 때 라벨, 인풋도 같은 에러 색깔 추가

* :memo: 유효성 검사를 통한 버튼의 비활성화 처리

* :memo: 유효성 검사에 따른 인풋 테두리 색상 처리

* :fire: AuthLayout 삭제

* :art: 회원가입 페이지 브라우저 확대시 ui 깨짐 수정

* :truck: 정규표현식 네이밍 변경

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :sparkles: 회원가입 응답 데이터 스키마 정의

* :sparkles: 회원가입 api 생성

* :sparkles: useRegisterMutation hook 생성

* :zap: 회원가입 폼에 mutaion hook 적용

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :zap: isAxiosError로 변경

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :twisted_rightwards_arrows: 충돌 해결

* :bug: postSignup 함수 추가

* :bug: postSignin 내보내는 방식 수정

* :wrench: lint 수정

* :sparkles: oauth api 생성

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* :sparkles: 카카오톡 리디렉트 uri 설정

* :sparkles: useKakaoLogin mutation hook 생성

* :zap: 네이버 구글 카카오 간편 로그인 링크 설정

* :recycle: 에러처리 로직 수정

* FE-51 :twisted_rightwards_arrows: 공용 API 머지 요청 (#92)

* FE-52  ✨에피그램 목록조회 API (#34)

* FE-52 feat: api schema 작성

* FE-52 ✨feat: getEpigrams api 작성

* FE-522 ✨fix:  default export로 변경

* FE-52 ✨test: 테스트 코드 작성

* FE-52 ✨feat: BaseUrl, TeamID 상수 추가 및 axios baseTRL 수정

* FE-52 ✨fix: schema 및 apis 파일 수정

* FE-52 ✨test:  테스트 코드 삭제

* FE-52 ✨fix: .env파일 생성 및 BaseURL 수정

* FE-52 ✨fix: limit 타입  수정(optional 삭제)

* FE-52 ✨text: 테 테스트코드 삭제

* FE-52 ✨fix: api GET요청 주소 수정('epigrams' -> '/epigrams')

* FE-53 :sparkles: 감정이모티콘 저장 스키마 정의

* FE-53 :sparkles: 오늘의 감정 저장 api 생성

* FE-53 :sparkles: getMe 함수를 사용해 로그인 상태 확인 기능 구현

* FE-53 :sparkles: 감정 한영 변환 함수

* FE-53 :sparkles: 감정 저장 후 토스트 알림 표시

* FE-53 :sparkles: 오늘의 감정 조회 api 생성

* FE-53 :hammer: 감정 한영 변환 함수 추가

+) post, get 함수 내부로 한영 변환 함수 이동

* FE-53 :sparkles: 오늘의 감정 스키마 추가 정의

* FE-53 :sparkles: 오늘의 감정 조회 함수 적용

* FE-53 :truck: 오늘의 감정 type 이름 변경

* FE-53 :sparkles: useMutation 훅 사용

* FE-53 :memo: EmotionSelector 주석 추가

* FE-53 :fire: api 함수 에러 처리 부분 제거

* FE-53 :hammer: useQuery를 사용해 오늘의 감정 조회

데이터를 조회할 때는 useQuery를 사용하는거라 함

* FE-56 :sparkles: 댓글 수정 API (#84)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-56 :sparkles: 댓글 수정 API

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-57 :sparkles: 댓글 삭제 API (#88)

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (#93)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (충돌수정) (#98)

---------

Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>
Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>

* FE-27 :twisted_rightwards_arrows: 브랜치 최신화 (충돌수정) (#111)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :lipstick: 회원가입 페이지 레이아웃 추가

* :lipstick: 간편 로그인 로고 추가

* :lipstick: 회원가입 ui 추가

* :sparkles: 회원가입 스키마 정의

* :heavy_plus_sign: 회원가입 페이지에 스키마 적용

* :lipstick: 에러 메시지 뜰 때 라벨, 인풋도 같은 에러 색깔 추가

* :memo: 유효성 검사를 통한 버튼의 비활성화 처리

* :memo: 유효성 검사에 따른 인풋 테두리 색상 처리

* :fire: AuthLayout 삭제

* :art: 회원가입 페이지 브라우저 확대시 ui 깨짐 수정

* :truck: 정규표현식 네이밍 변경

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :sparkles: 회원가입 응답 데이터 스키마 정의

* :sparkles: 회원가입 api 생성

* :sparkles: useRegisterMutation hook 생성

* :zap: 회원가입 폼에 mutaion hook 적용

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :zap: isAxiosError로 변경

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :twisted_rightwards_arrows: 충돌 해결

* :bug: postSignup 함수 추가

* :bug: postSignin 내보내는 방식 수정

* :wrench: lint 수정

* :sparkles: oauth api 생성

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* :sparkles: 카카오톡 리디렉트 uri 설정

* :sparkles: useKakaoLogin mutation hook 생성

* :zap: 네이버 구글 카카오 간편 로그인 링크 설정

* :recycle: 에러처리 로직 수정

* FE-51 :twisted_rightwards_arrows: 공용 API 머지 요청 (#92)

* FE-52  ✨에피그램 목록조회 API (#34)

* FE-52 feat: api schema 작성

* FE-52 ✨feat: getEpigrams api 작성

* FE-522 ✨fix:  default export로 변경

* FE-52 ✨test: 테스트 코드 작성

* FE-52 ✨feat: BaseUrl, TeamID 상수 추가 및 axios baseTRL 수정

* FE-52 ✨fix: schema 및 apis 파일 수정

* FE-52 ✨test:  테스트 코드 삭제

* FE-52 ✨fix: .env파일 생성 및 BaseURL 수정

* FE-52 ✨fix: limit 타입  수정(optional 삭제)

* FE-52 ✨text: 테 테스트코드 삭제

* FE-52 ✨fix: api GET요청 주소 수정('epigrams' -> '/epigrams')

* FE-53 :sparkles: 감정이모티콘 저장 스키마 정의

* FE-53 :sparkles: 오늘의 감정 저장 api 생성

* FE-53 :sparkles: getMe 함수를 사용해 로그인 상태 확인 기능 구현

* FE-53 :sparkles: 감정 한영 변환 함수

* FE-53 :sparkles: 감정 저장 후 토스트 알림 표시

* FE-53 :sparkles: 오늘의 감정 조회 api 생성

* FE-53 :hammer: 감정 한영 변환 함수 추가

+) post, get 함수 내부로 한영 변환 함수 이동

* FE-53 :sparkles: 오늘의 감정 스키마 추가 정의

* FE-53 :sparkles: 오늘의 감정 조회 함수 적용

* FE-53 :truck: 오늘의 감정 type 이름 변경

* FE-53 :sparkles: useMutation 훅 사용

* FE-53 :memo: EmotionSelector 주석 추가

* FE-53 :fire: api 함수 에러 처리 부분 제거

* FE-53 :hammer: useQuery를 사용해 오늘의 감정 조회

데이터를 조회할 때는 useQuery를 사용하는거라 함

* FE-56 :sparkles: 댓글 수정 API (#84)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-56 :sparkles: 댓글 수정 API

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-57 :sparkles: 댓글 삭제 API (#88)

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (#93)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (충돌수정) (#98)

---------

Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>
Co-authored-by: JeonYumin <[email protected]>
Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>

* FE-27 :twisted_rightwards_arrows: 충돌에러 수정 (#113)

Co-authored-by: morrison <[email protected]>

* FE-27 :truck: 마이페이지 ui 관련 폴더 이동 (#114)

* �FE-38 :sparkles: 마이페이지 내 에피그램 목록 조회 (#126)

* FE-38 :sparkles: 마이페이지 내 에피그램 조회

* FE-38 :lipstick: 내 에피그램 없을 때 UI

* FE-38 :sparkles: 내 에피그램 목록 더보기 구현

* FE-38 :sparkles: 내 에피그램 목록 더보기 구현

* FE-38 :recycle: 내 에피그램 목록 조회 코드 리팩토링

* FE-38 :sparkles: 에피그램 등록 및 상세페이지 이동 구현

* FE-27 :twisted_rightwards_arrows: 브랜치 최신화 (#127)

* FE-32 🔀검색 페이지 메인 머지 (#107)

* 💄FE-33 검색 페이지 UI (#10)

* .nvmrc 버전 수정

* 폰트 및 공용컬러 추가 (#6)

* font-family 추가

* tailwind common color 추가

* color 명 변경

* lang 수정

---------

Co-authored-by: 전유민 <[email protected]>

* :lipstick: 공용 컴포넌트 shadcn ui 추가 (#7)

* :lipstick: Feat: shadcn-ui init

* :lipstick: Feat: add toast ui

* Feat: add textarea ui

* Feat: add switch ui

* Feat: add radio-group ui

* Feat: add label ui

* Feat: add input ui

* Feat: add form ui

* Feat: add button ui

* Feat: add dropdown-menu ui

* Feat: add card ui

* Feat: add badge ui

* Feat: add avatar ui

* Feat: add alert dialog ui

* Chore: add eslint rules

* Chore: add shadcn ui

* ✨Feat: SearchBar UI 초안 완성

* styles: tailwind css 폰트 사이즈 추가

* feat: RecentSearches UI 초안 완성

* �styles: SearchResults UI 수정

* �styles: RecentSearches UI 수정

* ✨styles: 반응형  UI 추가

* FE-33 fix: build 오류 수정 중

* FE-33 fix: build 오류 해결 중

* FE-33 fix: build 오류 해결 중

* FE-33 fix: build 오류 해결 중

* fix: build 오류 해결 중

---------

Co-authored-by: 전유민 <[email protected]>
Co-authored-by: JeonYumin94 <[email protected]>
Co-authored-by: MOON <[email protected]>

* FE-65  ✨최근 검색어 기능 (#51)

* FE-65 ✨feat: 최근 검색어 기능 구현

* FE-65 ✨feat: 검색바와 연동하여 즉시 반영되도록 수정

* FE-65 ✨feat: debounce를 위한 lodash 라이브러리 설치

* FE-65 ✨feat: debounce 기능 적용(++lodash 라이브러리)

* FE-65 ✨feat: useEffectt로 debouncedSearch함수 의존성 설정

* FE-65 ✨feat: useCallback 대신 useRef로 변경

* FE-65 ✨fix:: debounce 기능 제거(불필요)

* FE-65 ✨feat:  focus될 때 placeholder 사라지게 수정 및 UI 수정

* FE-65 ✨feat:  isInitialMount 선언 및 주석 추가

* FE-65 ✨fix: 주석 수정

* FE-65 ✨feat: 최근 검색어 클릭 시 그 검색어로 검색되는  기능

* FE-65 styles: 주석 추가

* FE-74  ✨검색 결과 기능 (#73)

* FE-74 fix: 사용하지 않는 lodash 라이브러리 삭제

* FE-74 ✨feat: 테스트 용 api 코드 가져오기

* FE-74 ✨feat: 검색 결과 기능 구현

* FE-74 ✨fix: 중복된 key, href 제거 및 규칙 무시 주석 추가

* FE-74 ✨test: 테스트 데이터 추가

* FE-74 ✨feat: 검색어 하이라이팅 및 순서 기능 추가

* FE-74 ✨fix:  주석 수정 및 api 파일 삭제

* FE-74 ✨styles:  주석 추가

* FE-74 ✨fix: 멘토링  내용 주석으로  추가

* FE-32 🔀 epic브랜치 최신화 (#77)

* .nvmrc 버전 수정

* 폰트 및 공용컬러 추가 (#6)

* font-family 추가

* tailwind common color 추가

* color 명 변경

* lang 수정

---------

Co-authored-by: 전유민 <[email protected]>

* :lipstick: 공용 컴포넌트 shadcn ui 추가 (#7)

* :lipstick: Feat: shadcn-ui init

* :lipstick: Feat: add toast ui

* Feat: add textarea ui

* Feat: add switch ui

* Feat: add radio-group ui

* Feat: add label ui

* Feat: add input ui

* Feat: add form ui

* Feat: add button ui

* Feat: add dropdown-menu ui

* Feat: add card ui

* Feat: add badge ui

* Feat: add avatar ui

* Feat: add alert dialog ui

* Chore: add eslint rules

* Chore: add shadcn ui

* FE-48 📰 공용 컴포넌트 face emoji svg 파일 생성

* FE-48 :art: 감정 이모티콘 폴더 구조 변경

* FE-48 :sparkles: 감정 이모티콘 카드 컴포넌트 ui 생성

* FE-48 :sparkles: 감정 이모티콘 상태에 따른 클래스 설정

* FE-48 :lipstick: 감정 이모티콘 카드 컴포넌트 ui 수정

* FE-48 :sparkles: 감정 이모티콘 카드 클릭 이벤트 구현

- EmotionIconCardContainer를 사용해 상태관리와 이벤트 처리 (Clicked<->UnClicked)

* FE-48 📝 컴포넌트 이름 변경

명확한 의미 전달을 위해 컴포넌트 이름 변경

* FE-48 :sparkles: 감정 이모티콘 상태 변화 동기화 구

감정 카드를 클릭할 때 상태가 올바르게 전환되고, 다른 카드의 상태도 동기화되는 기능 구현

* FE-48 :sparkles: EmotionSelector 컴포넌트 동적 크기 변경 구현

useMediaQuery 훅 생성: 화면의 크기가 변경될 때마다 리스너 추가 및 제거

* FE-48 :fire: 출력 확인을 위한 테스트 컴포넌트 삭제

* FE-48 :hammer: EmotionTypes 인터페이스 정의

emotion 관련 컴포넌트에서 해당 인터페이스를 import하여 사용하게 구현

* FE-59 :sparkles: 에피그램 카드 ui 구현

tailwind css를 확장해 줄무늬 배경 이미지 구현

* FE-59 :sparkles: 에피그램 카드 반응현 디자인 구현

* FE-59 :lipstick: 에피그램 카드 글씨체 적용

* FE-59 :fire: 에피그램 카드 테스트 코드 삭제

* FE-59 :fire: 테스트 흔적 삭제

* FE-58 :sparkles: 공용 컴포넌트 댓글 카드 기본 ui 구현

* FE-58 :lipstick: 공용 컴포넌트 반응형 디자인 적용

* FE-58 :fire: 댓글 카드 테스트 코드 삭제

* FE-58 :lips: 댓글 카드 관련 인터페이스, 스타일 분리

* FE-50 ✨공용컴포넌트 헤더 구현 (#19)

* FE-5050✨ feat:  헤더 부분 기능 초안

* FE-50 ✨styles: 주석 추가

* FE-50 ✨styles: 주석 추추가

* FE-5050 ✨test: 테스트 코드

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨feat: 공유 이미지 추가 및 현재 URL 복사 기능 추가

* FE-50 ✨styles: U셋 중 하나가 빠지더라도 안무너지게 UI 수정

* FE-50 ✨comment:  주석 수정 및 추가

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨fix:  함수명 컨벤션에 맞게 변경

* FE-50 ✨fix: types 폴더에 interface 정의

* FE-50 fix: build 오류 수정

* FE-61 🔨 eslint 규칙 수정

* FE-61 🔥 InteractiveEmotionIconCard 삭제

단순 래핑 기능밖에 없는 컴포넌트 삭제 / emotionselector에서 emotioniconcard를 직접 사용하도록 수정

* FE-61 🔨 EpigramCard 사이즈 재정의

base -> xs로 변경

* FE-61 📝 공용 컴포넌트 테스트 텍스트 주석 추가

* FE-61 🔨 CommentCard 타입 내부 정의

* FE-61 :truck: 감정 카드 폴더 구조 변경

* FE-61 📝 감정 카드, 감정 셀렉터 주석 추가

* FE-61 :fire: 댓글 카드 디폴트 프롭 삭제

* FE-62 ✨fix:  주석 수정 및 타입 수정 (#27)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* build 오류 해결

* build 오류 해결 중

---------

Co-authored-by: 전유민 <[email protected]>
Co-authored-by: JeonYumin94 <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>

* FE-75  ✨무한 스크롤, 검색 결과 URL에 저장 기능 구현 (#104)

* FE-75 ✨styles: tailwind .config 파일 메인과 통합

* FE-75 ✨feat: 공용 컴포넌트 Header 추가

* FE-75 ✨refactor: useMemo 사용

* FE-75 ✨feat: URL에 검색 결과  저장

* FE-75 ✨styles: 로딩 스타일 구현

* FE-75 ✨feat: 실제 api 추가

* FE-75 ✨feat: api 기능 구현

* FE-75 ✨feat: 무한 스크롤 구현

* FE-75 ✨fix: 의존성 배열에서 로딩 상태 제거

* FE-75 ✨styles: 주석 추가

* FE-75 ✨feat:: 사용자마다 최근 검색어 관리할 수 있게 변경

* FE-75 ✨fix: 검색 전 검색 결과가  나오지 않도록 수정

* FE-32 🔀브랜치 최신화 (#105)

* .nvmrc 버전 수정

* 폰트 및 공용컬러 추가 (#6)

* font-family 추가

* tailwind common color 추가

* color 명 변경

* lang 수정

---------

Co-authored-by: 전유민 <[email protected]>

* :lipstick: 공용 컴포넌트 shadcn ui 추가 (#7)

* :lipstick: Feat: shadcn-ui init

* :lipstick: Feat: add toast ui

* Feat: add textarea ui

* Feat: add switch ui

* Feat: add radio-group ui

* Feat: add label ui

* Feat: add input ui

* Feat: add form ui

* Feat: add button ui

* Feat: add dropdown-menu ui

* Feat: add card ui

* Feat: add badge ui

* Feat: add avatar ui

* Feat: add alert dialog ui

* Chore: add eslint rules

* Chore: add shadcn ui

* FE-48 📰 공용 컴포넌트 face emoji svg 파일 생성

* FE-48 :art: 감정 이모티콘 폴더 구조 변경

* FE-48 :sparkles: 감정 이모티콘 카드 컴포넌트 ui 생성

* FE-48 :sparkles: 감정 이모티콘 상태에 따른 클래스 설정

* FE-48 :lipstick: 감정 이모티콘 카드 컴포넌트 ui 수정

* FE-48 :sparkles: 감정 이모티콘 카드 클릭 이벤트 구현

- EmotionIconCardContainer를 사용해 상태관리와 이벤트 처리 (Clicked<->UnClicked)

* FE-48 📝 컴포넌트 이름 변경

명확한 의미 전달을 위해 컴포넌트 이름 변경

* FE-48 :sparkles: 감정 이모티콘 상태 변화 동기화 구

감정 카드를 클릭할 때 상태가 올바르게 전환되고, 다른 카드의 상태도 동기화되는 기능 구현

* FE-48 :sparkles: EmotionSelector 컴포넌트 동적 크기 변경 구현

useMediaQuery 훅 생성: 화면의 크기가 변경될 때마다 리스너 추가 및 제거

* FE-48 :fire: 출력 확인을 위한 테스트 컴포넌트 삭제

* FE-48 :hammer: EmotionTypes 인터페이스 정의

emotion 관련 컴포넌트에서 해당 인터페이스를 import하여 사용하게 구현

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-59 :sparkles: 에피그램 카드 ui 구현

tailwind css를 확장해 줄무늬 배경 이미지 구현

* FE-59 :sparkles: 에피그램 카드 반응현 디자인 구현

* FE-59 :lipstick: 에피그램 카드 글씨체 적용

* FE-59 :fire: 에피그램 카드 테스트 코드 삭제

* FE-59 :fire: 테스트 흔적 삭제

* FE-58 :sparkles: 공용 컴포넌트 댓글 카드 기본 ui 구현

* FE-58 :lipstick: 공용 컴포넌트 반응형 디자인 적용

* FE-58 :fire: 댓글 카드 테스트 코드 삭제

* FE-58 :lips: 댓글 카드 관련 인터페이스, 스타일 분리

* FE-60 :sparkles: react hook form, zod 추가

* FE-50 ✨공용컴포넌트 헤더 구현 (#19)

* FE-5050✨ feat:  헤더 부분 기능 초안

* FE-50 ✨styles: 주석 추가

* FE-50 ✨styles: 주석 추추가

* FE-5050 ✨test: 테스트 코드

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨feat: 공유 이미지 추가 및 현재 URL 복사 기능 추가

* FE-50 ✨styles: U셋 중 하나가 빠지더라도 안무너지게 UI 수정

* FE-50 ✨comment:  주석 수정 및 추가

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨fix:  함수명 컨벤션에 맞게 변경

* FE-50 ✨fix: types 폴더에 interface 정의

* FE-50 fix: build 오류 수정

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* FE-61 🔨 eslint 규칙 수정

* FE-61 🔥 InteractiveEmotionIconCard 삭제

단순 래핑 기능밖에 없는 컴포넌트 삭제 / emotionselector에서 emotioniconcard를 직접 사용하도록 수정

* FE-61 🔨 EpigramCard 사이즈 재정의

base -> xs로 변경

* FE-61 📝 공용 컴포넌트 테스트 텍스트 주석 추가

* FE-61 🔨 CommentCard 타입 내부 정의

* FE-61 :truck: 감정 카드 폴더 구조 변경

* FE-61 📝 감정 카드, 감정 셀렉터 주석 추가

* FE-61 :fire: 댓글 카드 디폴트 프롭 삭제

* FE-62 ✨fix:  주석 수정 및 타입 수정 (#27)

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :lipstick: 회원가입 페이지 레이아웃 추가

* :lipstick: 간편 로그인 로고 추가

* :lipstick: 회원가입 ui 추가

* :sparkles: 회원가입 스키마 정의

* :heavy_plus_sign: 회원가입 페이지에 스키마 적용

* :lipstick: 에러 메시지 뜰 때 라벨, 인풋도 같은 에러 색깔 추가

* :memo: 유효성 검사를 통한 버튼의 비활성화 처리

* :memo: 유효성 검사에 따른 인풋 테두리 색상 처리

* :fire: AuthLayout 삭제

* :art: 회원가입 페이지 브라우저 확대시 ui 깨짐 수정

* :truck: 정규표현식 네이밍 변경

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :sparkles: 회원가입 응답 데이터 스키마 정의

* :sparkles: 회원가입 api 생성

* :sparkles: useRegisterMutation hook 생성

* :zap: 회원가입 폼에 mutaion hook 적용

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :zap: isAxiosError로 변경

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :twisted_rightwards_arrows: 충돌 해결

* :bug: postSignup 함수 추가

* :bug: postSignin 내보내는 방식 수정

* :wrench: lint 수정

* build 오류 해결

* build 오류 해결 중

* :sparkles: oauth api 생성

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* :sparkles: 카카오톡 리디렉트 uri 설정

* :sparkles: useKakaoLogin mutation hook 생성

* :zap: 네이버 구글 카카오 간편 로그인 링크 설정

* :recycle: 에러처리 로직 수정

* FE-51 :twisted_rightwards_arrows: 공용 API 머지 요청 (#92)

* FE-52  ✨에피그램 목록조회 API (#34)

* FE-52 feat: api schema 작성

* FE-52 ✨feat: getEpigrams api 작성

* FE-522 ✨fix:  default export로 변경

* FE-52 ✨test: 테스트 코드 작성

* FE-52 ✨feat: BaseUrl, TeamID 상수 추가 및 axios baseTRL 수정

* FE-52 ✨fix: schema 및 apis 파일 수정

* FE-52 ✨test:  테스트 코드 삭제

* FE-52 ✨fix: .env파일 생성 및 BaseURL 수정

* FE-52 ✨fix: limit 타입  수정(optional 삭제)

* FE-52 ✨text: 테 테스트코드 삭제

* FE-52 ✨fix: api GET요청 주소 수정('epigrams' -> '/epigrams')

* FE-53 :sparkles: 감정이모티콘 저장 스키마 정의

* FE-53 :sparkles: 오늘의 감정 저장 api 생성

* FE-53 :sparkles: getMe 함수를 사용해 로그인 상태 확인 기능 구현

* FE-53 :sparkles: 감정 한영 변환 함수

* FE-53 :sparkles: 감정 저장 후 토스트 알림 표시

* FE-53 :sparkles: 오늘의 감정 조회 api 생성

* FE-53 :hammer: 감정 한영 변환 함수 추가

+) post, get 함수 내부로 한영 변환 함수 이동

* FE-53 :sparkles: 오늘의 감정 스키마 추가 정의

* FE-53 :sparkles: 오늘의 감정 조회 함수 적용

* FE-53 :truck: 오늘의 감정 type 이름 변경

* FE-53 :sparkles: useMutation 훅 사용

* FE-53 :memo: EmotionSelector 주석 추가

* FE-53 :fire: api 함수 에러 처리 부분 제거

* FE-53 :hammer: useQuery를 사용해 오늘의 감정 조회

데이터를 조회할 때는 useQuery를 사용하는거라 함

* FE-56 :sparkles: 댓글 수정 API (#84)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-56 :sparkles: 댓글 수정 API

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-57 :sparkles: 댓글 삭제 API (#88)

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (#93)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (충돌수정) (#98)

---------

Co-authored-by: imsoohyeok <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* .http 파일 삭제

---------

Co-authored-by: 전유민 <[email protected]>
Co-authored-by: JeonYumin94 <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: MOON <[email protected]>
Co-authored-by: NEWJIN <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-32 🔀브랜치 최신화 (#110)

* .nvmrc 버전 수정

* 폰트 및 공용컬러 추가 (#6)

* font-family 추가

* tailwind common color 추가

* color 명 변경

* lang 수정

---------

Co-authored-by: 전유민 <[email protected]>

* :lipstick: 공용 컴포넌트 shadcn ui 추가 (#7)

* :lipstick: Feat: shadcn-ui init

* :lipstick: Feat: add toast ui

* Feat: add textarea ui

* Feat: add switch ui

* Feat: add radio-group ui

* Feat: add label ui

* Feat: add input ui

* Feat: add form ui

* Feat: add button ui

* Feat: add dropdown-menu ui

* Feat: add card ui

* Feat: add badge ui

* Feat: add avatar ui

* Feat: add alert dialog ui

* Chore: add eslint rules

* Chore: add shadcn ui

* FE-48 📰 공용 컴포넌트 face emoji svg 파일 생성

* FE-48 :art: 감정 이모티콘 폴더 구조 변경

* FE-48 :sparkles: 감정 이모티콘 카드 컴포넌트 ui 생성

* FE-48 :sparkles: 감정 이모티콘 상태에 따른 클래스 설정

* FE-48 :lipstick: 감정 이모티콘 카드 컴포넌트 ui 수정

* FE-48 :sparkles: 감정 이모티콘 카드 클릭 이벤트 구현

- EmotionIconCardContainer를 사용해 상태관리와 이벤트 처리 (Clicked<->UnClicked)

* FE-48 📝 컴포넌트 이름 변경

명확한 의미 전달을 위해 컴포넌트 이름 변경

* FE-48 :sparkles: 감정 이모티콘 상태 변화 동기화 구

감정 카드를 클릭할 때 상태가 올바르게 전환되고, 다른 카드의 상태도 동기화되는 기능 구현

* FE-48 :sparkles: EmotionSelector 컴포넌트 동적 크기 변경 구현

useMediaQuery 훅 생성: 화면의 크기가 변경될 때마다 리스너 추가 및 제거

* FE-48 :fire: 출력 확인을 위한 테스트 컴포넌트 삭제

* FE-48 :hammer: EmotionTypes 인터페이스 정의

emotion 관련 컴포넌트에서 해당 인터페이스를 import하여 사용하게 구현

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-59 :sparkles: 에피그램 카드 ui 구현

tailwind css를 확장해 줄무늬 배경 이미지 구현

* FE-59 :sparkles: 에피그램 카드 반응현 디자인 구현

* FE-59 :lipstick: 에피그램 카드 글씨체 적용

* FE-59 :fire: 에피그램 카드 테스트 코드 삭제

* FE-59 :fire: 테스트 흔적 삭제

* FE-58 :sparkles: 공용 컴포넌트 댓글 카드 기본 ui 구현

* FE-58 :lipstick: 공용 컴포넌트 반응형 디자인 적용

* FE-58 :fire: 댓글 카드 테스트 코드 삭제

* FE-58 :lips: 댓글 카드 관련 인터페이스, 스타일 분리

* FE-60 :sparkles: react hook form, zod 추가

* FE-50 ✨공용컴포넌트 헤더 구현 (#19)

* FE-5050✨ feat:  헤더 부분 기능 초안

* FE-50 ✨styles: 주석 추가

* FE-50 ✨styles: 주석 추추가

* FE-5050 ✨test: 테스트 코드

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨feat: 공유 이미지 추가 및 현재 URL 복사 기능 추가

* FE-50 ✨styles: U셋 중 하나가 빠지더라도 안무너지게 UI 수정

* FE-50 ✨comment:  주석 수정 및 추가

* FE-50 ✨fix: 테스트 코드 삭제

* FE-50 ✨fix:  함수명 컨벤션에 맞게 변경

* FE-50 ✨fix: types 폴더에 interface 정의

* FE-50 fix: build 오류 수정

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* FE-61 🔨 eslint 규칙 수정

* FE-61 🔥 InteractiveEmotionIconCard 삭제

단순 래핑 기능밖에 없는 컴포넌트 삭제 / emotionselector에서 emotioniconcard를 직접 사용하도록 수정

* FE-61 🔨 EpigramCard 사이즈 재정의

base -> xs로 변경

* FE-61 📝 공용 컴포넌트 테스트 텍스트 주석 추가

* FE-61 🔨 CommentCard 타입 내부 정의

* FE-61 :truck: 감정 카드 폴더 구조 변경

* FE-61 📝 감정 카드, 감정 셀렉터 주석 추가

* FE-61 :fire: 댓글 카드 디폴트 프롭 삭제

* FE-62 ✨fix:  주석 수정 및 타입 수정 (#27)

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :lipstick: 회원가입 페이지 레이아웃 추가

* :lipstick: 간편 로그인 로고 추가

* :lipstick: 회원가입 ui 추가

* :sparkles: 회원가입 스키마 정의

* :heavy_plus_sign: 회원가입 페이지에 스키마 적용

* :lipstick: 에러 메시지 뜰 때 라벨, 인풋도 같은 에러 색깔 추가

* :memo: 유효성 검사를 통한 버튼의 비활성화 처리

* :memo: 유효성 검사에 따른 인풋 테두리 색상 처리

* :fire: AuthLayout 삭제

* :art: 회원가입 페이지 브라우저 확대시 ui 깨짐 수정

* :truck: 정규표현식 네이밍 변경

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :sparkles: 회원가입 응답 데이터 스키마 정의

* :sparkles: 회원가입 api 생성

* :sparkles: useRegisterMutation hook 생성

* :zap: 회원가입 폼에 mutaion hook 적용

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :zap: isAxiosError로 변경

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* :twisted_rightwards_arrows: 충돌 해결

* :bug: postSignup 함수 추가

* :bug: postSignin 내보내는 방식 수정

* :wrench: lint 수정

* build 오류 해결

* build 오류 해결 중

* :sparkles: oauth api 생성

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* :sparkles: 카카오톡 리디렉트 uri 설정

* :sparkles: useKakaoLogin mutation hook 생성

* :zap: 네이버 구글 카카오 간편 로그인 링크 설정

* :recycle: 에러처리 로직 수정

* FE-51 :twisted_rightwards_arrows: 공용 API 머지 요청 (#92)

* FE-52  ✨에피그램 목록조회 API (#34)

* FE-52 feat: api schema 작성

* FE-52 ✨feat: getEpigrams api 작성

* FE-522 ✨fix:  default export로 변경

* FE-52 ✨test: 테스트 코드 작성

* FE-52 ✨feat: BaseUrl, TeamID 상수 추가 및 axios baseTRL 수정

* FE-52 ✨fix: schema 및 apis 파일 수정

* FE-52 ✨test:  테스트 코드 삭제

* FE-52 ✨fix: .env파일 생성 및 BaseURL 수정

* FE-52 ✨fix: limit 타입  수정(optional 삭제)

* FE-52 ✨text: 테 테스트코드 삭제

* FE-52 ✨fix: api GET요청 주소 수정('epigrams' -> '/epigrams')

* FE-53 :sparkles: 감정이모티콘 저장 스키마 정의

* FE-53 :sparkles: 오늘의 감정 저장 api 생성

* FE-53 :sparkles: getMe 함수를 사용해 로그인 상태 확인 기능 구현

* FE-53 :sparkles: 감정 한영 변환 함수

* FE-53 :sparkles: 감정 저장 후 토스트 알림 표시

* FE-53 :sparkles: 오늘의 감정 조회 api 생성

* FE-53 :hammer: 감정 한영 변환 함수 추가

+) post, get 함수 내부로 한영 변환 함수 이동

* FE-53 :sparkles: 오늘의 감정 스키마 추가 정의

* FE-53 :sparkles: 오늘의 감정 조회 함수 적용

* FE-53 :truck: 오늘의 감정 type 이름 변경

* FE-53 :sparkles: useMutation 훅 사용

* FE-53 :memo: EmotionSelector 주석 추가

* FE-53 :fire: api 함수 에러 처리 부분 제거

* FE-53 :hammer: useQuery를 사용해 오늘의 감정 조회

데이터를 조회할 때는 useQuery를 사용하는거라 함

* FE-56 :sparkles: 댓글 수정 API (#84)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

* FE-72 ✨ 에피그램 등록 api연동 (#52)

* FE-72✨ 글작성페이지 스키마 추가

* FE-72✨ form태그 Form컴포넌트로 변경

* FE-72✨ 태그 저장기능 추가

* FE-72✨ 에피그램 등록 api연동

* FE-72✨ 에피그램 등록시 해당 에피그램 페이지로 이동 기능 추가

* FE-72✨ 등록 중일때의 로직추가

* FE-72✨  toast-> alert-dailog로 변경

* FE-72📝 TODO주석 추가

---------

Co-authored-by: 우지석 <[email protected]>

* FE-73✨ 유효성검사 추가 (#66)

* FE-73♻️  Tag관리 함수 훅으로 분리

* FE-73✨  RadioGroup 로직 수정

* FE-73✨ 유효성검사 추가

* FE-73♻️  저자 본인 선택시의  로직 변경

* FE-73✨ 중복 태그 검사 로직 추가

* FE-73♻️ 출처 유효성(optional)검사 수정

* FE-73✨  필수항목 입력했을때 버튼 활성화

* FE-73🐛 태그를 입력했다가 지웠을때 버튼 활성화되있는 버그 수정

* FE-73🐛 useEffect 의존성배열 lint problem 해결

* FE-73🐛 url유효성검사 에러 메세지 안뜨는 버그 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-71♻️ epic브랜치 코드리뷰 반영 (#76)

* FE-71♻️  token,interceptor 로직 수정

* FE-71♻️  AddEpigram 코드리뷰 반영

* FE-71🔥 테스트용 상세페이지 삭제

* FE-71♻️  onKeyDown -> onKeyUp 수정

---------

Co-authored-by: 우지석 <[email protected]>

* FE-56 :sparkles: 댓글 수정 API

---------

Co-authored-by: MOON <[email protected]>
Co-authored-by: Jiseok Woo <[email protected]>
Co-authored-by: 우지석 <[email protected]>

* FE-57 :sparkles: 댓글 삭제 API (#88)

* FE-51 :twisted_rightwards_arrows: 공용 API 최신화 (#93)

* FE-29 :twisted_rightwards_arrows: 로그인 페이지 머지 요청 (#39)

* :heavy_plus_sign: 이미지 파일 추가

* :lipstick: 로그인 페이지 레이아웃 생성

* :lipstick: 로그인 페이지 UI 생성 및 반응형 디자인 구현

* FE-60 :sparkles: react hook form, zod 추가

* FE-60 :lipstick: 로그인 폼 스타일 수정

- 텍스트 인풋 테두리
- 로그인 버튼

* FE-60 :recycle: 로그인 스키마 분리

* :sparkles: 로그인 응답 데이터 스키마 정의

* :sparkles: 로그인 api 생성

* :sparkles: 요청과 응답에 관한 인터셉터 추가

* :sparkles: useSignin mutation hook 생성

* :zap: useSignin hook 로그인 폼에 적용

* :fire: AuthLayout 삭제

* :art: onSubmit 함수 인라인으로 정의

* :recycle: 응답 인터셉터의 에러 처리 및 토큰 갱신 로직 개선

* :recycle: postSignin api 에러처리 로직 삭제

* :fire: useSignin hook 삭제

* :truck: useSigninMutation hook으로 이름 변경 및 파일 이동

* :sparkles: Toaster 컴포넌트 추가

* :sparkles: toast로 에러메시지 띄우기

* FE-71 🔀 에피그램 작성 페이지 (#71)

* FE-64💄 글작성 페이지 UI추가 (#44)

*…
  • Loading branch information
11 people authored Aug 4, 2024
1 parent cbaedb4 commit 54a0133
Show file tree
Hide file tree
Showing 19 changed files with 142 additions and 82 deletions.
Binary file added public/icon/privateIcon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/icon/publicIcon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions public/noComment.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions public/unlikeIcon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 9 additions & 1 deletion src/apis/queries.ts
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { CommentRequestType } from '@/schema/comment';
import { GetMonthlyEmotionLogsRequestType } from '@/schema/emotion';
import { GetEpigramsParamsType } from '@/schema/epigrams';
import { getMe, getUser, getMyContentCount } from './user';
import { getEpigram } from './epigram';
import { getEpigram, toggleEpigramLike } from './epigram';
import { getEpigramComments, getMyEpigramComments } from './epigramComment';
import getMonthlyEmotionLogs from './emotion';
import getEpigrams from './getEpigrams';
Expand Down Expand Up @@ -37,12 +37,20 @@ const queries = createQueryKeyStore({
},
enabled: request.id !== undefined,
}),
toggleLike: (request: EpigramRequestType) => ({
queryKey: ['toggleEpigramLike', request.id],
mutationFn: (variables: EpigramRequestType) => toggleEpigramLike(variables),
}),
},
epigramComment: {
getComments: (request: CommentRequestType) => ({
queryKey: ['epigramComments', request],
queryFn: () => getEpigramComments(request),
}),
getCommentList: (request: CommentRequestType) => ({
queryKey: ['epigramComments', request] as const,
queryFn: ({ pageParam }: { pageParam: number | undefined }) => getEpigramComments({ ...request, cursor: pageParam }),
}),
getMyComments: (request: CommentRequestType) => ({
queryKey: ['myEpigramComments', request],
queryFn: () => getMyEpigramComments(request),
Expand Down
24 changes: 16 additions & 8 deletions src/components/epigram/Comment/CommentItem.tsx
Original file line number Diff line number Diff line change
@@ -1,29 +1,36 @@
import React, { useState } from 'react';
import Image from 'next/image';
import { CommentType } from '@/schema/comment';
import { sizeStyles, textSizeStyles, gapStyles, paddingStyles, contentWidthStyles } from '@/styles/CommentCardStyles';
import { textSizeStyles, gapStyles, paddingStyles, contentWidthStyles } from '@/styles/CommentCardStyles';
import getCustomRelativeTime from '@/lib/dateUtils';
import useDeleteCommentMutation from '@/hooks/useDeleteCommentHook';
import { useToast } from '@/components/ui/use-toast';
import { Button } from '@/components/ui/button';
import DeleteAlertModal from '../DeleteAlertModal';
import CommentTextarea from './CommentTextarea';

interface CommentItemProps {
comment: CommentType;
status?: 'view' | 'edit';
onEditComment: (id: number, content: string, isPrivate: boolean) => void;
onEditComment: (id: number) => void;
isEditing: boolean;
epigramId: number;
}

function CommentItem({ comment, status, onEditComment }: CommentItemProps) {
function CommentItem({ comment, status, onEditComment, isEditing, epigramId }: CommentItemProps) {
const deleteCommentMutation = useDeleteCommentMutation();
const { toast } = useToast();
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);

const handleEditClick = () => {
onEditComment(comment.id, comment.content, comment.isPrivate);
onEditComment(comment.id);
};

// NOTE: 댓글 삭제
// NOTE: 수정 중일 때(isEditing===true) CommentTextarea를 수정모드로 렌더링
if (isEditing) {
return <CommentTextarea epigramId={epigramId} editingComment={comment} onEditComplete={() => onEditComment(0)} />;
}

const handleDeleteComment = async () => {
try {
await deleteCommentMutation.mutateAsync(comment.id);
Expand All @@ -42,9 +49,9 @@ function CommentItem({ comment, status, onEditComment }: CommentItemProps) {

return (
<div
className={`bg-slate-100 border-t border-slate-300 flex-col justify-start items-start gap-2.5 inline-flex ${sizeStyles.sm} ${sizeStyles.md} ${sizeStyles.lg} ${paddingStyles.sm} ${paddingStyles.md} ${paddingStyles.lg}`}
className={`h-auto bg-slate-100 border-t border-slate-300 flex-col justify-start items-start gap-2.5 inline-flex w-[360px] md:w-[384px] lg:w-[640px] ${paddingStyles.sm} ${paddingStyles.md} ${paddingStyles.lg}`}
>
<div className='justify-start items-start gap-4 inline-flex'>
<div className='h-full justify-start items-start gap-4 inline-flex'>
<div className='w-12 h-12 relative'>
<div className='w-12 h-12 bg-zinc-300 rounded-full overflow-hidden flex items-center justify-center'>
<Image src={comment.writer.image || '/ProfileTestImage.jpg'} alt='프로필 이미지' layout='fill' objectFit='cover' className='rounded-full' />
Expand All @@ -57,6 +64,7 @@ function CommentItem({ comment, status, onEditComment }: CommentItemProps) {
<div className={`text-zinc-600 font-normal font-pretendard leading-normal ${textSizeStyles.sm.time} ${textSizeStyles.md.time} ${textSizeStyles.lg.time}`}>
{getCustomRelativeTime(comment.createdAt)}
</div>
<Image src={comment.isPrivate ? '/icon/privateIcon.png' : '/Icon/publicIcon.png'} width={16} height={16} alt={comment.isPrivate ? '비공개' : '공개'} />
</div>
{status === 'edit' && (
<div className='justify-start items-start gap-4 flex'>
Expand All @@ -78,7 +86,7 @@ function CommentItem({ comment, status, onEditComment }: CommentItemProps) {
)}
</div>
<div
className={`w-full text-zinc-800 font-normal font-pretendard ${textSizeStyles.sm.content} ${textSizeStyles.md.content} ${textSizeStyles.lg.content} ${contentWidthStyles.sm} ${contentWidthStyles.md} ${contentWidthStyles.lg}`}
className={`w-full text-zinc-800 font-normal font-pretendard whitespace-pre ${textSizeStyles.sm.content} ${textSizeStyles.md.content} ${textSizeStyles.lg.content} ${contentWidthStyles.sm} ${contentWidthStyles.md} ${contentWidthStyles.lg}`}
>
{comment.content}
</div>
Expand Down
16 changes: 11 additions & 5 deletions src/components/epigram/Comment/CommentList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@ import NoComment from './NoComment';
import CommentItem from './CommentItem';

interface CommentListProps extends Omit<EpigramCommentProps, 'userImage'> {
onEditComment: (id: number, content: string, isPrivate: boolean) => void;
onEditComment: (id: number) => void;
editingCommentId: number | null;
}

function CommentList({ epigramId, currentUserId, onEditComment }: CommentListProps) {
function CommentList({ epigramId, currentUserId, onEditComment, editingCommentId }: CommentListProps) {
const { data, fetchNextPage, hasNextPage, isFetchingNextPage, status } = useEpigramCommentsQuery(epigramId);

const observerRef = useRef<IntersectionObserver | null>(null);
const lastCommentRef = useRef<HTMLDivElement | null>(null);

// NOTE: Observer 콜백: 마지막 요소가 화면에 보이면 다음 페이지(댓글 최대3개를 묶어 1페이지 취급) 로드
const handleObserver = useCallback(
(entries: IntersectionObserverEntry[]) => {
const [target] = entries;
Expand All @@ -39,7 +39,6 @@ function CommentList({ epigramId, currentUserId, onEditComment }: CommentListPro
}

return () => {
// NOTE: effect가 실행되기전에 호출해서 메모리 누수를 방지해줌
if (observerRef.current) {
observerRef.current.disconnect();
}
Expand All @@ -58,7 +57,14 @@ function CommentList({ epigramId, currentUserId, onEditComment }: CommentListPro
{allComments.length > 0 ? (
<>
{allComments.map((comment) => (
<CommentItem key={comment.id} comment={comment} status={comment.writer.id === currentUserId ? 'edit' : 'view'} onEditComment={onEditComment} />
<CommentItem
key={comment.id}
comment={comment}
status={comment.writer.id === currentUserId ? 'edit' : 'view'}
onEditComment={onEditComment}
isEditing={editingCommentId === comment.id}
epigramId={epigramId}
/>
))}
<div ref={lastCommentRef}>{isFetchingNextPage && <div>더 많은 댓글을 불러오는 중...</div>}</div>
</>
Expand Down
24 changes: 14 additions & 10 deletions src/components/epigram/Comment/CommentTextarea.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ import { Textarea } from '@/components/ui/textarea';
import { zodResolver } from '@hookform/resolvers/zod';
import { useForm } from 'react-hook-form';
import Image from 'next/image';
import { CommentFormSchema, CommentFormValues } from '@/schema/comment';
import { CommentFormSchema, CommentFormValues, CommentType } from '@/schema/comment';
import usePostCommentMutation from '@/hooks/usePostCommentHook';
import usePatchCommentMutation from '@/hooks/usePatchCommentHook';

interface CommentTextareaProps {
epigramId: number;
editingComment: { id: number; content: string; isPrivate: boolean } | null;
editingComment?: CommentType;
onEditComplete: () => void;
}

Expand All @@ -29,9 +29,8 @@ function CommentTextarea({ epigramId, editingComment, onEditComplete }: CommentT
},
});

// NOTE: 수정중인지 새댓글작성중인지의 상태가 변활때 폼 초기화
useEffect(() => {
if (editingComment !== null) {
if (editingComment) {
form.reset({
content: editingComment.content,
isPrivate: editingComment.isPrivate,
Expand All @@ -46,7 +45,6 @@ function CommentTextarea({ epigramId, editingComment, onEditComplete }: CommentT

const onSubmit = (values: CommentFormValues) => {
if (editingComment) {
// NOTE: 댓글 수정 시
patchCommentMutation.mutate(
{ commentId: editingComment.id, ...values },
{
Expand All @@ -57,7 +55,6 @@ function CommentTextarea({ epigramId, editingComment, onEditComplete }: CommentT
},
);
} else {
// NOTE: 새 댓글 작성 시
const commentData = {
epigramId,
...values,
Expand All @@ -70,15 +67,21 @@ function CommentTextarea({ epigramId, editingComment, onEditComplete }: CommentT
}
};

// NOTE: 수정 취소
const handleKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Enter' && !event.shiftKey) {
event.preventDefault();
form.handleSubmit(onSubmit)();
}
};

const handleCancel = () => {
form.reset();
onEditComplete();
};

return (
<Form {...form}>
<form onSubmit={form.handleSubmit(onSubmit)} className='w-full relative'>
<form onSubmit={form.handleSubmit(onSubmit)} className={`w-full relative ${editingComment ? 'py-6 border-slate-300 border-t' : ''}`}>
<FormField
control={form.control}
name='content'
Expand All @@ -87,14 +90,15 @@ function CommentTextarea({ epigramId, editingComment, onEditComplete }: CommentT
<FormControl>
<div className='relative'>
<Textarea
className={`bg-slate-100 w-full text-base lg:text-xl text-black p-4 border-solid border-2 rounded-lg resize-none focus-visible:ring-0 ${
className={`bg-slate-100 h-16 md:h-20 lg:h-28 w-full text-base lg:text-xl text-black p-2 lg:p-4 border-solid border-2 rounded-lg resize-none focus-visible:ring-0 ${
editingComment ? 'border-black' : 'border-line-200'
}`}
placeholder='100자 이내로 입력해 주세요.'
onKeyDown={handleKeyDown}
{...field}
/>
{editingComment && (
<button type='button' onClick={handleCancel} className='absolute top-2 right-2'>
<button type='button' onClick={handleCancel} className='absolute top-2 right-6'>
<Image src='/Icon/cancelIcon.svg' alt='취소' width={20} height={20} />
</button>
)}
Expand Down
10 changes: 8 additions & 2 deletions src/components/epigram/Comment/NoComment.tsx
Original file line number Diff line number Diff line change
@@ -1,9 +1,15 @@
import { sizeStyles } from '@/styles/CommentCardStyles';
import Image from 'next/image';

export default function NoComment() {
return (
<div className={`flex justify-center ${sizeStyles.sm} ${sizeStyles.md} ${sizeStyles.lg}`}>
<p className='text-xl'>댓글을 작성해보세요!</p>
<div className={`flex flex-col items-center text-center p-10 ${sizeStyles.sm} ${sizeStyles.md} ${sizeStyles.lg}`}>
<Image className='w-24 h-24 lg:w-36 lg:h-36' src='/noComment.svg' width={96} height={96} alt='댓글없을때 이미지' />
<p className='text-sm lg:text-xl'>
아직 댓글이 없어요!
<br />
댓글을 달고 다른 사람들과 교류해보세요.
</p>
</div>
);
}
4 changes: 2 additions & 2 deletions src/components/epigram/EditEpigram.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@ import useTagManagement from '@/hooks/useTagManagementHook';
import { GetEpigramResponseType } from '@/schema/epigram';
import { useAuthorSelection } from '@/hooks/useAuthorSelectionHook';
import { AxiosError } from 'axios';
import Header from '../Header/Header';
import { RadioGroup, RadioGroupItem } from '../ui/radio-group';
import NewHeader from '../Header/NewHeader';

interface EditEpigramProps {
epigram: GetEpigramResponseType;
Expand Down Expand Up @@ -121,7 +121,7 @@ function EditEpigram({ epigram }: EditEpigramProps) {

return (
<>
<Header icon='back' isLogo insteadOfLogo='에피그램 수정' isProfileIcon isShareIcon={false} isButton={false} textInButton='' disabled={false} onClick={() => {}} />
<NewHeader />
<div className='border-t-2 w-full flex flex-col justify-center items-center'>
<Form {...form}>
<form onSubmit={form.handleSubmit(handleSubmit)} className='flex flex-col justify-center item-center gap-6 lg:gap-8 w-[312px] md:w-[384px] lg:w-[640px] py-6'>
Expand Down
2 changes: 1 addition & 1 deletion src/components/ui/switch.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import cn from '@/lib/utils';
const Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.Root>, React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>>(({ className, ...props }, ref) => (
<SwitchPrimitives.Root
className={cn(
'bg-black peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-black-600 data-[state=unchecked]:bg-gray-300',
className,
)}
{...props}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,6 @@ import { MutationOptions } from '@/types/query';
import postEpigram from '@/apis/add';
import { AxiosError } from 'axios';

// TODO: 에피그램 수정과 삭제에도 사용 가능하게 훅 수정 예정

const useAddEpigram = (options?: MutationOptions<AddEpigramFormType, AddEpigramResponseType>) => {
const queryClient = useQueryClient();

Expand Down
19 changes: 11 additions & 8 deletions src/hooks/useEpigramCommentsQueryHook.ts
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
import { InfiniteData, useInfiniteQuery } from '@tanstack/react-query';
// hooks/useEpigramCommentHook.ts

import { useInfiniteQuery } from '@tanstack/react-query';
import queries from '@/apis/queries';
import { CommentResponseType } from '@/schema/comment';
import { getEpigramComments } from '@/apis/epigramComment';

const useEpigramCommentsQuery = (epigramId: number) =>
// NOTE: 순서대로 API응답타입, 에러타입, 반환되는데이터타입, 쿼리 키 타입, 페이지 파라미터의 타입
useInfiniteQuery<CommentResponseType, Error, InfiniteData<CommentResponseType>, [string, number], number | undefined>({
queryKey: ['epigramComments', epigramId],
queryFn: ({ pageParam }) => getEpigramComments({ id: epigramId, limit: 3, cursor: pageParam }),
const useEpigramCommentsQuery = (epigramId: number) => {
const query = queries.epigramComment.getCommentList({ id: epigramId, limit: 3 });

return useInfiniteQuery({
...query,
initialPageParam: undefined,
getNextPageParam: (lastPage) => lastPage.nextCursor ?? undefined,
getNextPageParam: (lastPage: CommentResponseType) => lastPage.nextCursor ?? undefined,
});
};

export default useEpigramCommentsQuery;
Loading

0 comments on commit 54a0133

Please sign in to comment.