2026년 1월 22일 (목요일)

CSV 업로드에 Rate Limiting을 넣기까지의 여정 (그리고 페이지네이션의 습격)

아트페어 H VIP시스템: CSV의 모든 것

오늘 아트페어 H VIP시스템 쪽에서 상희님에게 22개 커밋이 쏟아졌는데, 대부분이 CSV 업로드 기능 강화에 집중되어 있었습니다. 단순히 파일 올리고 끝나는 게 아니라, 제대로 된 시스템을 만들고 싶었거든요.

먼저 VipCsvLog 모델을 새로 만들어서 업로드, 다운로드, 검증 모든 단계를 로깅하도록 했습니다. 언제 누가 몇 건을 올렸는지, 오류는 몇 개였는지, 처리 시간은 얼마나 걸렸는지. 나중에 문제 생겼을 때 "어... 그때 뭐였더라?" 하는 상황을 피하고 싶었달까요.

그리고 Rate Limiting도 추가했습니다. 업로드는 1분에 5회, 검증은 1분에 10회. 과하다 싶을 수도 있지만, CSV 업로드는 한 번 잘못되면 꽤 큰일이 나는 영역이라 (수천 건의 VIP 데이터가 왔다갔다 하니까요) 안전장치는 넉넉한 게 좋습니다.

재미있었던 건 전화번호 필드 처리였습니다. CSV로 다운로드하면 엑셀이 01012345678을 숫자로 인식해서 앞자리 0을 날려버리거든요. 그래서 전화번호 필드를 감지해서 텍스트로 강제 이스케이프하는 로직을 넣었습니다.

const PHONE_FIELD_NAMES = ['phone', 'mobile', 'tel', '전화', '휴대폰', '연락처'];

function isPhoneField(fieldName: string): boolean {
  const normalizedField = fieldName.toLowerCase().split('.').pop() || '';
  return PHONE_FIELD_NAMES.some(name => normalizedField.includes(name));
}

페이지네이션의 대통합

한편 지혜님은 페이지네이션 컴포넌트 통일 작업을 진행하셨습니다. Admin Passes, Galleries, Onsite, Temporary Passes... 각자 버튼으로 만들어뒀던 페이지네이션을 하나의 컴포넌트로 통합하고, 말줄임표(ellipsis)까지 적용해서 탐색 편의성을 높였습니다. +450/-122 라인 변경이 말해주듯, 꽤 큰 작업이었지만 앞으로의 유지보수를 생각하면 오늘 한 게 맞습니다.

쇼핑몰 H 관리시스템: 큐레이션에 카테고리를 입히다

저는 여전히 쇼핑몰 H 관리시스템와 깊은 시간을 보내고 있습니다. 큐레이션-카테고리 연결 작업이 있었고요. 기존에 따로 놀던 둘을 FK로 연결하고, 필터링 기능도 추가했습니다. 외부 시스템(워드프레스 등)과의 연동을 위해 ext_cat_id 파라미터도 넣어뒀고요.

활성화 로직도 손봤습니다. 재활성화가 안 되는 버그가 있었는데, home_order_index 부여 조건이 꼬여있던 거였습니다. 이제 폼 다이얼로그에서 "현재 3/5" 같은 식으로 실시간으로 보여주니까 사용자가 헷갈릴 일도 줄었습니다.

작지만 소중한 것들

아트페어 K 공식 웹사이트에서는 Plus 섹션 필터링 버그를 잡았고 (부스 타입이 아니라 섹션 기준으로 봐야 했습니다), 온라인 쇼핑몰 T에서는 세로쓰기 상품명의 word-spacing 조정 작업이 있었습니다.

오늘 하루도 쉽지 않았습니다.

글 작성자

한송욱

@coolwithyou

CTO, Tech LeadSoftware Engineer

프로필 보기

커밋 참여자

이상희

Software Engineer

+2316-899

추지혜

Software Engineer

+2468-742

한송욱

Software Engineer

+902-220

개발자 개인정보 및 고객사 정보 보호를 위해 프로젝트명과 일부 세부 정보는 마스킹 처리되어 있습니다.

작업한 프로젝트

아트페어 H VIP시스템

22개 커밋+4772-1639

쇼핑몰 H 관리시스템

14개 커밋+902-220

온라인 쇼핑몰 T

2개 커밋+12-2

아트페어 K 공식 웹사이트

2개 커밋+15-10

상세 커밋 내역

버그 수정

아트페어 H VIP시스템 · chujihye · +2 / -0

코드 개선

아트페어 H VIP시스템 · sangheedev · +66 / -4

코드 업데이트

아트페어 H VIP시스템 · sangheedev · +708 / -651

코드 개선

아트페어 H VIP시스템 · chujihye · +450 / -122

기능 추가

아트페어 H VIP시스템 · sangheedev · +137 / -19

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +253 / -3

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +22 / -2

기능 추가

아트페어 H VIP시스템 · chujihye · +9 / -4

기능 추가

아트페어 H VIP시스템 · sangheedev · +62 / -0

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +11 / -8

기능 추가

쇼핑몰 H 관리시스템 · coolwithyou · +76 / -15

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +98 / -25

기능 추가

아트페어 H VIP시스템 · sangheedev · +346 / -44

기능 추가

아트페어 H VIP시스템 · sangheedev · +48 / -0

기능 추가

아트페어 H VIP시스템 · chujihye · +60 / -57

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +145 / -27

스타일 수정

아트페어 H VIP시스템 · chujihye · +13 / -13

스타일 수정

온라인 쇼핑몰 T · chujihye · +6 / -1

코드 업데이트

온라인 쇼핑몰 T · Chu Jihye · +6 / -1

버그 수정

쇼핑몰 H 관리시스템 · Cool with you · +41 / -57

기능 추가

아트페어 H VIP시스템 · sangheedev · +52 / -8

버그 수정

쇼핑몰 H 관리시스템 · Cool with you · +89 / -48

기능 추가

아트페어 H VIP시스템 · sangheedev · +29 / -4

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +76 / -16

버그 수정

아트페어 K 공식 웹사이트 · dongha@macmini · +11 / -6

기능 추가

아트페어 H VIP시스템 · sangheedev · +23 / -3

코드 업데이트

아트페어 H VIP시스템 · Lee Sanghee · +743 / -62

버그 수정

아트페어 K 공식 웹사이트 · dongha@macmini · +4 / -4

버그 수정

쇼핑몰 H 관리시스템 · Cool with you · +9 / -7

기능 추가

아트페어 H VIP시스템 · sangheedev · +51 / -52

코드 업데이트

아트페어 H VIP시스템 · Lee Sanghee · +51 / -52

스타일 수정

아트페어 H VIP시스템 · chujihye · +13 / -9

버그 수정

아트페어 H VIP시스템 · chujihye · +2 / -2

코드 업데이트

아트페어 H VIP시스템 · chujihye · +791 / -111

코드 업데이트

아트페어 H VIP시스템 · Chu Jihye · +558 / -211

코드 업데이트

아트페어 H VIP시스템 · chujihye · +558 / -211

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +23 / -2

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +23 / -1

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +17 / -8

기능 추가

쇼핑몰 H 관리시스템 · Cool with you · +19 / -1

아트페어 H VIP시스템: CSV의 모든 것

const PHONE_FIELD_NAMES = ['phone', 'mobile', 'tel', '전화', '휴대폰', '연락처'];

function isPhoneField(fieldName: string): boolean {
  const normalizedField = fieldName.toLowerCase().split('.').pop() || '';
  return PHONE_FIELD_NAMES.some(name => normalizedField.includes(name));
}

페이지네이션의 대통합

쇼핑몰 H 관리시스템: 큐레이션에 카테고리를 입히다

작지만 소중한 것들

오늘 하루도 쉽지 않았습니다.