SamProject/sam-react-prod
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fetchWrapper 마이그레이션 및 토큰 리프레시 캐싱 구현

Browse Source 
- 40+ actions.ts 파일을 fetchWrapper 패턴으로 마이그레이션
- 토큰 리프레시 캐싱 로직 추가 (refresh-token.ts)
- ApiErrorContext 추가로 전역 에러 처리 개선
- HR EmployeeForm 컴포넌트 개선
- 참조함(ReferenceBox) 기능 수정
- juil 테스트 URL 페이지 추가
- claudedocs 문서 업데이트

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
byeongcheolryu
2025-12-30 17:00:18 +09:00
parent 0e5307f7a3
commit d38b1242d7
82 changed files with 7434 additions and 4775 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
src/components/accounting/ExpectedExpenseManagement/actions.ts
View File

@@ -1,21 +1,8 @@
'use server';
import { cookies } from 'next/headers';
import { serverFetch } from '@/lib/api/fetch-wrapper';
import type { ExpectedExpenseRecord, TransactionType, PaymentStatus, ApprovalStatus } from './types';
// ===== API 헤더 생성 =====
async function getApiHeaders(): Promise<HeadersInit> {
const cookieStore = await cookies();
const token = cookieStore.get('access_token')?.value;
return {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': token ? `Bearer ${token}` : '',
'X-API-KEY': process.env.API_KEY || '',
};
}
// ===== API 응답 타입 =====
interface ExpectedExpenseApiData {
id: number;
@@ -126,7 +113,6 @@ export async function getExpectedExpenses(params?: {
error?: string;
}> {
try {
const headers = await getApiHeaders();
const searchParams = new URLSearchParams();
if (params?.page) searchParams.set('page', String(params.page));
@@ -150,19 +136,24 @@ export async function getExpectedExpenses(params?: {
const queryString = searchParams.toString();
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses${queryString ? `?${queryString}` : ''}`;
const response = await fetch(url, {
method: 'GET',
headers,
cache: 'no-store',
});
const { response, error } = await serverFetch(url, { method: 'GET' });
if (!response.ok) {
console.warn('[ExpectedExpenseActions] GET expected-expenses error:', response.status);
if (error) {
return {
success: false,
data: [],
pagination: { currentPage: 1, lastPage: 1, perPage: 50, total: 0 },
error: `API 오류: ${response.status}`,
error: error.message,
};
}
if (!response?.ok) {
console.warn('[ExpectedExpenseActions] GET expected-expenses error:', response?.status);
return {
success: false,
data: [],
pagination: { currentPage: 1, lastPage: 1, perPage: 50, total: 0 },
error: `API 오류: ${response?.status}`,
};
}
@@ -214,22 +205,20 @@ export async function getExpectedExpenseById(id: string): Promise<{
error?: string;
}> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses/${id}`,
{
method: 'GET',
headers,
cache: 'no-store',
}
{ method: 'GET' }
);
if (!response.ok) {
console.error('[ExpectedExpenseActions] GET expected-expense error:', response.status);
if (error) {
return { success: false, error: error.message };
}
if (!response?.ok) {
console.error('[ExpectedExpenseActions] GET expected-expense error:', response?.status);
return {
success: false,
error: `API 오류: ${response.status}`,
error: `API 오류: ${response?.status}`,
};
}
@@ -260,24 +249,26 @@ export async function createExpectedExpense(
data: Partial<ExpectedExpenseRecord>
): Promise<{ success: boolean; data?: ExpectedExpenseRecord; error?: string }> {
try {
const headers = await getApiHeaders();
const apiData = transformFrontendToApi(data);
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses`,
{
method: 'POST',
headers,
body: JSON.stringify(apiData),
}
);
const result = await response.json();
if (error) {
return { success: false, error: error.message };
}
if (!response.ok || !result.success) {
const result = await response?.json();
if (!response?.ok || !result.success) {
return {
success: false,
error: result.message || '미지급비용 등록에 실패했습니다.',
error: result?.message || '미지급비용 등록에 실패했습니다.',
};
}
@@ -300,24 +291,26 @@ export async function updateExpectedExpense(
data: Partial<ExpectedExpenseRecord>
): Promise<{ success: boolean; data?: ExpectedExpenseRecord; error?: string }> {
try {
const headers = await getApiHeaders();
const apiData = transformFrontendToApi(data);
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses/${id}`,
{
method: 'PUT',
headers,
body: JSON.stringify(apiData),
}
);
const result = await response.json();
if (error) {
return { success: false, error: error.message };
}
if (!response.ok || !result.success) {
const result = await response?.json();
if (!response?.ok || !result.success) {
return {
success: false,
error: result.message || '미지급비용 수정에 실패했습니다.',
error: result?.message || '미지급비용 수정에 실패했습니다.',
};
}
@@ -337,22 +330,21 @@ export async function updateExpectedExpense(
// ===== 미지급비용 삭제 =====
export async function deleteExpectedExpense(id: string): Promise<{ success: boolean; error?: string }> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses/${id}`,
{
method: 'DELETE',
headers,
}
{ method: 'DELETE' }
);
const result = await response.json();
if (error) {
return { success: false, error: error.message };
}
if (!response.ok || !result.success) {
const result = await response?.json();
if (!response?.ok || !result.success) {
return {
success: false,
error: result.message || '미지급비용 삭제에 실패했습니다.',
error: result?.message || '미지급비용 삭제에 실패했습니다.',
};
}
@@ -373,25 +365,26 @@ export async function deleteExpectedExpenses(ids: string[]): Promise<{
error?: string;
}> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses`,
{
method: 'DELETE',
headers,
body: JSON.stringify({
ids: ids.map(id => parseInt(id, 10)),
}),
}
);
const result = await response.json();
if (error) {
return { success: false, error: error.message };
}
if (!response.ok || !result.success) {
const result = await response?.json();
if (!response?.ok || !result.success) {
return {
success: false,
error: result.message || '미지급비용 일괄 삭제에 실패했습니다.',
error: result?.message || '미지급비용 일괄 삭제에 실패했습니다.',
};
}
@@ -418,13 +411,10 @@ export async function updateExpectedPaymentDate(
error?: string;
}> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses/update-payment-date`,
{
method: 'PUT',
headers,
body: JSON.stringify({
ids: ids.map(id => parseInt(id, 10)),
expected_payment_date: expectedPaymentDate,
@@ -432,12 +422,16 @@ export async function updateExpectedPaymentDate(
}
);
const result = await response.json();
if (error) {
return { success: false, error: error.message };
}
if (!response.ok || !result.success) {
const result = await response?.json();
if (!response?.ok || !result.success) {
return {
success: false,
error: result.message || '예상 지급일 변경에 실패했습니다.',
error: result?.message || '예상 지급일 변경에 실패했습니다.',
};
}
@@ -465,7 +459,6 @@ export async function getExpectedExpenseSummary(params?: {
error?: string;
}> {
try {
const headers = await getApiHeaders();
const searchParams = new URLSearchParams();
if (params?.startDate) searchParams.set('start_date', params.startDate);
@@ -477,17 +470,17 @@ export async function getExpectedExpenseSummary(params?: {
const queryString = searchParams.toString();
const url = `${process.env.NEXT_PUBLIC_API_URL}/api/v1/expected-expenses/summary${queryString ? `?${queryString}` : ''}`;
const response = await fetch(url, {
method: 'GET',
headers,
cache: 'no-store',
});
const { response, error } = await serverFetch(url, { method: 'GET' });
if (!response.ok) {
console.warn('[ExpectedExpenseActions] GET summary error:', response.status);
if (error) {
return { success: false, error: error.message };
}
if (!response?.ok) {
console.warn('[ExpectedExpenseActions] GET summary error:', response?.status);
return {
success: false,
error: `API 오류: ${response.status}`,
error: `API 오류: ${response?.status}`,
};
}
@@ -520,19 +513,17 @@ export async function getClients(): Promise<{
error?: string;
}> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/clients?per_page=100`,
{
method: 'GET',
headers,
cache: 'no-store',
}
{ method: 'GET' }
);
if (!response.ok) {
return { success: false, data: [], error: `API 오류: ${response.status}` };
if (error) {
return { success: false, data: [], error: error.message };
}
if (!response?.ok) {
return { success: false, data: [], error: `API 오류: ${response?.status}` };
}
const result = await response.json();
@@ -563,19 +554,17 @@ export async function getBankAccounts(): Promise<{
error?: string;
}> {
try {
const headers = await getApiHeaders();
const response = await fetch(
const { response, error } = await serverFetch(
`${process.env.NEXT_PUBLIC_API_URL}/api/v1/bank-accounts?per_page=100`,
{
method: 'GET',
headers,
cache: 'no-store',
}
{ method: 'GET' }
);
if (!response.ok) {
return { success: false, data: [], error: `API 오류: ${response.status}` };
if (error) {
return { success: false, data: [], error: error.message };
}
if (!response?.ok) {
return { success: false, data: [], error: `API 오류: ${response?.status}` };
}
const result = await response.json();
@@ -599,4 +588,4 @@ export async function getBankAccounts(): Promise<{
console.error('[ExpectedExpenseActions] getBankAccounts error:', error);
return { success: false, data: [], error: '서버 오류가 발생했습니다.' };
}
}
}