Skip to content

refactor: components/ → FSD 레이어 구조 마이그레이션#381

Merged
sumi-0011 merged 117 commits into
devfrom
refactor/folder
Apr 3, 2026
Merged

refactor: components/ → FSD 레이어 구조 마이그레이션#381
sumi-0011 merged 117 commits into
devfrom
refactor/folder

Conversation

@sumi-0011
Copy link
Copy Markdown
Member

Summary

  • src/components/ 내 공유 컴포넌트를 FSD 레이어에 맞게 이전
    • shared/ui/: EmblaCarousel, Slider, Pagination, Portal, MediaQuery, Responsive, AdaptiveLink, BackTrigger
    • features/auth/ui/: AuthButton
    • features/feedback/ui/: FeedbackForm, Select, TextArea
    • 라우트 전용 컴포넌트: 각 _components/로 코로케이션
  • 미참조 components 파일 제거
  • 길드 Server Action 이전, auth/feedback 공개 API 최소화
  • CLAUDE.md, ARCHITECTURE.md FSD 구조 문서 반영

Test plan

  • 메인 페이지 슬라이더/캐러셀 동작 확인
  • 이벤트 페이지 BackgroundSlider, CardList 동작 확인
  • 퀴즈 생성 폼 Tabs 동작 확인
  • 피드백 폼 열기/제출 동작 확인
  • 길드 관련 페이지 정상 동작 확인

🤖 Generated with Claude Code

sumi-0011 and others added 30 commits January 14, 2026 09:42
Tailwind fontSize 설정이 fontFamily를 지원하지 않는 한계를 플러그인으로 해결하여,
text-glyph-* 클래스 사용 시 font-product 없이도 Product Sans가 자동 적용되도록 함

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
# Conflicts:
#	apps/web/src/app/[locale]/game/quiz/_components/CreateOrSolve/QuizTypeCard.tsx
#	apps/web/src/app/[locale]/game/quiz/_components/CreateOrSolve/SolveQuizConfirmDialog.tsx
#	apps/web/src/app/[locale]/game/quiz/create/_components/QuizCreateForm.tsx
#	apps/web/src/app/[locale]/game/quiz/solve/_components/done/CompleteAlertDialog.tsx
#	apps/web/src/app/[locale]/game/quiz/solve/_components/fail/FailAlertDialog.tsx
#	apps/web/src/app/[locale]/game/quiz/solve/_components/success/CorrectConfirmDialog.tsx
#	apps/web/src/app/[locale]/guild/_components/GuildPeopleList.tsx
#	apps/web/src/app/[locale]/guild/_components/SelectPersonaList.tsx
#	apps/web/src/app/[locale]/laboratory/_component/ConfirmDialog.tsx
#	apps/web/src/app/[locale]/laboratory/multi-merge/PersonaItem.tsx
#	apps/web/src/app/[locale]/landing/AvailablePetSection/AvailablePetSection.tsx
#	apps/web/src/app/[locale]/landing/ChoosePetSection/ChoosePetSection.tsx
#	apps/web/src/app/[locale]/landing/Footer/Footer.style.ts
#	apps/web/src/app/[locale]/landing/MainSection/MainSection.style.ts
#	apps/web/src/app/[locale]/landing/MainSection/MainSection.tsx
#	apps/web/src/app/[locale]/landing/MainSection/MainSlider.tsx
#	apps/web/src/app/[locale]/landing/RankingSection/MobileRankingTable.tsx
#	apps/web/src/app/[locale]/landing/RankingSection/RankingSection.tsx
#	apps/web/src/app/[locale]/mypage/(github-custom)/FarmPersonaSelect.tsx
#	apps/web/src/app/[locale]/mypage/(github-custom)/FarmType.tsx
#	apps/web/src/app/[locale]/mypage/(github-custom)/LinePersonaSelect.tsx
#	apps/web/src/app/[locale]/mypage/PersonaList.tsx
#	apps/web/src/app/[locale]/mypage/my-pet/_components/SelectPersonaList.tsx
#	apps/web/src/app/[locale]/page.tsx
#	apps/web/src/app/[locale]/shop/_auction/index.tsx
#	apps/web/src/app/[locale]/shop/_petGotcha/OnePet.tsx
#	apps/web/src/components/CardGame/FanDrawingGame/FanDrawingGame.tsx
#	apps/web/src/components/Guild/MemeberSlider.tsx
ui-panda Dialog API와 맞추기 위해 ui-tailwind Dialog에 누락된 서브컴포넌트와 prop을 추가하고,
quiz 컴포넌트에서 참조하는 ConfirmDialog 컴포넌트를 생성하여 type-check 오류 해결

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
# Conflicts:
#	apps/web/src/app/[locale]/guild/_components/GuildPeopleList.tsx
#	apps/web/src/app/[locale]/guild/_components/SelectPersonaList.tsx
#	apps/web/src/app/[locale]/laboratory/multi-merge/PersonaItem.tsx
#	apps/web/src/app/[locale]/landing/MainSection/MainSlider.tsx
#	apps/web/src/app/[locale]/mypage/(github-custom)/FarmType.tsx
#	apps/web/src/app/[locale]/mypage/(github-custom)/LinePersonaSelect.tsx
#	apps/web/src/app/[locale]/mypage/my-pet/_components/SelectPersonaList.tsx
#	apps/web/src/app/[locale]/shop/_petGotcha/OnePet.tsx
#	apps/web/src/components/Guild/MemeberSlider.tsx
Stories files reference @storybook/react types which are not available
during the library type-check. Excluding them follows the standard
pattern of separating storybook config from library builds.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- shared/: constants, utils, hooks, lib, store, i18n, styles, auth, interceptor 통합
- entities/: persona(UI+model), guild(UI), user(model), product(model) 분리
- features/: auction, change-persona-visible, feedback, laboratory-feedback, auth 분리
- widgets/: GNB 위젯 분리
- apis/ 레거시 디렉토리 완전 제거, shared/api/로 인프라 이전

