# [IMPL-2025-12-19] 회사정보 페이지 구현

## 개요
- **위치**: 보고서 및 분석 > 계정정보 다음 (사이드바 루트 레벨 별도 메뉴)
- **경로**: `/ko/company-info`

## 스크린샷 분석

### 1. 회사 정보 섹션
- [x] 회사 로고 업로드 (750x250px, 10MB 이하, PNG/JPEG/GIF)
- [x] 회사명 입력
- [x] 대표자명 입력
- [x] 업태 입력
- [x] 업종 입력
- [x] 주소 (우편번호 찾기 버튼, 주소명, 상세주소)
- [x] 이메일 (아이디) 입력
- [x] 세금계산서 이메일 입력
- [x] 담당자명 입력
- [x] 담당자 연락처 입력
- [x] 사업자등록증 파일 업로드
- [x] 사업자등록번호 입력

### 2. 결제 계좌 정보 섹션
- [x] 결제 은행 입력
- [x] 계좌 입력
- [x] 예금주 입력
- [x] 결제일 입력

### 3. 버튼/기능
- [x] 회사 추가 버튼 → 회사 추가 팝업 표시
- [x] 수정 버튼

### 4. 회사 추가 팝업
- [x] 사업자등록번호 입력 필드 (숫자만 가능, 10자리)
- [x] 취소 버튼
- [x] 다음 버튼 (바로빌 API 조회)
  - 사용 불가 경우: "휴폐업 상태인 사업자입니다." Alert
  - 등록된 번호: "등록된 사업자등록번호 입니다." Alert
  - 미등록 번호: "매니저에게 회사 추가 신청 알림을 발송했습니다." Alert

## 구현 체크리스트

### Phase 1: 기본 구조
- [x] 폴더/파일 생성
  - [x] `src/app/[locale]/(protected)/company-info/page.tsx`
  - [x] `src/components/settings/CompanyInfoManagement/index.tsx`
  - [x] `src/components/settings/CompanyInfoManagement/types.ts`
  - [x] `src/components/settings/CompanyInfoManagement/AddCompanyDialog.tsx`

### Phase 2: 컴포넌트 구현
- [x] types.ts - 타입 정의
- [x] index.tsx - 메인 폼 컴포넌트
- [x] AddCompanyDialog.tsx - 회사 추가 팝업

### Phase 3: 페이지 연결
- [x] 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 (로고, 사업자등록증)
