FE-32 검색페이지 메인 충돌 수정 (#112)

* .nvmrc 버전 수정

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

* font-family 추가

* tailwind common color 추가

* color 명 변경

* lang 수정

---------

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

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

* 💄 Feat: shadcn-ui init

* 💄 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 🎨 감정 이모티콘 폴더 구조 변경

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

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

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

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

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

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

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

* FE-48 ✨ 감정 이모티콘 상태 변화 동기화 구

감정 카드를 클릭할 때 상태가 올바르게 전환되고, 다른 카드의 상태도 동기화되는 기능 구현

* FE-48 ✨ EmotionSelector 컴포넌트 동적 크기 변경 구현

useMediaQuery 훅 생성: 화면의 크기가 변경될 때마다 리스너 추가 및 제거

* FE-48 🔥 출력 확인을 위한 테스트 컴포넌트 삭제

* FE-48 🔨 EmotionTypes 인터페이스 정의

emotion 관련 컴포넌트에서 해당 인터페이스를 import하여 사용하게 구현

* ➕ 이미지 파일 추가

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

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

* FE-59 ✨ 에피그램 카드 ui 구현

tailwind css를 확장해 줄무늬 배경 이미지 구현

* FE-59 ✨ 에피그램 카드 반응현 디자인 구현

* FE-59 💄 에피그램 카드 글씨체 적용

* FE-59 🔥 에피그램 카드 테스트 코드 삭제

* FE-59 🔥 테스트 흔적 삭제

* FE-58 ✨ 공용 컴포넌트 댓글 카드 기본 ui 구현

* FE-58 💄 공용 컴포넌트 반응형 디자인 적용

* FE-58 🔥 댓글 카드 테스트 코드 삭제

* FE-58 👄 댓글 카드 관련 인터페이스, 스타일 분리

* FE-60 ✨ 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 💄 로그인 폼 스타일 수정

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

* FE-60 ♻️ 로그인 스키마 분리

* FE-61 🔨 eslint 규칙 수정

* FE-61 🔥 InteractiveEmotionIconCard 삭제

단순 래핑 기능밖에 없는 컴포넌트 삭제 / emotionselector에서 emotioniconcard를 직접 사용하도록 수정

* FE-61 🔨 EpigramCard 사이즈 재정의

base -> xs로 변경

* FE-61 📝 공용 컴포넌트 테스트 텍스트 주석 추가

* FE-61 🔨 CommentCard 타입 내부 정의

* FE-61 🚚 감정 카드 폴더 구조 변경

* FE-61 📝 감정 카드, 감정 셀렉터 주석 추가

* FE-61 🔥 댓글 카드 디폴트 프롭 삭제

* FE-62 ✨fix:  주석 수정 및 타입 수정 (#27)

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

* ✨ 로그인 api 생성

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

* ✨ useSignin mutation hook 생성

* ⚡ useSignin hook 로그인 폼에 적용

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

* 💄 간편 로그인 로고 추가

* 💄 회원가입 ui 추가

* ✨ 회원가입 스키마 정의

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

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

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

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

* 🔥 AuthLayout 삭제

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

* 🚚 정규표현식 네이밍 변경

* 🔥 AuthLayout 삭제

* 🎨 onSubmit 함수 인라인으로 정의

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

* ♻️ postSignin api 에러처리 로직 삭제

* 🔥 useSignin hook 삭제

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

* ✨ Toaster 컴포넌트 추가

* ✨ toast로 에러메시지 띄우기

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

* ✨ 회원가입 api 생성

* ✨ useRegisterMutation hook 생성

* ⚡ 회원가입 폼에 mutaion hook 적용

* ✨ Toaster 컴포넌트 추가

* ✨ toast로 에러메시지 띄우기

* ⚡ isAxiosError로 변경

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

* ➕ 이미지 파일 추가

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

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

* FE-60 ✨ react hook form, zod 추가

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

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

* FE-60 ♻️ 로그인 스키마 분리

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

* ✨ 로그인 api 생성

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

* ✨ useSignin mutation hook 생성

* ⚡ useSignin hook 로그인 폼에 적용

* 🔥 AuthLayout 삭제

* 🎨 onSubmit 함수 인라인으로 정의

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

* ♻️ postSignin api 에러처리 로직 삭제

* 🔥 useSignin hook 삭제

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

* ✨ Toaster 컴포넌트 추가

* ✨ toast로 에러메시지 띄우기

* 🔀 충돌 해결

* 🐛 postSignup 함수 추가

* 🐛 postSignin 내보내는 방식 수정

* 🔧 lint 수정

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

* ✨ 카카오톡 리디렉트 uri 설정

* ✨ useKakaoLogin mutation hook 생성

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

* ♻️ 에러처리 로직 수정

* FE-51 🔀 공용 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 ✨ 감정이모티콘 저장 스키마 정의

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

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

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

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

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

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

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

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

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

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

* FE-53 ✨ useMutation 훅 사용

* FE-53 📝 EmotionSelector 주석 추가

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

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

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

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

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

* ➕ 이미지 파일 추가

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

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

* FE-60 ✨ react hook form, zod 추가

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

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

* FE-60 ♻️ 로그인 스키마 분리

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

* ✨ 로그인 api 생성

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

* ✨ useSignin mutation hook 생성

* ⚡ useSignin hook 로그인 폼에 적용

* 🔥 AuthLayout 삭제

* 🎨 onSubmit 함수 인라인으로 정의

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

* ♻️ postSignin api 에러처리 로직 삭제

* 🔥 useSignin hook 삭제

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

* ✨ Toaster 컴포넌트 추가

* ✨ 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 ✨ 댓글 수정 API

---------

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

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

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

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

* ➕ 이미지 파일 추가

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

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

* FE-60 ✨ react hook form, zod 추가

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

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

* FE-60 ♻️ 로그인 스키마 분리

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

* ✨ 로그인 api 생성

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

* ✨ useSignin mutation hook 생성

* ⚡ useSignin hook 로그인 폼에 적용

* 🔥 AuthLayout 삭제

* 🎨 onSubmit 함수 인라인으로 정의

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

* ♻️ postSignin api 에러처리 로직 삭제

* 🔥 useSignin hook 삭제

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

* ✨ Toaster 컴포넌트 추가

* ✨ 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 🔀 공용 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: 전유민 <[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]>

tailwind.config.js

@@ -2,7 +2,65 @@
 module.exports = {
   content: ['./pages/**/*.{js,ts,jsx,tsx,mdx}', './src/**/*.{js,ts,jsx,tsx,mdx}'],
   theme: {
-    extend: {},
+    extend: {
+      fontFamily: {
+        pretendard: ['Pretendard'],
+        iropkeBatang: ['IropkeBatang'],
+      },
+      colors: {
+        'black-100': '#787878',
+        'black-200': '#6B6B6B',
+        'black-300': '#5E5E5E',
+        'black-400': '#525252',
+        'black-500': '#454545',
+        'black-600': '#373737',
+        'black-700': '#2B2B2B',
+        'black-800': '#1F1F1F',
+        'black-900': '#121212',
+        'black-950': '#050505',
+        'blue-100': '#FFFFFF',
+        'blue-200': '#ECEFF4',
+        'blue-300': '#CBD3E1',
+        'blue-400': '#ABB8CE',
+        'blue-500': '#8B9DBC',
+        'blue-600': '#6A82A9',
+        'blue-700': '#52698E',
+        'blue-800': '#40516E',
+        'blue-900': '#2D394E',
+        'blue-950': '#1A212D',
+        'gray-100': '#DEDEDE',
+        'gray-200': '#C4C4C4',
+        'gray-300': '#ABABAB',
+        'gray-400': '#919191',
+        'background-100': '#F5F7FA',
+        'state-error': '#FF6577',
+        'line-100': '#F2F2F2',
+        'line-200': '#CFDBEA',
+        'illust-yellow': '#FBC85B',
+        'illust-green': '#48BB98',
+        'illust-purple': '#8E80E3',
+        'illust-blue': '#5195EE',
+        'illust-red': '#E46E80',
+        'illust-brown': '#9A695E',
+        'sub-yellow': '#E8AA26',
+        'sub-blue_1': '#3E3E3E',
+        'sub-blue_2': '#3E414D',
+        'sub-blue_3': '#494D59',
+        'sub-gray_1': '#C7D1E0',
+        'sub-gray_2': '#E3E9F1',
+        'sub-gray_3': '#EFF3F8',
+      },
+      screens: {
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+        '2xl': '1536px',
+      },
+      backgroundImage: {
+        stripes: 'repeating-linear-gradient(to bottom, #ffffff, #ffffff 23px, #e5e7eb 23px, #e5e7eb 24px)',
+      },
+    },
   },
   plugins: [],
 };