의존성 흐름: app → widgets → features → entities → shared

Made-with: Cursor
- apps/web/ARCHITECTURE.md: 레이어 구조, 의존성 규칙, 코드 배치 기준 상세 가이드
- CLAUDE.md: FSD 아키텍처 참조, outdated 정보 업데이트 (PandaCSS→Tailwind, apis/→FSD)
- .cursor/rules/web-fsd-architecture.mdc: apps/web 파일 편집 시 자동 적용되는 FSD 규칙

Made-with: Cursor
FSD 리팩토링으로 이동된 경로 반영

Made-with: Cursor
i18n/이 src/shared/i18n/으로 이동 후 messages 경로가
../../messages/ → ../../../messages/로 변경 필요

Made-with: Cursor
# Conflicts:
#	.gitignore
#	apps/web/package.json
#	apps/web/src/app/[locale]/game/quiz/_components/MobileLayout.tsx
#	apps/web/src/app/[locale]/guild/(subpage)/[id]/MoreMenu.tsx
#	apps/web/src/app/[locale]/guild/(subpage)/create/page.tsx
#	apps/web/src/app/[locale]/guild/(subpage)/detail/[id]/join/page.tsx
#	apps/web/src/app/[locale]/guild/_components/GuildModalPageLayout.tsx
#	apps/web/src/app/[locale]/guild/layout.tsx
#	apps/web/src/app/[locale]/laboratory/layout.tsx
#	apps/web/src/app/[locale]/landing/AvailablePetSection/AnimalSlider.style.ts
#	apps/web/src/app/[locale]/landing/AvailablePetSection/AnimalSlider.tsx
#	apps/web/src/app/[locale]/landing/AvailablePetSection/AvailablePetSection.tsx
#	apps/web/src/app/[locale]/landing/ChoosePetSection/ChoosePetSection.tsx
#	apps/web/src/app/[locale]/mypage/ProfileSection.tsx
#	apps/web/src/app/[locale]/mypage/layout.tsx
#	apps/web/src/app/[locale]/mypage/my-pet/(evolution)/EvolutionPersona.tsx
#	apps/web/src/app/[locale]/mypage/my-pet/SelectedPetTable.tsx
#	apps/web/src/app/[locale]/shop/_auction/Tab.tsx
#	apps/web/src/app/[locale]/shop/_auction/index.tsx
#	apps/web/src/components/GNB/Notification/InboxList.tsx
#	apps/web/src/components/PageModal/index.tsx
#	apps/web/src/styles/prevTextToken.ts
#	apps/web/src/styles/scrollStyle.ts
#	packages/ui/tailwind/src/components/ui/dialog.tsx
#	packages/ui/tailwind/src/theme/screens.ts
#	pnpm-lock.yaml
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- @gitanimals/ui-tailwind에 ConfirmDialog, AlertDialog 생성
- laboratory 로컬 ConfirmDialog/AlertDialog 삭제
- Quiz, Mypage 사용처를 공통 컴포넌트로 교체
- useDialog hook 내부를 공통 컴포넌트 활용하도록 리팩토링

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
RouteModal로 통합 완료되어 더 이상 사용되지 않는 InterceptingDialog를 제거한다.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
삭제된 InterceptingDialog의 gap-8 레이아웃을 지원하기 위해
RouteModal에 gap prop('sm' | 'lg')을 추가한다.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- chromatic 패키지 설치
- dev 브랜치 push 시 자동 배포 워크플로우 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- render + useState 제거, isOpen: true를 meta args에 설정
- TS 에러 해결 (필수 props를 meta args에서 기본값 제공)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
sumi-0011 and others added 22 commits April 2, 2026 22:23
모든 슬라이더가 Embla Carousel로 마이그레이션 완료되어 미사용 패키지 삭제

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- joinGuildAction → features/guild/actions/joinGuild ('use server')
- 미사용 gotcha server action 제거, serverActions 디렉터리 정리
- features/auth: 외부용 버튼·login만 barrel export, getGithubOauthUrl·logout 비노출
- features/feedback: 루트 index 제거, FeedbackForm은 ui 직접 import·model 상대 경로
- GlobalOverlay에서 FeedbackForm 직접 경로로 import

Made-with: Cursor
- components/serverActions 트리 제거, features/guild/actions·_components 반영
- barrel은 외부에서 쓰는 심볼만 노출한다는 원칙 명시
- Cursor 규칙·CLAUDE.md 동기화

Made-with: Cursor
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 3, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: cd761fde-8050-4cea-ac67-22351a382f60

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch refactor/folder

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@sumi-0011 sumi-0011 merged commit 2ca6221 into dev Apr 3, 2026
5 checks passed
@sumi-0011 sumi-0011 deleted the refactor/folder branch April 3, 2026 05:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant