Skip to content

Commit c178c4d

Browse files
EunbinJungahk0413mtm-git1018
authored
Dev (#153)
* [fix] 챗봇 추천 페이지 수정 및 기능추가 (#130) * [fix] 논알콜일 시 payload 값 수정 * [fix] options 기본으로 수정 * [feat] 다시 시작하기 추가 * [feat] 채팅 캡처기능 추가 * [fix] currentStep 제거 * [fix] 파비콘 추가 및 헤더 메뉴 네이밍 수정 * [style] layout 모바일 대응 추가 * Design/main#11 (#131) * [style] 배경 * [design] 랜딩페이지 3d모델 * 3d 렌더링 * Style/main page 2#122 (#132) * [style]마이페이지 슬라이드 퍼블리싱 * [style] 메인페이지 슬라이드 * [docs]provider문서 정리 * [style] 메인페이지 스타일 간격조정 * [feat]알림 설정처리 * [stype]메인페이지 반응형 * [feat] 나만의 바 삭제 동기화 * [feat] 마이페이지 전체삭제 * [style] 메인페이지 반응형 * [feat] 마이페이지 푸시 오류 수정 * [docs]미 사용 파일 삭제 * [style] 메인3d이미지 스크롤 실험div제거 * Style/메인페이지 슬라이드영역 (#135) * [style]마이페이지 슬라이드 퍼블리싱 * [style] 메인페이지 슬라이드 * [docs]provider문서 정리 * [style] 메인페이지 스타일 간격조정 * [feat]알림 설정처리 * [stype]메인페이지 반응형 * [feat] 나만의 바 삭제 동기화 * [feat] 마이페이지 전체삭제 * [style] 메인페이지 반응형 * [feat] 마이페이지 푸시 오류 수정 * [docs]미 사용 파일 삭제 * [style] 메인3d이미지 스크롤 실험div제거 * [style] 메인페이지 슬라이드 반응형 * [style]메인페이지 이미지교체 * [style] 시맨틱구조 * [style] 모바일 메인배경 위치조정 * [fix] 화면 리사이징시 슬라이드 고정 버그 해결 * [fix] 브라우저 리사이징 버그 수정 * [chore]포매팅 * [fix] 로그아웃 시 auth/me api 자동호출로 401 에러 (#136) * [fix] 로그아웃 시 auth/me 자동호출로 401 에러 해결 * [fix] 로그인 새로고침 시 오류 로직 수정 * [fix] 리다이렉트 setTimeout 추가 * Design/main#11 (#138) * [style] 배경 * [design] 랜딩페이지 3d모델 * 3d 렌더링 * 로고,텍스트 추가 * 패키지제이슨 * 메인작업 * 카메라액션 취소 * 별 애니메이션 취소 * 대문자 * [fix] 레이아웃 분리 (#139) * Refactor/recipe fetch (#140) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [fix] 경로 오류 수정 * 경로 수정 * [fix] 경로수정 * Feat/write#19 (#142) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * [fix] MainSlide 수정 (#143) * [fix] MainSlide 수정 * [style] MainSlide 사진 추가 * Refactor/칵테일 정렬 기능 수정 (#144) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [fix]충돌에러수정 * [style] 폰트 추가 * [fix]파일 내 코드중복 수정 * [chore]포매팅 * [fix]타입중복 수정 * [chore]포매팅 * docs/ 폰트 추가 및 삭제 (#146) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [docs] 필요없는 폰트파일 정리 * [fix] scroll 위치이동 * Feat/write#19 (#147) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * 모바일 이미지 * 메인 수정 * 3d모델 * [style] 폰트 추가 * [feat] 스크롤 버튼 추가 * [fix] 시작 애니메이션 원복 * [docs]README * Feat/write#19 (#148) * [feat] 글쓰기 기능 * [feat] 포스트 작성 기능 * Feat/communityscroll#23 (#114) * [feat] 스크롤링구현 * [feat] 주소, api설정 * [feat] 커뮤니티 탭, 필터 패치로직 * [feat] lastLikeCount, lastCommentCount, 추가 * [fix] 코멘트 삭제수정 마이페이지에선 뗄수있게 myPage props 추가 * 옵셔널로 수정 * 오류 수정 * [feat] 글쓰기 기능 * 카테고리필수 * [feat] 포스트 무한스크롤 + 글쓰기기능 이미지추가 * [feat] 이미지 스와이퍼 * [feat] 프로필 쑤리 이미지 * [feat] 댓글 누르면 댓글 섹션으로 가기 * [feat] 좋아요기능(아직 좋아요받아오는건 못함 api필요) * [feat] 게시물 수정 * [feat] 글 수정 * [refactor] 코드 조금정리 * [feat] 작성자본인만 글수정삭제 * [feat]글 삭제기능 * [feat] 칵테일태그 * [fix]칵테일, 쉐어 기능 * 수 라우터, 비로그인처리 * 타입 수정 * 타입 수정 * 타입수정 * 타입수정 * 타입수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 오류수정 * 충돌해결 * 오류 수정 * 오류 수정 * 오류 수정 * [fix] 이미지 카운트, 10개 제한 * [fix] 글쓰기 placeholder * [fix] 공유 url 수정 * [fix] 프로필배경 지우기 * [fix] 플로팅탭 미디어쿼리 수정 * [fix] 수정 모달 * 댓글실시간반영 시도 * 수정 * [fix] 수정모달 로직 수정 * 수정로직 수정 * [feat] edit수정 * 타입오류 * [feat] 좋아요로직 수정 * [fix] 칵테일태그 너비 수정 * 글쓰기 로그인검사 * 버그들 수정 * 반응형 * 파일명 대문자수정 * 모바일 이미지 * 메인 수정 * 3d모델 * 메인 수정 * 아래칵테일잔수정 * [fix] 로그인 시 여러번 뜨는 toast 알림 이슈 수정 * fix/메인페이지 아코디언박스 오류 수정 (#151) * [refactor] 무한스크롤 tanstack * [refactor] 레시피페이지 리팩토링 * [refactor] 아코디언박스 * [feat]필터링 뒤로가기 스크롤 저장 * [chore] 머지 전 커밋 * [chore]머지 전 커밋 누락 내용 커밋 * [refactor]리팩토링 커밋 * [refactor] 정렬 중복아이템문제 * [feat] 칵테일 정렬기능 * [fix]댓글 알림 수정 * [chore] 충돌사항 수정 * [docs] 필요없는 폰트파일 정리 * [feat]sse설정 * [feat]sse알림설정 * [chore]머지후 커밋 * [style] 메인페이지 아코디언 오류 수정 * [feat]알림 SSE기능 * [fix] 수정 * [fix] 다시 수정 * 수정 * 수정 --------- Co-authored-by: ahk0413 <[email protected]> Co-authored-by: mtm-git1018 <[email protected]> Co-authored-by: ahk0413 <[email protected]>
1 parent 7dc6eeb commit c178c4d

File tree

8 files changed

+26
-39
lines changed

8 files changed

+26
-39
lines changed

‎README.md‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
# SSOUL 프로젝트 인수인계 문서
22

3-
## �� 프로젝트 개요
3+
## 프로젝트 개요
44

55
**프로젝트명**: SSOUL (칵테일을 좋아하는 사람들을 위한 서비스)
66
**기술 스택**: Next.js 15, React 19, TypeScript, Tailwind CSS
77
**저장소**: https://github.com/prgrms-web-devcourse-final-project/WEB5_6_HaeDokCoding_FE
88

9-
## �� 시작하기
9+
## 시작하기
1010

1111
### 개발 환경 설정
1212
```bash
@@ -60,7 +60,7 @@ src/
6060
└── utills/ # 유틸리티 함수
6161
```
6262

63-
## �� 주요 기능
63+
## 주요 기능
6464

6565
### 1. 인증 시스템
6666
- **소셜 로그인**: Google, Kakao, Naver 지원
@@ -72,19 +72,19 @@ src/
7272

7373
### 2. 페이지별 기능
7474

75-
#### �� 메인 페이지 (`/`)
75+
#### 메인 페이지 (`/`)
7676
- 현재 기본 구조만 구현됨
7777
- 추후 확장 예정
7878

79-
#### �� 칵테일 레시피 (`/recipe`)
79+
#### 칵테일 레시피 (`/recipe`)
8080
- **주요 컴포넌트**:
8181
- `CocktailList`: 칵테일 목록 표시
8282
- `Accordion`: 필터링 옵션
8383
- `SelectBox`: 정렬 옵션
8484
- **기능**: 검색, 필터링, 정렬
8585
- **상세 페이지**: `/recipe/[id]` - 개별 칵테일 상세 정보
8686

87-
#### �� 커뮤니티 (`/community`)
87+
#### 커뮤니티 (`/community`)
8888
- **주요 컴포넌트**:
8989
- `PostCard`: 게시물 카드
9090
- `CommunityTab`: 카테고리 탭
@@ -93,28 +93,28 @@ src/
9393
- **글쓰기**: `/community/write`
9494
- **상세 페이지**: `/community/[id]`
9595

96-
#### �� 취향 추천 (`/recommend`)
96+
#### 취향 추천 (`/recommend`)
9797
- **챗봇 기반 추천**: `ChatSection` 컴포넌트
9898
- **주요 컴포넌트**:
9999
- `BotMessage`, `UserMessage`: 메시지 컴포넌트
100100
- `BotOptions`: 선택 옵션
101101
- `MessageInput`: 입력창
102102
- `TypingIndicator`: 타이핑 효과
103103

104-
#### �� 마이페이지 (`/mypage`)
104+
#### 마이페이지 (`/mypage`)
105105
- **기본 리다이렉트**: `/mypage` → `/mypage/mybar`
106106
- **주요 섹션**:
107107
- `/mypage/mybar`: 나만의 바
108108
- `/mypage/my-active`: 활동 내역 (게시물, 댓글, 좋아요)
109109
- `/mypage/my-alarm`: 알림 설정
110110
- `/mypage/my-setting`: 계정 설정
111111

112-
#### �� 로그인 (`/login`)
112+
#### 로그인 (`/login`)
113113
- **소셜 로그인**: `SocialLogin` 컴포넌트
114114
- **성공 페이지**: `/login/success`
115115
- **신규 사용자**: `/login/user/first-user`
116116

117-
## �� 기술적 세부사항
117+
## 기술적 세부사항
118118

119119
### 상태 관리
120120
- **Zustand**: 클라이언트 상태 관리
@@ -136,34 +136,34 @@ src/
136136
- **Husky**: Git hooks
137137
- **Lint-staged**: 커밋 전 검사
138138

139-
## �� 주요 설정 파일
139+
## 주요 설정 파일
140140

141141
- `next.config.ts`: Next.js 설정
142142
- `tailwind.config.js`: Tailwind CSS 설정
143143
- `eslint.config.mjs`: ESLint 설정
144144
- `tsconfig.json`: TypeScript 설정
145145

146-
## �� 반응형 디자인
146+
## 반응형 디자인
147147

148148
프로젝트는 모바일 우선(Mobile-first) 접근 방식을 사용합니다:
149149
- **모바일**: 기본 스타일
150150
- **태블릿**: `md:` prefix
151151
- **데스크톱**: `lg:`, `xl:` prefix
152152

153-
## �� 주의사항
153+
## 주의사항
154154

155155
1. **환경 변수**: 개발/운영 환경에 맞는 API URL 설정 필요
156156
2. **인증 토큰**: localStorage에 저장되므로 보안 고려 필요
157157
3. **API 통신**: `credentials: 'include'` 설정으로 쿠키 기반 인증
158158
4. **Git Hooks**: Husky 설정으로 커밋 전 자동 검사
159159

160-
## �� 추가 문의
160+
## 추가 문의
161161

162162
- **저장소 이슈**: https://github.com/prgrms-web-devcourse-final-project/WEB5_6_HaeDokCoding_FE/issues
163163
- **주요 브랜치**: `main` (메인), `dev` (개발)
164164

165165
---
166166

167167
**작성일**: 2025-10-14
168-
**작성자**: 이성헌
168+
**작성자**: 정은빈 | 김아현 | 문태민
169169
**버전**: 1.0

‎src/app/(no-layout)/layout.tsx‎

Lines changed: 0 additions & 13 deletions
This file was deleted.

‎src/app/(main)/design-system/page.tsx‎ renamed to ‎src/app/(with-layout)/design-system/page.tsx‎

File renamed without changes.

‎src/domains/community/api/fetchPost.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,8 @@ export const fetchPostByTab = async ({
5050
const params = new URLSearchParams();
5151

5252
if (category && category !== 'all') {
53-
const categoryId = tabItem.findIndex((tab) => tab.key === category);
54-
if (categoryId >= 0) {
53+
const categoryId = tabItem.findIndex((tab) => tab.key === category) + 1;
54+
if (categoryId > 0) {
5555
params.set('categoryId', categoryId.toString());
5656
}
5757
}

‎src/domains/community/write/WriteSection.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ function WriteSection({ mode, postId }: Props) {
126126
return;
127127
}
128128

129-
const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName);
129+
const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName) + 1;
130130

131131
if (categoryId === -1) {
132132
toastError('카테고리를 선택해주세요.');
@@ -216,7 +216,7 @@ function WriteSection({ mode, postId }: Props) {
216216
return false;
217217
}
218218

219-
const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName);
219+
const categoryId = tabItem.findIndex((tab) => tab.label === formData.categoryName) + 1;
220220
if (categoryId === -1) {
221221
toastError('카테고리를 선택해주세요.');
222222
return false;

‎src/domains/main/cocktailDrop/CocktailDrop.tsx‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@ function CocktailDrop({ isDesktop = false }: CocktailDropProps) {
4545

4646
// 로고 위에서 아래로 자연스럽게 등장
4747
const screenWidth = window.innerWidth;
48+
4849
const viewportHeight = window.innerHeight;
4950
const isTablet = screenWidth >= 640 && screenWidth < 1024;
5051
const isMobile = screenWidth < 640;
@@ -54,7 +55,7 @@ function CocktailDrop({ isDesktop = false }: CocktailDropProps) {
5455
? `-${viewportHeight * 0.3}px`
5556
: isTablet
5657
? `-${viewportHeight * -0.8}px`
57-
: '0px';
58+
: '210px';
5859

5960
gsap.fromTo(
6061
logoRef.current,
@@ -87,16 +88,16 @@ function CocktailDrop({ isDesktop = false }: CocktailDropProps) {
8788
{/* 대각선 줄 1 */}
8889
<div
8990
ref={line1Ref}
90-
className="absolute md:top-[100px] top-[75px] left-[-50%] w-[200%] md:h-[80px] h-[50px] bg-secondary/80 rotate-[8deg] z-10"
91+
className="absolute lg:top-[150px] md:top-[100px] top-[75px] left-[-50%] w-[200%] md:h-[80px] h-[50px] bg-secondary/80 rotate-[8deg] z-10"
9192
/>
9293
{/* 대각선 줄 2 */}
9394
<div
9495
ref={line2Ref}
95-
className="absolute md:top-[200px] top-[150px] left-[-50%] w-[200%] md:h-[80px] h-[50px] bg-secondary rotate-[8deg] z-10"
96+
className="absolute lg:top-[250px] md:top-[200px] top-[150px] left-[-50%] w-[200%] md:h-[80px] h-[50px] bg-secondary rotate-[8deg] z-10"
9697
/>
9798

9899
{/* 로고 */}
99-
<div ref={logoRef} className="absolute z-4 md:w-115 w-65 md:h-90 h-40">
100+
<div ref={logoRef} className="absolute z-4 lg:w-125 md:w-115 w-65 lg:h-110 md:h-90 h-40">
100101
<Image
101102
src="/logo.svg"
102103
alt="로고 이미지"

‎src/domains/main/components/3d/HomeText.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ function HomeText({ isDesktop }: { isDesktop: boolean }) {
77
SSoul이 쉽게 골라드릴게요.
88
</p>
99
) : (
10-
<p className="absolute bottom-45 right-12 font-serif text-xl text-right font-normal z-20">
11-
어떤 칵테일이 끌리시나요? SSoul이 쉽게 골라드릴게요.
10+
<p className="absolute bottom-45 right-32 font-serif text-2xl text-right font-normal z-20">
11+
어떤 칵테일이 끌리시나요? <br /> SSoul이 쉽게 골라드릴게요.
1212
</p>
1313
)}
1414
</>

‎src/domains/shared/components/comment/CommentList.tsx‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,6 @@ function CommentList({
6767
aria-label="댓글 목록"
6868
className="flex flex-col mt-6 overflow-y-auto no-scrollbar"
6969
ref={parentRef}
70-
style={{ minHeight: '300px', maxHeight: '600px' }}
7170
>
7271
<ul>
7372
{comments?.map((comment, index) => {

0 commit comments

Comments
 (0)