2026년 1월 19일 (월요일)

38개 커밋의 무게 - VIP 시스템과 멀티스킨의 하루

월요일 랩업 때, 커밋 로그를 열어보니 아트페어 H VIP시스템 레포지토리에서만 38개의 커밋이 찍혀 있었습니다. 하루에 한 레포에서 이 정도 커밋이 나온다는 건, 뭔가 큰 기능이 자리를 잡아가고 있다는 신호죠.

VIP 등록 시스템, 드디어 형태를 갖추다

이번에 가장 공을 들인 건 VIP 등록 워크플로우 전체입니다. 갤러리에서 VIP를 등록하고, 그 내역을 관리하고, CSV로 일괄 업로드하고, 다시 다운로드하는 — 이 일련의 흐름이 하나로 연결되었습니다.

특히 CSV 업로드 기능에서 몇 가지 고민이 있었는데요. vuid 중복 체크, 파일 크기 제한, 그리고 업로드 진행률을 토스트 팝업으로 보여주는 부분까지. 사용자가 "지금 뭐가 되고 있는 거지?" 싶은 순간을 최소화하려고 했습니다.

// Map 자료구조로 갤러리 조회 성능 개선
// O(n)으로 매번 찾던 걸 O(1)로 줄였습니다
const galleryMap = new Map(galleries.map(g => [g.id, g]));

데이터베이스 쪽에서는 VipApplication 모델이 새로 추가되면서 작품 정보(artTitle, artist)를 텍스트 타입으로 변경했습니다. PostgreSQL에서 @db.LongText가 안 먹힌다는 걸 배운 날이기도 합니다. (MySQL 습관이 무섭네요)

하이츠스토어, 두 개의 스킨을 품다

온라인 쇼핑몰 H에서는 좀 다른 종류의 작업이 진행됐습니다. skin50(국문)과 skin51(영문)을 하나의 레포에서 관리하기 위해 git-subtree로 병합하는 대작업이 있었거든요. 커밋 로그에 +429,401줄이 찍힌 이유가 바로 이겁니다. (실제 코드 작성량은... 훨씬 적습니다)

API 엔드포인트도 전면 마이그레이션했습니다. 기존 api/edge/?f=get-xxx&cached 형식에서 api/edge/xxx 형식으로. 파일 20개 넘게 건드리면서 JSON.parse(res) 제거하고 응답 직접 사용하도록 바꿨는데, 이런 일괄 변경은 한 번에 하는 게 맞습니다. 중간에 두 형식이 섞여 있으면 디버깅할 때 진짜 헷갈리거든요.

재밌는 버그도 하나 잡았습니다. 스크롤을 내렸다가 올렸을 때 .page-navi-sub의 top 값이 이상하게 계산되던 문제였는데, 원인은 **클로저에 캡처된 fixedBannerHeight**가 띠배너가 사라진 후에도 이전 값을 유지하고 있어서였습니다.

솔리드와 작은 수정들

쇼핑몰 H 관리시스템에서는 Prisma의 P2025 에러 처리를 개선했습니다. 삭제된 ContentBrand를 참조하는 상품이 있을 때 동기화가 실패하던 문제인데, 이제 brand_id를 null로 설정하고 재시도하는 로직이 추가됐습니다. (이런 엣지 케이스는 운영 중에야 발견되더라고요)

기관 공식 웹사이트 H은 기관 투어 문의 전화번호 추가와 개인정보 처리방침 업데이트로 가볍게 마무리. 온라인 쇼핑몰 S에서는 상품 아이템 생성 시 노드를 clone하지 않아서 순서가 꼬이던 버그를 수정했습니다.

오늘의 교훈: DOM 노드는 한 번 append하면 원래 위치에서 사라집니다. 여러 곳에서 쓰려면 반드시 cloneNode().

하루 동안 다섯 개 프로젝트를 오가며 작업했는데, VIP 시스템이 윤곽을 잡아가는 모습을 보니 뿌듯한 월요일이었습니다.

글 작성자

한송욱

@coolwithyou

CTO, Tech LeadSoftware Engineer

프로필 보기

커밋 참여자

한송욱

Software Engineer

