Aily Kang
프론트엔드 개발자 · UI 디자이너 · 프로덕트 엔지니어
모호한 요청을 돌아가는 서비스로 만듭니다.
최근 수행 · 2026.08–09
커머스 운영 데이터 정합성
603개 상품을 Cafe24 두 몰에서 각각 재조회 검증(9/5). 검색·진열 151개 상품·268행 보정 후 독립 재조회로 대상 필드 잔여 0행 확인(9/7). 가격·옵션·매핑과 실제 동기화 입력을 함께 대조했습니다.
공공 포털 납품·운영 개선
사용자·관리자 프론트엔드에 이어 사용자 매뉴얼 76쪽·관리자 매뉴얼 52쪽과 재생성 도구를 제작했습니다. 본문 글자 크기, 검색·공유 메타, 게시판 서식과 한글 글꼴 폴백까지 개선했습니다.
교육서비스 권한·감사로그 보강
과제 채택 후 실무 QA에 참여해 동료의 기존 조회 기능에 별도 권한·조회 사유·감사로그·자동 재마스킹을 보강했습니다. 관련 테스트 71개와 CI·가상 응답 브라우저 검증 완료. 2026-09-08 기준 초안 PR·미병합, 운영 적용 전입니다.
요구사항이 정리되지 않은 상태에서 시작해, 사람이 판단으로 메우던 자리를 규칙으로 바꾸고, 검증할 수 있게 만든 다음 자동화를 붙이는 순서로 일합니다. 2013년부터 디자인을, 이후 웹 개발로 범위를 넓혀 왔습니다. 정보 구조를 잡고, 화면을 그리고, 퍼블리싱과 프론트엔드를 구현하고, 서버에 올리고, 납품 후 운영까지 한 사람이 이어서 처리합니다. 2016년 이후 아카이브로 확인 가능한 클라이언트만 205곳이고 한 곳에 여러 건을 납품한 경우가 많아 산출물 수는 그보다 훨씬 많습니다. 공공기관 포털부터 커머스 정산 시스템, 자동화 도구, 브랜드·인쇄물까지 포함합니다.
핵심 강점
디자인과 개발 사이에 인수인계가 없습니다
시안을 직접 그리고 그 시안을 직접 마크업합니다. 구현 단계에서 디자인이 무너지는 손실이 발생하지 않고, 커뮤니케이션 비용도 들지 않습니다.
틀리면 돈이 되는 영역을 다뤄봤습니다
세금계산서 발행 API, 은행 입금 자동확인, 회원 포인트·정산 로직을 실제 운영 환경에서 구축·유지보수했습니다. 표시 오류와 정산 오류의 허용 오차가 다르다는 것을 실무로 압니다.
AI를 규칙과 함께 씁니다
AI 에이전트에게 코드베이스를 넘기기 전에 작업 규칙 문서(네이밍·CSS 변수·브레이크포인트·금지사항·문서 갱신 절차)를 먼저 정의합니다. 속도를 얻되 품질 기준을 잃지 않는 방식으로 운용합니다.
안 만들 근거를 문서로 남깁니다
자체 제품에 단계별 승격 조건을 명시하고, 조건을 통과하지 못하면 다음 단계를 만들지 않습니다. 기능을 늘리는 것보다 늘리지 않을 판단이 어렵다고 봅니다.
경력
고용보험 이력 기준 총 11년 5개월. 회사명은 공개하지 않습니다.
커머스 운영 · 개발 · 디자인
유통 · 커머스 (인천)
- 채널마다 갈라지던 상품 옵션·가격을 대조 가능한 단위로 정규화해, 화면을 하나씩 열어 눈으로 맞추던 확인 작업을 걷어냄 (원시 옵션코드 41,067행 → 고유 옵션축 11,444건, 이관 후 재대조 미등록 0건)
- 판매가 산정규칙을 문서화된 규칙으로 구조화해 담당자 판단에 따라 채널별 가격이 갈라지지 않게 함
- 진단·교정 계획 생성을 실행에서 분리 — 무엇을 왜 바꾸는지 산출해 확인한 뒤 실행하도록 설계
- 공급사 상품정보 수집기를 개발해 반복 수기 등록을 대체하고, 비개발자 운영자가 개발자를 거치지 않도록 실행 파일로 배포 (Python · Playwright)
- 제품 상세페이지를 기획부터 아트디렉션, 이미지, HTML 구현, 채널별 분할까지 단독 제작
수행사 이사 · Technical Project Lead
웹서비스 수행사 (본인 회사)
- 대형 아동복지재단 디지털플랫폼 개편의 범위·일정·발주처 대응 총괄
- 프론트엔드·관리자 개발을 겸임하고 통합테스트·운영 인계까지 담당
개인사업자 · 프리랜스
웹 · 브랜드 · 인쇄 전반
- 수주부터 납품·운영까지 단독으로 책임지고 기업 홈페이지, 커머스, 브랜드 아이덴티티, 카탈로그, 인쇄물을 제작
- 엑셀·한글파일·PPT에 흩어져 서로 어긋나던 발주처 요구사항을 대조해 정리한 뒤 화면과 규칙으로 옮기는 방식으로 진행
- 로고부터 인쇄물, 웹, 서버까지 한 클라이언트를 일괄 담당해 공급사가 나뉘며 생기는 품질 편차를 없앤 사례 다수
촬영기사 · 촬영·전산등록·업무 개선
유통사
- 차량 촬영·이미지 보정·정보 검수와 판매 플랫폼 전산등록
- 촬영 파일명과 고지 항목을 연결하고 반복 입력·업로드를 자동화. 최종 검토·저장은 작업자가 수행
디자인팀 대리 · 홈페이지 관리·웹디자인
커머스 운영사
- 쇼핑몰 구축과 운영, 상품 등록 및 상세페이지 제작
- 사이트 개선과 온라인 판매 관련 운영 업무 전반
웹서비스 개발·운영 · 프로젝트 리딩
웹 에이전시
- 정산·세금계산서·포인트 등 틀리면 바로 금액이 되는 로직을 실제 운영 환경에서 구축하고 유지보수
- 은행 입금 확인과 세금계산서 발행을 외부 API로 연동해 수기 대조 작업을 걷어냄
- 웹사이트 디자인과 퍼블리싱, PHP 기반 웹프로그램 개발 및 데이터베이스 연동
- 온라인 쇼핑몰 제작과 유지보수, 기획부터 운영까지 참여
웹디자인 · 퍼블리싱 · PHP
웹 에이전시
- HTML · CSS · JavaScript 퍼블리싱, PHP 기반 CMS 커스터마이징과 DB 연동
- 국제 전시회 인쇄물 및 웹 제작, 공공기관 홍보 E-BOOK 제작, 에너지 기업 ESS 시스템 UI 디자인
디자인팀 팀장 · 웹기획 및 디자인 총괄
웹 에이전시
- 외주로 진행하던 홈페이지 제작에 CMS 기반 사내 제작 체계를 도입하고 웹기획·디자인을 총괄
- 기업 홈페이지와 쇼핑몰 디자인 및 퍼블리싱, UI/UX 개선
- 브로슈어 · 리플렛 · 배너 등 홍보 인쇄물 디자인 병행
그래픽 디자인
디자인 스튜디오
- 명함 · 봉투 · 브로슈어 · 리플렛 · 현수막 · 안내판 등 인쇄물 디자인
- 인쇄 감리와 제작 발주까지 담당
촬영 · 이미지 · 시공
초기 실무
- 제품 촬영과 이미지 보정, 온라인 등록 및 고객 응대
- 실크스크린 · 시트지 시공 등 오프라인 제작 현장 경험
주요 수행 프로젝트
부품닷컴 — 상품·부품 데이터와 B2B 거래 플랫폼
산업용품 B2B 서비스에서 상품 아래에 규격별 부품이 연결되고, 제조사·분류·입점업체·견적·주문이 함께 움직입니다. 영카트 4 기반 서비스를 5로 옮기는 작업과 데이터·입점사 운영 기능을 구축하고 후속 개선했습니다.
코랄돌핀크루즈 — 여행 상품과 예약 접수
괌 돌핀크루즈 서비스의 웹사이트와 예약 화면을 구축했습니다. 상품 안내에서 출발일·인원·픽업 정보를 받는 예약 접수로 이어지는 작업입니다.
하와이터틀 — 스노클링 예약과 날짜별 요금
하와이 터틀캐년 스노클링의 웹·예약 프로젝트입니다. 예약 화면에 더해 일정과 인원 유형별 요금을 다루는 기능을 구축하고 요금 관련 후속 수정을 수행했습니다.
괌몰 — 복수 여행상품 예약과 프로모션 운영
괌 여행 상품의 소개·예약 페이지와 운영 화면을 작업했습니다. 호텔온리·에어텔·옵션투어·프로모션 예약을 나누고, 후속 작업으로 프로모션 콘텐츠를 게시판에서 관리하도록 개선했습니다.
윈초음파 — 산업장비 웹사이트와 구조화된 제품 정보
산업용 초음파 장비 기업의 웹사이트와 제품 소개 화면을 작업했습니다. 제품의 개요·특징·제어·맞춤 사양·상세 규격을 구분하는 전용 스킨으로 후속 개선했습니다.
땡큐네이처 — 콘텐츠 제작과 인플루언서 업무 도구
땡큐네이처 재직 중 영상·리플렛 등 콘텐츠 제작과 웹 업무를 수행했습니다. 남아 있는 업무 도구 코드에서는 인플루언서 검색·분류·선택 저장·목록 관리·엑셀 출력 흐름을 확인할 수 있습니다.
전북테크노파크 — 공공기관 홈페이지 재구축
감따커뮤니케이션 재직 중 수행한 공공기관 홈페이지 재구축입니다. 기획서·메인 및 서브 시안·PHP CMS 소스·회의와 주간보고 자료가 함께 남아 있습니다.
디자인벽지 — 공간별 셀프코디와 소요량 계산
벽지 브랜드 작업에는 웹 화면과 인쇄·디자인 원본뿐 아니라, 공간별 제품 조합을 보는 셀프코디와 시공 소요량 계산 화면이 포함됩니다.
인증중고차 — 촬영에서 고지등록까지 업무 자동화
촬영기사로 차량 촬영·보정·정보 검수·판매 플랫폼 등록을 담당하면서 반복 고지등록 업무를 자동화했습니다. 본업을 수행하는 과정에서 촬영 파일명과 전산 입력을 연결했습니다.
자체 제품
Opportunity OS
정부지원사업 공고를 수집·점수화해 추천하는 플랫폼. Flutter 단일 코드베이스(Web·Android·iOS), Python 수집기, Firebase Functions 기반 Claude API 프록시.
- API 키를 클라이언트 번들에 포함하지 않고 서버 시크릿에만 격리
- `AiBackend` 인터페이스로 백엔드를 추상화해 향후 NestJS 이전 시 구현체만 교체 가능
- 공고 상세 구조화 추출 후 캐시하여 재실행 비용 제거
- 단계별 승격 조건을 SPEC.md에 명시 (예: v2→v3은 유료 의사 확인 전까지 착수하지 않음)
EXITO Supply Collector
공급사 상품 정보 수집 엔진. 플러그인 구조의 크롤러와 배포 가능한 데스크톱 애플리케이션.
- `BaseCrawler` + `CrawlerRegistry` 구조로 공급사 추가를 개발이 아닌 등록 작업으로 전환
- 미지원 사이트는 GenericCrawler가 JSON-LD → OpenGraph → meta → DOM 순으로 폴백 분석
- CustomTkinter MVC UI + PyInstaller 패키징으로 비개발자 운영자에게 배포 가능한 형태로 제공
- 수집 HTML 내 이미지 경로를 로컬 상대경로로 치환해 원본 사이트 변경·핫링크 차단에도 산출물 유지
Content Factory
콘텐츠 발굴·작성·발행을 자동화하는 Event Bus 기반 시스템.
- 8개 엔진 중 Idea·Writing·Publishing만 구현하고 나머지는 인터페이스만 정의해 범위를 의도적으로 제한
- 엔진 간 직접 호출을 금지하고 Event Bus를 경유하도록 설계해 교체 가능성 확보
- MVP 목표를 '아키텍처 완성'이 아닌 '3분 내 실제 콘텐츠 생산·예약'으로 문서에 명시
학력 · 자격
- 2013.03 ~ 2022.02
- 서울디지털대학교 실용음악학과 졸업 · 시각디자인 복수전공 (3.45/4.5)
- 2012.10
- 컴퓨터그래픽스운용기능사
- 2011.11 ~ 2012.03
- AutoCAD 실무 및 ATC 자격 과정 · 3D MAX 모델링 · 렌더링 과정 수료
기술
- 프론트엔드
- Next.js, React, TypeScript, HTML/CSS, 반응형 퍼블리싱, 웹 접근성
- 백엔드 · 시스템
- PHP, MySQL, Node.js, 외부 API 연동(세금계산서·은행), 서버 구축·이전
- 앱 · 자동화
- Flutter, Python, Playwright, 크롤링, PyInstaller 배포
- 디자인
- Figma, Photoshop, Illustrator, After Effects, InDesign, UI·인쇄·모션
- 협업 · 방법론
- 정보구조 설계, 화면기획, 문서 기반 운영, AI 에이전트 워크플로우 설계
덧붙이는 말
직군을 하나로 고르라면 고르기 어렵습니다. 대신 제가 책임질 수 있는 범위는 분명합니다 — 요구사항이 정리되지 않은 상태에서 시작해, 실제로 돌아가고 남이 운영할 수 있는 서비스로 만들어 넘기는 구간 전체입니다.
이 페이지를 인쇄(Ctrl/⌘ + P)하면 PDF로 저장됩니다.