c6b605200d
신규 페이지: - 회계관리: 거래처, 예상비용, 청구서, 발주서 - 게시판: 공지사항, 자료실, 커뮤니티 - 고객센터: 문의/FAQ - 설정: 계정, 알림, 출퇴근, 팝업, 구독, 결제내역 - 리포트 (차트 시각화) - 개발자 테스트 URL 페이지 기능 개선: - HR 직원관리/휴가관리/카드관리 강화 - IntegratedListTemplateV2 확장 - AuthenticatedLayout 패딩 표준화 - 로그인 페이지 UI 개선 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2.5 KiB
2.5 KiB
[IMPL-2025-12-19] 회사정보 페이지 구현
개요
- 위치: 보고서 및 분석 > 계정정보 다음 (사이드바 루트 레벨 별도 메뉴)
- 경로:
/ko/company-info
스크린샷 분석
1. 회사 정보 섹션
- 회사 로고 업로드 (750x250px, 10MB 이하, PNG/JPEG/GIF)
- 회사명 입력
- 대표자명 입력
- 업태 입력
- 업종 입력
- 주소 (우편번호 찾기 버튼, 주소명, 상세주소)
- 이메일 (아이디) 입력
- 세금계산서 이메일 입력
- 담당자명 입력
- 담당자 연락처 입력
- 사업자등록증 파일 업로드
- 사업자등록번호 입력
2. 결제 계좌 정보 섹션
- 결제 은행 입력
- 계좌 입력
- 예금주 입력
- 결제일 입력
3. 버튼/기능
- 회사 추가 버튼 → 회사 추가 팝업 표시
- 수정 버튼
4. 회사 추가 팝업
- 사업자등록번호 입력 필드 (숫자만 가능, 10자리)
- 취소 버튼
- 다음 버튼 (바로빌 API 조회)
- 사용 불가 경우: "휴폐업 상태인 사업자입니다." Alert
- 등록된 번호: "등록된 사업자등록번호 입니다." Alert
- 미등록 번호: "매니저에게 회사 추가 신청 알림을 발송했습니다." Alert
구현 체크리스트
Phase 1: 기본 구조
- 폴더/파일 생성
src/app/[locale]/(protected)/company-info/page.tsxsrc/components/settings/CompanyInfoManagement/index.tsxsrc/components/settings/CompanyInfoManagement/types.tssrc/components/settings/CompanyInfoManagement/AddCompanyDialog.tsx
Phase 2: 컴포넌트 구현
- types.ts - 타입 정의
- index.tsx - 메인 폼 컴포넌트
- AddCompanyDialog.tsx - 회사 추가 팝업
Phase 3: 페이지 연결
- page.tsx 생성
- API 연동 (TODO)
생성된 파일 목록
src/
├── app/[locale]/(protected)/company-info/
│ └── page.tsx
└── components/settings/CompanyInfoManagement/
├── index.tsx
├── types.ts
└── AddCompanyDialog.tsx
테스트 URL
/ko/company-info
참조
- 기존 스타일:
AccountDetail.tsx - 레이아웃:
PageLayout,Card컴포넌트 사용
TODO (API 연동)
- 회사 정보 조회 API
- 회사 정보 수정 API
- 회사 추가 (바로빌 사업자등록번호 조회) API
- 다음 주소 API 연동
- 파일 업로드 API (로고, 사업자등록증)