+429637-198

추지혜

Software Engineer

+13066-3527

이상희

Software Engineer

+9006-1703

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

작업한 프로젝트

아트페어 H VIP시스템

38개 커밋+22068-5226

기관 공식 웹사이트 H

2개 커밋+2-2

온라인 쇼핑몰 H

7개 커밋+429401-104

쇼핑몰 H 관리시스템

9개 커밋+234-92

온라인 쇼핑몰 S

2개 커밋+4-4

상세 커밋 내역

스타일 수정

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

코드 개선

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

기능 추가

기관 공식 웹사이트 H · coolwithyou · +1 / -1

문서 업데이트

기관 공식 웹사이트 H · coolwithyou · +1 / -1

스타일 수정

아트페어 H VIP시스템 · sangheedev · +607 / -14

설정 변경

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

설정 변경

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

버그 수정

온라인 쇼핑몰 H · coolwithyou · +4 / -2

코드 업데이트

온라인 쇼핑몰 H · coolwithyou · +80273 / -0

코드 업데이트

아트페어 H VIP시스템 · Chu Jihye · +19 / -0

스타일 수정

아트페어 H VIP시스템 · sangheedev · +110 / -69

코드 개선

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

코드 업데이트

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

기능 추가

온라인 쇼핑몰 H · coolwithyou · +30 / -26

기능 추가

쇼핑몰 H 관리시스템 · coolwithyou · +1 / -0

기능 추가

온라인 쇼핑몰 H · coolwithyou · +65 / -65

버그 수정

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

기능 추가

아트페어 H VIP시스템 · sangheedev · +473 / -47

버그 수정

온라인 쇼핑몰 S · chujihye · +2 / -2

코드 업데이트

온라인 쇼핑몰 S · Chu Jihye · +2 / -2

기능 추가

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

기능 추가

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

버그 수정

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

버그 수정

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

코드 업데이트

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

기능 추가

아트페어 H VIP시스템 · sangheedev · +339 / -9

버그 수정

온라인 쇼핑몰 H · coolwithyou · +12 / -11

기능 추가

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

기능 추가

아트페어 H VIP시스템 · sangheedev · +218 / -90

코드 업데이트

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

버그 수정

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

기능 추가

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

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +25 / -17

기능 추가

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

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +17 / -4

설정 변경

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

기능 추가

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

코드 업데이트

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

코드 업데이트

아트페어 H VIP시스템 · sangheedev · +5884 / -1373

코드 업데이트

아트페어 H VIP시스템 · Chu Jihye · +5884 / -1373

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +37 / -12

기능 추가

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

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +41 / -13

기능 추가

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

기능 추가

아트페어 H VIP시스템 · sangheedev · +620 / -46

버그 수정

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

기능 추가

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

버그 수정

아트페어 H VIP시스템 · sangheedev · +12 / -14

버그 수정

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

코드 개선

아트페어 H VIP시스템 · sangheedev · +7 / -5

버그 수정

쇼핑몰 H 관리시스템 · coolwithyou · +68 / -39

코드 개선

아트페어 H VIP시스템 · sangheedev · +10 / -1

버그 수정

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

기능 추가

아트페어 H VIP시스템 · sangheedev · +36 / -22

코드 업데이트

온라인 쇼핑몰 H · coolwithyou · +80278 / -0

코드 업데이트

온라인 쇼핑몰 H · coolwithyou · +268739 / -0

스타일 수정

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

기능 추가

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

VIP 등록 시스템, 드디어 형태를 갖추다

// Map 자료구조로 갤러리 조회 성능 개선
// O(n)으로 매번 찾던 걸 O(1)로 줄였습니다
const galleryMap = new Map(galleries.map(g => [g.id, g]));

하이츠스토어, 두 개의 스킨을 품다

솔리드와 작은 수정들

오늘의 교훈: DOM 노드는 한 번 append하면 원래 위치에서 사라집니다. 여러 곳에서 쓰려면 반드시 cloneNode().

하루 동안 다섯 개 프로젝트를 오가며 작업했는데, VIP 시스템이 윤곽을 잡아가는 모습을 보니 뿌듯한 월요일이었습니다.