Skip to content

Commit 1a80f70

Browse files
EunbinJungmtm-git1018ahk0413
authored
Style/community#18 (#80)
* [chore] 메타데이터 추가 * [fix] 수정 * [fix] 스크롤 수정 * [fix] 레이아웃 수정 * [style] 커뮤니티 상세 ui * [style]레시피페이지 * [style]recipe페이지 * [style]칵테일페이지 * [style]페이지 수정사항 수정 * [style]레시피페이지 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [style] select박스 정렬 * [style] 수정사항 반영 * [style] 수정 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [feat] StarBg컴포넌트 * [feat] 라벨 컴포넌트 분리 * [feat]selectBox컴포넌트 다양화 * [design] 채팅 폼 ui * [feat] 레이아웃 footer 로직 추가 * [style] 취향 추천페이지 작업 * [style] layout 양옆 padding 값 수정 * [style] 라디오, input, 쑤리 챗, 나의 챗 컴포넌트 작업 * [feat] keep 버튼 이벤트 전파 막기 추가 * [feat] scrollTopbtn 취향추천 페이지에서 none 처리 * [style] 카드 컴포넌트 구현 완료 * [feat] 스크롤 탑 버튼 throttle 추가 * [design] 헤더 아이콘 hover / 페이지 이동시 추가 * [fix] 헤더아이콘 경고 이슈 해결 * [design] toast 줄바꿈 예시 추가 * [feat] auth 관련 store 생성 * [feat] 로그인 상태에 따라 로직 추가 * [feat] 로그인 시 전페이지로 이동하도록 로직 추가 / 모달 store 추가 * [feat] 소셜로그인 로직 수정 (api 대기중) * [text] 로그인 기능구현중 테스트 * [style] 불필요한 코드 제거 * [style] 커뮤니티 상세페이지 UI * [fix] 수정 * [fix] 수정 * [style] 별배경 추가 * [refactor] 닫힐때 애니메이션 나오게 수정 * [refactor] createPortal 추가 * [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * [chore] next.config.ts파일 * [fix] 클라이언트 페이지 선언 * [fix] 빌드에러 * [fix] z-index 주기 * Squashed commit of the following: commit 643a5f2 Author: mtm-git1018 <[email protected]> Date: Fri Sep 26 09:41:04 2025 +0900 Feat/칵테일 상세페이지#17 (#59) * [style]레시피 상세페이지 * [style]레시피 상세페이지 헤더 * [style]추천리스트 * [style]레시피 상세페이지 * [style]칵테일 상세페이지 * [style] 상세페이지 컴포넌트 정리 * [fix] 경로수정 * [refactor] PageHeader 수정 commit 38cde08 Author: ahk0413 <[email protected]> Date: Fri Sep 26 00:04:49 2025 +0900 [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * 수정 * 수정 * 오류 해결 * [style] 간단 css 수정 * [docs] 폴더정리 * [fix] 경로수정 * [fix]경로수정 * [fix]경로수정 * [fix]경로수정 * [chore] format * [fix] 경로 수정 * [chore] 폴더구조 변경 * [refactor] react-use 사용으로 스크롤 이벤트 최적화 * [fix] 의존성 추가 * Style/community#18 (#62) * [chore] 메타데이터 추가 * [fix] 수정 * [fix] 스크롤 수정 * [fix] 레이아웃 수정 * [style] 커뮤니티 상세 ui * [style]레시피페이지 * [style]recipe페이지 * [style]칵테일페이지 * [style]페이지 수정사항 수정 * [style]레시피페이지 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [style] select박스 정렬 * [style] 수정사항 반영 * [style] 수정 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [feat] StarBg컴포넌트 * [feat] 라벨 컴포넌트 분리 * [feat]selectBox컴포넌트 다양화 * [design] 채팅 폼 ui * [feat] 레이아웃 footer 로직 추가 * [style] 취향 추천페이지 작업 * [style] layout 양옆 padding 값 수정 * [style] 라디오, input, 쑤리 챗, 나의 챗 컴포넌트 작업 * [feat] keep 버튼 이벤트 전파 막기 추가 * [feat] scrollTopbtn 취향추천 페이지에서 none 처리 * [style] 카드 컴포넌트 구현 완료 * [feat] 스크롤 탑 버튼 throttle 추가 * [design] 헤더 아이콘 hover / 페이지 이동시 추가 * [fix] 헤더아이콘 경고 이슈 해결 * [design] toast 줄바꿈 예시 추가 * [feat] auth 관련 store 생성 * [feat] 로그인 상태에 따라 로직 추가 * [feat] 로그인 시 전페이지로 이동하도록 로직 추가 / 모달 store 추가 * [feat] 소셜로그인 로직 수정 (api 대기중) * [text] 로그인 기능구현중 테스트 * [style] 불필요한 코드 제거 * [style] 커뮤니티 상세페이지 UI * [fix] 수정 * [fix] 수정 * [style] 별배경 추가 * [refactor] 닫힐때 애니메이션 나오게 수정 * [refactor] createPortal 추가 * [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * [chore] next.config.ts파일 * [fix] 클라이언트 페이지 선언 * [fix] 빌드에러 * [fix] z-index 주기 * Squashed commit of the following: commit 643a5f2 Author: mtm-git1018 <[email protected]> Date: Fri Sep 26 09:41:04 2025 +0900 Feat/칵테일 상세페이지#17 (#59) * [style]레시피 상세페이지 * [style]레시피 상세페이지 헤더 * [style]추천리스트 * [style]레시피 상세페이지 * [style]칵테일 상세페이지 * [style] 상세페이지 컴포넌트 정리 * [fix] 경로수정 * [refactor] PageHeader 수정 commit 38cde08 Author: ahk0413 <[email protected]> Date: Fri Sep 26 00:04:49 2025 +0900 [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * 수정 * 수정 * 오류 해결 --------- Co-authored-by: mtm1018 <[email protected]> Co-authored-by: ahk0413 <[email protected]> Co-authored-by: ahk0413 <[email protected]> * [docs] 폴더정리 * [fix]경로수정 * [fix]경로수정 * 경로수정 * 폴더오류 * 오류수정 * [fix] 메타태그 * [style] 커뮤니티 탭 최소사이즈 지정 * 포맷 수정 * [chore] 파일 합칠 때 잘못 저장된 파일 삭제 * [style] 글쓰기 * [chore]폴더구조 변경 comment 공유 컴포넌트화 * Squashed commit of the following: commit f98f5c4 Author: ahk0413 <[email protected]> Date: Fri Sep 26 14:42:22 2025 +0900 [docs] 폴더명 카멜케이스 -> 케밥케이스로 변경 (#69) * [docs] 폴더 카멜케이스 -> 케밥케이스 * [fix] 경로 오류 commit b2fea1f Author: ahk0413 <[email protected]> Date: Fri Sep 26 14:01:45 2025 +0900 [fix] 로그인 관련 수정 (#67) * [fix, docs] 로그인 리다이렉트 경로 페이지 수정 및 로그인 관련 폴더 구조 수정 * [feat] 로그아웃 팝업 추가 * [fix] confirm 창 버튼 props 받을 수 있게 수정 * [fix] loginRedirect 경로 수정 * [feat] 로그아웃 confirm 창 연동 , 새로고침시에도 로그인 유지, 로그인, 비로그인 시 메뉴 show/hide 처리 * [fix] 에러 해결 * [fix] husky 오류 해결 commit 9b2f69d Author: EunbinJ <[email protected]> Date: Fri Sep 26 12:43:42 2025 +0900 Style/community#18 (#66) * [chore] 메타데이터 추가 * [fix] 수정 * [fix] 스크롤 수정 * [fix] 레이아웃 수정 * [style] 커뮤니티 상세 ui * [style]레시피페이지 * [style]recipe페이지 * [style]칵테일페이지 * [style]페이지 수정사항 수정 * [style]레시피페이지 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [style] select박스 정렬 * [style] 수정사항 반영 * [style] 수정 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [feat] StarBg컴포넌트 * [feat] 라벨 컴포넌트 분리 * [feat]selectBox컴포넌트 다양화 * [design] 채팅 폼 ui * [feat] 레이아웃 footer 로직 추가 * [style] 취향 추천페이지 작업 * [style] layout 양옆 padding 값 수정 * [style] 라디오, input, 쑤리 챗, 나의 챗 컴포넌트 작업 * [feat] keep 버튼 이벤트 전파 막기 추가 * [feat] scrollTopbtn 취향추천 페이지에서 none 처리 * [style] 카드 컴포넌트 구현 완료 * [feat] 스크롤 탑 버튼 throttle 추가 * [design] 헤더 아이콘 hover / 페이지 이동시 추가 * [fix] 헤더아이콘 경고 이슈 해결 * [design] toast 줄바꿈 예시 추가 * [feat] auth 관련 store 생성 * [feat] 로그인 상태에 따라 로직 추가 * [feat] 로그인 시 전페이지로 이동하도록 로직 추가 / 모달 store 추가 * [feat] 소셜로그인 로직 수정 (api 대기중) * [text] 로그인 기능구현중 테스트 * [style] 불필요한 코드 제거 * [style] 커뮤니티 상세페이지 UI * [fix] 수정 * [fix] 수정 * [style] 별배경 추가 * [refactor] 닫힐때 애니메이션 나오게 수정 * [refactor] createPortal 추가 * [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * [chore] next.config.ts파일 * [fix] 클라이언트 페이지 선언 * [fix] 빌드에러 * [fix] z-index 주기 * Squashed commit of the following: commit 643a5f2 Author: mtm-git1018 <[email protected]> Date: Fri Sep 26 09:41:04 2025 +0900 Feat/칵테일 상세페이지#17 (#59) * [style]레시피 상세페이지 * [style]레시피 상세페이지 헤더 * [style]추천리스트 * [style]레시피 상세페이지 * [style]칵테일 상세페이지 * [style] 상세페이지 컴포넌트 정리 * [fix] 경로수정 * [refactor] PageHeader 수정 commit 38cde08 Author: ahk0413 <[email protected]> Date: Fri Sep 26 00:04:49 2025 +0900 [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * 수정 * 수정 * 오류 해결 * [style] 간단 css 수정 * [docs] 폴더정리 * [fix] 경로수정 * [fix]경로수정 * [fix]경로수정 * [fix]경로수정 * [chore] format * [fix] 경로 수정 * [chore] 폴더구조 변경 * [refactor] react-use 사용으로 스크롤 이벤트 최적화 * [fix] 의존성 추가 * Style/community#18 (#62) * [chore] 메타데이터 추가 * [fix] 수정 * [fix] 스크롤 수정 * [fix] 레이아웃 수정 * [style] 커뮤니티 상세 ui * [style]레시피페이지 * [style]recipe페이지 * [style]칵테일페이지 * [style]페이지 수정사항 수정 * [style]레시피페이지 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [style] select박스 정렬 * [style] 수정사항 반영 * [style] 수정 * [style]recipe페이지 * [feat]selectBox컴포넌트 다양화 * [feat] StarBg컴포넌트 * [feat] 라벨 컴포넌트 분리 * [feat]selectBox컴포넌트 다양화 * [design] 채팅 폼 ui * [feat] 레이아웃 footer 로직 추가 * [style] 취향 추천페이지 작업 * [style] layout 양옆 padding 값 수정 * [style] 라디오, input, 쑤리 챗, 나의 챗 컴포넌트 작업 * [feat] keep 버튼 이벤트 전파 막기 추가 * [feat] scrollTopbtn 취향추천 페이지에서 none 처리 * [style] 카드 컴포넌트 구현 완료 * [feat] 스크롤 탑 버튼 throttle 추가 * [design] 헤더 아이콘 hover / 페이지 이동시 추가 * [fix] 헤더아이콘 경고 이슈 해결 * [design] toast 줄바꿈 예시 추가 * [feat] auth 관련 store 생성 * [feat] 로그인 상태에 따라 로직 추가 * [feat] 로그인 시 전페이지로 이동하도록 로직 추가 / 모달 store 추가 * [feat] 소셜로그인 로직 수정 (api 대기중) * [text] 로그인 기능구현중 테스트 * [style] 불필요한 코드 제거 * [style] 커뮤니티 상세페이지 UI * [fix] 수정 * [fix] 수정 * [style] 별배경 추가 * [refactor] 닫힐때 애니메이션 나오게 수정 * [refactor] createPortal 추가 * [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * [chore] next.config.ts파일 * [fix] 클라이언트 페이지 선언 * [fix] 빌드에러 * [fix] z-index 주기 * Squashed commit of the following: commit 643a5f2 Author: mtm-git1018 <[email protected]> Date: Fri Sep 26 09:41:04 2025 +0900 Feat/칵테일 상세페이지#17 (#59) * [style]레시피 상세페이지 * [style]레시피 상세페이지 헤더 * [style]추천리스트 * [style]레시피 상세페이지 * [style]칵테일 상세페이지 * [style] 상세페이지 컴포넌트 정리 * [fix] 경로수정 * [refactor] PageHeader 수정 commit 38cde08 Author: ahk0413 <[email protected]> Date: Fri Sep 26 00:04:49 2025 +0900 [feat] 로그인 기능 구현 (#63) - 로그아웃 이슈는 추후 논의 필요 * [refactor] modal store 삭제 * [feat] 쿠키 저장 구현중... * [feat] 로그인 쿠키저장하여 이전페이지 이동 완료 * [docs] 의미없는 폴더 삭제 * 수정 * 수정 * 오류 해결 --------- Co-authored-by: mtm1018 <[email protected]> Co-authored-by: ahk0413 <[email protected]> Co-authored-by: ahk0413 <[email protected]> * [docs] 폴더정리 * [fix]경로수정 * [fix]경로수정 * 경로수정 * 폴더오류 * 오류수정 --------- Co-authored-by: mtm1018 <[email protected]> Co-authored-by: ahk0413 <[email protected]> Co-authored-by: ahk0413 <[email protected]> * 수정 * comment 컴포넌트화 * 수정 * '경로 수정' * [style] 커뮤니티 글쓰기 UI * 수정 * [style] 커뮤니티 스켈레톤 * 코드정리 * 스켈레톤 수정 * 파일이름 수정 * 레이아웃수정 --------- Co-authored-by: mtm1018 <[email protected]> Co-authored-by: ahk0413 <[email protected]> Co-authored-by: ahk0413 <[email protected]>
1 parent ad15436 commit 1a80f70

File tree

8 files changed

+117
-6
lines changed

8 files changed

+117
-6
lines changed

‎src/app/community/[id]/loading.tsx‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
function loading() {
2+
return (
3+
<div className="w-full mb-10 flex relative animate-pulse">
4+
{/* 메인 콘텐츠 */}
5+
<article className="page-layout max-w-[824px] flex-1 z-5 space-y-6 mt-15">
6+
{/* DetailHeader 자리 */}
7+
<div className="h-6 w-15 bg-gray rounded-md" />
8+
9+
{/* Title 자리 */}
10+
<div className="h-12 w-full bg-gray rounded-md" />
11+
<div className="h-7 w-20 -mt-2 bg-gray rounded-md" />
12+
13+
{/* Content 자리 */}
14+
<div className="space-y-2 mt-5">
15+
<div className="h-70 w-full bg-gray rounded-md" />
16+
</div>
17+
18+
{/* 댓글 */}
19+
<div className="h-9 w-full bg-gray rounded-md mt-4" />
20+
<div className="space-y-3">
21+
{[...Array(2)].map((_, i) => (
22+
<div key={i} className="h-16 w-full bg-gray rounded-md" />
23+
))}
24+
</div>
25+
</article>
26+
</div>
27+
);
28+
}
29+
30+
export default loading;

‎src/app/community/[id]/page.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@ import DetailContent from '@/domains/community/detail/DetailContent';
22
import DetailHeader from '@/domains/community/detail/DetailHeader';
33
import DetailTitle from '@/domains/community/detail/DetailTitle';
44
import DetailTabDesktop from '@/domains/community/detail/tab/DetailTabDesktop';
5-
import StarBg from '@/domains/shared/components/star-bg/StarBg';
65
import Comment from '@/domains/shared/components/comment/Comment';
6+
import StarBg from '@/domains/shared/components/star-bg/StarBg';
77

88
function Page() {
99
return (
@@ -13,7 +13,9 @@ function Page() {
1313
<DetailHeader />
1414
<DetailTitle />
1515
<DetailContent />
16-
<Comment />
16+
<section className="mb-10">
17+
<Comment />
18+
</section>
1719
</article>
1820
<div className="hidden md:block">
1921
<DetailTabDesktop />

‎src/app/community/loading.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
function loading() {
2+
return (
3+
<div className="w-full animate-pulse">
4+
<div className="page-layout max-w-[1024px]">
5+
<div className="md:mt-90 mt-60 mb-10 flex flex-col gap-8">
6+
{/* 탭 + 글쓰기 버튼 */}
7+
<section className="flex justify-between items-center sm:flex-row flex-col gap-4 mt-1">
8+
<div className="h-10 w-full sm:w-80 bg-gray rounded-md" /> {/* 탭 */}
9+
<div className="h-10 w-24 bg-gray rounded-md" /> {/* 버튼 */}
10+
</section>
11+
12+
{/* 필터 */}
13+
<div className="h-8 w-full bg-gray rounded-md" />
14+
15+
{/* 게시물 카드 스켈레톤 4개 */}
16+
{[...Array(4)].map((_, i) => (
17+
<div key={i} className="h-35 w-full bg-gray rounded-md" />
18+
))}
19+
</div>
20+
</div>
21+
</div>
22+
);
23+
}
24+
25+
export default loading;

‎src/app/community/write/loading.tsx‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
function loading() {
2+
return (
3+
<div className="w-full mb-20 flex relative animate-pulse">
4+
<div className="page-layout max-w-[824px] flex-1 z-5 space-y-6 mt-12">
5+
{/* CompleteBtn 자리 */}
6+
<div className="flex justify-end">
7+
<div className="h-10 w-26 bg-gray rounded-md" />
8+
</div>
9+
10+
<section className="space-y-4">
11+
{/* FormTitle 자리 */}
12+
<div className="h-13 w-full mt-10 bg-gray rounded-md" />
13+
{/* Category 자리 */}
14+
<div className="flex justify-end mt-10">
15+
<div className="h-10 w-full max-w-[110px] bg-gray rounded-md" />
16+
</div>
17+
{/* WriteForm 자리 (큰 박스) */}
18+
<div className="h-60 w-full bg-gray rounded-md" />
19+
</section>
20+
21+
{/* ImageSection 자리 */}
22+
<div className="h-36 w-full bg-gray rounded-md" />
23+
24+
<section className="mt-8">
25+
{/* Tag 자리 */}
26+
<div className="h-8 w-24 bg-gray rounded-md" />
27+
</section>
28+
</div>
29+
</div>
30+
);
31+
}
32+
33+
export default loading;

‎src/domains/community/components/post-info/PostInfo.tsx‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
function PostInfo({ hasUserName = false }: { hasUserName?: boolean }) {
2+
return (
3+
<ul
4+
className="flex font-light sm:gap-3 gap-1 sm:text-[14px] text-[12px] text-gray"
5+
aria-label="게시글 정보"
6+
>
7+
{hasUserName && (
8+
<>
9+
<li>실버븬</li>
10+
<li aria-hidden="true">|</li>
11+
</>
12+
)}
13+
<li>3분 전</li>
14+
<li aria-hidden="true">|</li>
15+
<li>조회 3</li>
16+
<li aria-hidden="true">|</li>
17+
<li>댓글 3</li>
18+
</ul>
19+
);
20+
}
21+
22+
export default PostInfo;

‎src/domains/community/detail/DetailContent.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import Image from 'next/image';
22
import prePost from '@/shared/assets/images/prepost_img.webp';
33

4-
import PostInfo from '../components/postInfo/PostInfo';
5-
4+
import PostInfo from '../components/post-info/PostInfo';
65
import CocktailTag from '../components/tag/CocktailTag';
76
import DetailTabMobile from './tab/DetailTabMobile';
87

‎src/domains/community/main/PostCard.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import Image from 'next/image';
22
import prePost from '@/shared/assets/images/prepost_img.webp';
33

4-
import PostInfo from '../components/postInfo/PostInfo';
4+
import PostInfo from '../components/post-info/PostInfo';
55
import Label from '@/domains/shared/components/label/Label';
66

77
function PostCard({ label }: { label: string }) {

‎src/domains/community/write/image-upload/ImageSection.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import UploadedImage from './UploadedImage';
33

44
function ImageSection() {
55
return (
6-
<section className="mt-5 flex md:flex-wrap overflow-y-scroll no-scrollbar gap-5 whitespace-nowrap px-2 py-5 w-full max-w-full">
6+
<section className="mt-5 sm:grid md:grid-cols-7 sm:grid-cols-5 sm:place-items-center flex overflow-y-scroll no-scrollbar gap-5 whitespace-nowrap py-5 w-full max-w-full">
77
<DragandClick />
88
<UploadedImage />
99
<UploadedImage />

0 commit comments

Comments
 (0)