gahusb/web-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 프로필 preferred_regions/types 배열 변환 + 필수 입력 표시

Browse Source 
- 쉼표 구분 문자열 → List[str] 변환 (백엔드 422 에러 수정)
- API 응답 배열 → 표시용 문자열 변환
- 매칭 필수 필드에 * 표시 (무주택, 세대주, 납입기간, 가족수, 선호지역)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
gahusb
2026-04-07 04:43:15 +09:00
parent 0eb55fe731
commit ff0ee3757c
1 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/subscription/Subscription.jsx
View File

@@ -742,7 +742,10 @@ function ProfileTab() {
try {
const data = await apiGet('/api/realestate/profile');
if (data && Object.keys(data).length > 0) {
setProfile({ ...DEFAULT_PROFILE, ...data });
const display = { ...DEFAULT_PROFILE, ...data };
if (Array.isArray(display.preferred_regions)) display.preferred_regions = display.preferred_regions.join(', ');
if (Array.isArray(display.preferred_types)) display.preferred_types = display.preferred_types.join(', ');
setProfile(display);
}
} catch (e) {
console.error('Profile load error:', e);
@@ -775,9 +778,24 @@ function ProfileTab() {
payload[k] = null;
}
});
// Convert comma-separated strings to arrays
payload.preferred_regions = typeof payload.preferred_regions === 'string'
? payload.preferred_regions.split(',').map(s => s.trim()).filter(Boolean)
: (payload.preferred_regions || []);
payload.preferred_types = typeof payload.preferred_types === 'string'
? payload.preferred_types.split(',').map(s => s.trim()).filter(Boolean)
: (payload.preferred_types || []);
// Send empty arrays as null
if (payload.preferred_regions.length === 0) payload.preferred_regions = null;
if (payload.preferred_types.length === 0) payload.preferred_types = null;
const updated = await apiPut('/api/realestate/profile', payload);
if (updated && Object.keys(updated).length > 0) {
setProfile({ ...DEFAULT_PROFILE, ...updated });
// Convert arrays back to comma-separated strings for display
const display = { ...DEFAULT_PROFILE, ...updated };
if (Array.isArray(display.preferred_regions)) display.preferred_regions = display.preferred_regions.join(', ');
if (Array.isArray(display.preferred_types)) display.preferred_types = display.preferred_types.join(', ');
setProfile(display);
}
setMessage('저장 완료');
setTimeout(() => setMessage(''), 2000);
@@ -789,6 +807,8 @@ function ProfileTab() {
}
};
const reqMark = <span style={{ color: '#f43f5e', marginLeft: 2 }}>*</span>;
if (loading) return <div className="sub-empty">불러오는 중...</div>;
return (
@@ -797,7 +817,7 @@ function ProfileTab() {
<div>
<p className="sub-panel__eyebrow">프로필</p>
<h3>내 청약 프로필</h3>
<p className="sub-panel__sub">자격 조건과 선호 조건을 설정하면 공고 매칭에 활용됩니다.</p>
<p className="sub-panel__sub">자격 조건과 선호 조건을 설정하면 공고 매칭에 활용됩니다. <span style={{ color: '#f43f5e', fontSize: 11 }}>* 필수 입력</span></p>
</div>
<div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
{message && (
@@ -853,11 +873,11 @@ function ProfileTab() {
<div className="sub-form-checks">
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.is_homeless} onChange={() => handleCheckbox('is_homeless')} />
무주택자
무주택자{reqMark}
</label>
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.is_householder} onChange={() => handleCheckbox('is_householder')} />
세대주
세대주{reqMark}
</label>
<label className="sub-form-check">
<input type="checkbox" checked={!!profile.has_dependents} onChange={() => handleCheckbox('has_dependents')} />
@@ -879,7 +899,7 @@ function ProfileTab() {
<div className="sub-form-row--three" style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: 12 }}>
<label className="sub-form-label">
청약 납입 기간 (개월)
청약 납입 기간 (개월){reqMark}
<input
className="sub-form-input"
type="number"
@@ -899,7 +919,7 @@ function ProfileTab() {
/>
</label>
<label className="sub-form-label">
가족 수
가족 수{reqMark}
<input
className="sub-form-input"
type="number"
@@ -950,7 +970,7 @@ function ProfileTab() {
<div className="sub-form-row">
<label className="sub-form-label">
선호 지역
선호 지역{reqMark}
<input
className="sub-form-input"
value={profile.preferred_regions || ''}