FE-34 ✨ 마이페이지 프로필 수정 기능 (#28)

* .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하여 사용하게 구현

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

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

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

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

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

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

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

* FE-34 ✨ 유저 프로필 컴포넌트 분리
- Profile.tsx 파일로 유저 프로필 부분 분리
- 파일(이미지) 선택 기능 구현(api 연동x)
- 등록 된 이미지가 없다면 샘플이미지 출력

* FE-34 ✨ 이미지 업로드 presignedUrl 생성 api 연동
- 현재 로그인 인증 토큰이 없어 401 에러가 뜸

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

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

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

* 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-34 ✨ 프로필 수정 모달 ui

* FE-34 🔀 main branch merge

* FE-34✨ 이미지 파일 미리보기 기능 구현

* FE-34✨ 텍스트 입력 함수 추가

* FE-34✨ formik으로 회원정보 변경 로직 수정

* FE-34✨ presigned url 생성 api 연동

* FE-34 🔨 next.config 파일 s3  url 추가

* FE-34 ✨ 프로필 수정 유효성 검사 추가
- 파일 이름 'profile' + 파일업로드 날짜로 변경
- 닉네임 1~30자 일때만 입력 가능하도록 설정

* FE-34 ✨ 프로필 수정 api 완료

* FE-34 🎨 pr 리뷰 수정

* FE-34 🔥 confilct 삭제

---------

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

next.config.mjs

@@ -1,6 +1,23 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  images: {
+    domains: ['sprint-fe-project.s3.ap-northeast-2.amazonaws.com', 'localhost'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'via.placeholder.com',
+        port: '',
+        pathname: '/**',
+      },
+    ],
+  },
+  rewrites: async () => [
+    {
+      source: '/api/proxy/:path*',
+      destination: 'https://sprint-fe-project.s3.ap-northeast-2.amazonaws.com/:path*',
+    },
+  ],
 };
 
 export default nextConfig;