doan.kim

🙂 자기소개

안녕하세요.
6년차 프론트엔드 개발자 김도안 입니다.

🗓️ 경력사항

Frontend Developer
하이노크 (hy knowk)
2024.06 ~ 현재

로컬커머스 플랫폼 노크를 운영하는 회사로 동네장보기, 음식 배달 등 로컬 퀵커머스 서비스를 제공합니다.

노크 백오피스(Intra Admin) 개발
노크 웹 디자인시스템 개발
노크 주문앱 WebView 개발
노크 사장님앱 개발
웹 제품군 배포 파이프라인 구성 및 EKS 통합
사용자 Needs에 맞는 사용성 개선 및 신규 비즈니스 로직 구현

Web Frontend Developer
부릉 (vroong)
2022.06 ~ 2024.06 (2년)

배달대행 플랫폼 부릉을 운영하는 회사로 B2B 화주사 및 로컬상점에 배달대행 서비스를 제공합니다.

부릉 백오피스(Intra Admin) 개발
부릉 웹 디자인시스템 개발
부릉 사장님사이트 개발 및 유지보수
부릉 TMS 개발 및 유지보수
사용자 Needs에 맞는 사용성 개선 및 신규 비즈니스 로직 구현

Software Developer
쓰리뷰 (3View)
2019.12 ~ 2022.06 (2년 6개월)

스마트팩토리 전환을 위한 생산관리 솔루션을 개발하고 고객사의 시스템에 통합합니다.

FactoryView MES 솔루션 개발
FactoryView WMS 솔루션 개발
제품, 생산, 재고 관리를 위한 데이터 모델링 및 API 개발
DB 프로시저 기반의 레거시 로직 웹 서버 어플리케이션으로 이관
사용자 Needs에 맞는 사용성 개선 및 신규 비즈니스 로직 구현

🪪 자격증

정보처리기사
2018.06 취득

🚀 주요 프로젝트

노크 백오피스 개발 및 유지보수 / 운영

하이노크 (hy knowk)2024.06 ~ 현재

로컬커머스 서비스 운영에 필요한 어드민 화면 개발 및 운영
Next.js Page Router 적용
BFF API 개발 및 운영
MSA 환경에서의 분리된 엔드포인트 팔로업
Partial Response
jest, nock 테스트 도입
EKS 통합 배포 파이프라인 구축
GitHub Actions → ECR → EKS ArgoCD를 통한 배포 프로세스 구축
배포 과정 단순화 및 순단 없는 무중단 배포 환경 구축
KDS(knowk-design-system) 노크 디자인 시스템 개발 및 유지보수
노크의 브랜드 톤앤매너를 적용한 디자인 시스템 컴포넌트 개발
구글 워크스페이스 기반 사용자 인증 구현
Sentry 연동

TypeScript

React

Next.js(page)

tanstack-query

react-hook-form

Spring Boot

Java

Gradle

실시간 라이더 위치 조회 WebView 개발

하이노크 (hy knowk)2025.09 ~ 2025.10

최대 5개 묶음 오더의 상태를 확인할 수 있는 화면 개발
라이더 위치 조회 API 폴링을 통한 화면 갱신
상점, 라이더, 배달지의 거리에 따른 동적 zoom 레벨 적용
라이더 이동 경로 애니메이션 적용
라이더의 이전 위치를 임시 저장하여 자연스러운 위치 변경 애니메이션 적용
사용자 Needs 충족
최고 전환율 44% 달성, 주문앱 전체 화면 중 3위
구글 워크스페이스 기반 사용자 인증 구현
Sentry 연동

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

naver-maps

나의 위치로 주소 설정 WebView 개발

하이노크 (hy knowk)2025.09 ~ 2025.09

KISA 위치기반 서비스 사업자 소명 대응
사용자의 위치정보(gps)
Naver Geo API를 통한 클라이언트 위치 → 주소 변환
좌표를 서버에 전송하지 않고, 클라이언트에서 reverseGeo API를 통해 좌표 → 주소 변환 주소 정보 서버 전송
사용자가 주소 검색 → 지도 마커를 통해 상세 주소를 쉽게 선택할 수 있도록 UI 구성

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

월간노크 정기 프로모션 WebView 개발

하이노크 (hy knowk)2025.08 ~ 2025.09

추석, 블랙프라이데이 등 월간 정기 프로모션 화면 개발
이벤트 카테고리에 연동된 카테고리 상품 정보를 케러셀 형태로 구성
배너, 랜딩 이미지, 쿠폰 정보를 연동하여 재사용 가능하도록 개발
템플릿화를 통해 마케팅팀의 운영 효율 증가
추석 프로모션 쿠폰 사용률, AOV 상승
쿠폰 사용률 51%, AOV 2만원대 상승

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

백오피스 정률 쿠폰 / 쿠폰 분담금 개발

하이노크 (hy knowk)2025.08 ~ 2025.09

정률 쿠폰 유형 추가 및 쿠폰 분담금 설정 화면 개발
정률 쿠폰 정산 대응을 위한 정산 템플릿 수정
마케팅 효율 증가
정액 → 정률 쿠폰 전환으로 인한 쿠폰 사용률 19% 증가, 일 주문수 약 20% 증가

백오피스 카테고리 별 메타데이터 템플릿 관리 개발

하이노크 (hy knowk)2025.07 ~ 2025.08

상품 카테고리 별 메타데이터 템플릿 화면 개발
상품 카테고리 별로 관리되어야하는 메타데이터를 템플릿화 할 수 있는 관리화면
ex) 보관방법, 원산지, 등급정보 등
운영 효율 개선
as-is : 수기로 상품 모니터링하여 누락된 항목 운영자가 직접 수정
to-be : 카테고리 템플릿을 통한 상품별 필수항목 구성으로 운영자 개입 없음

동네장보기 예약배달

하이노크 (hy knowk)2025.06 ~ 2025.08

예약 배달 슬롯(시간대)을 이용하여 상품을 묶음 집하하여, 물류비를 개선
백오피스 상점별 예약 배달 슬롯 개발
상점 별로 예약 배달 시간대를 설정할 수 있는 화면 개발
백오피스 주문내역 예약 배달 유형 추가
예약배달 유형의 오더를 백오피스 화면에서 확인할 수 있도록 화면 개발
백오피스 주문 수락/거절 기능 추가
운영자가 상점의 주문을 직접 주문 수락/거절할 수 있는 기능 개발
예약배달로 인한 물류비 개선
전체 주문의 12%를 예약배달로 전환
N건 주문 N건 배달비 구조를 개선
FM(프레시 매니저) 활용으로 인한 물류비50% 절감

동네장보기 공동구매

하이노크 (hy knowk)2025.05 ~ 2025.07

공동구매를 통해 구매전환율을 상승시키고 물류 중앙화를 통한 물류비 개선
백오피스 권역별 공동구매 관리 화면 개발
공동구매 상품과 노출 권역을 설정하는 화면 개발
백오피스 주문내역 공동구매 배달 유형 추가
공동구매 유형의 오더를 백오피스 화면에서 확인할 수 있도록 화면 개발
공동구매로 인한 구매율 및 물류비 개선 성과
공동구매 기간 동안 전체 주문 대비 공동구매 비중 10%
FM(프레시 매니저) 활용으로 인한 물류비 50% 절감

설문조사 WebView / 백엔드 개발

하이노크 (hy knowk)2025.06 ~ 2025.08

유저 추천 가게, 사용자 만족도 조사 등 N개의 설문조사를 플레이하고 데이터 내재화
Survey 도메인 API 개발
동적 라우팅을 활용하여 N개의 설문조사를 할 수 있도록 템플릿 화면 개발
유저 추천 가게를 통해 영업 대상 상점 리스트업
일 주문 30건 이상의 상위 상점 5개 획득

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

Spring Boot

Java

Gradle

노크 유저웹 개발 및 유지보수 / 운영

하이노크 (hy knowk)2025.05 ~ 현재

노크 주문앱 WebView 영역을 담당하는 웹 제품 개발
Next.js App Router 적용
FSD 구조 적용
네이티브 웹뷰 간 브릿지 구현
Hackle 연동
이벤트 로깅 모듈 개발
page view, imp, scroll 등 공통 이벤트 핸들러 구현

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

포장 오더 개발

하이노크 (hy knowk)2025.03 ~ 2025.03

포장 기능을 개발하여 물류비 개선 및 오더 당 수익 증가
백오피스 주문내역 포장 유형 추가
백오피스 포장 요금제 개발
포장 오더로 인한 오더 당 수익 개선
전체 주문의 3%를 포장으로 전환
포장 물류비 0원으로 전체 주문의 3%의 물류비 개선

백오피스 프랜차이즈 카탈로그 개발

하이노크 (hy knowk)2025.02 ~ 2025.03

B2B 프랜차이즈의 일괄 메뉴 변경에 대응하기 위한 요구사항 개발
프랜차이즈 카탈로그 템플릿 관리 화면 개발
카탈로그 연결 상점 관리 화면 개발
운영 효율 개선
as-is : 프랜차이즈 → N개의 상점 → N개의 상품 운영자가 수기로 대응
to-be : 프랜차이즈 → 카탈로그 상품 변경 → 상점 적용

모두배달 개발

하이노크 (hy knowk)2025.02 ~ 2025.03

한 가게의 최소주문금액을 만족하면 최대 5개 상점의 상품을 최소주문금액 없이 주문가능하도록 하는 요구사항 개발
백오피스 주문내역 묶음 오더 기능 개발
주문 리텐션 상승
주문자의 W+2 주문 리텐션 약 24% 상승
전체 주문중 약 7% 모두배달로 전환

뭐먹지 숏폼 WebView 개발 / 백오피스 개발

하이노크 (hy knowk)2024.10 ~ 2024.12

유튜브 숏츠 컨텐츠를 상점, 프랜차이즈, 카테고리별로 태깅하여 유저에게 제공
URL 기반으로 내려오는 유튜브 숏츠를 플레이할 수 있도록 WebView 화면 개발
네이티브 WebView간 play/pause, mute/unmute, seek 등 브릿지 통신 구현
사용자 여정 이벤트 로깅
백오피스 포스트 관리 기능 개발
유튜브 숏츠 URL 기반으로 내부 상점, 프랜차이즈, 카테고리 태깅 후 저장

TypeScript

React

Next.js(app)

tanstack-query

react-hook-form

react-player

B2B 프랜차이즈 연동 개발

하이노크 (hy knowk)2024.09 ~ 2025.10

버거킹, 피자헛, 뚜레쥬르, 파파존스 등 B2B 프랜차이즈 연동 기능 개발
백오피스 프랜차이즈 관리 기능, 프랜차이즈 연결 상점 기능 개발
백오피스 상점에 푸드테크 연결을 위한 중개사 연동 기능 추가
B2B 프랜차이즈 상점 입점 성과
버거킹, 피자헛, 뚜레쥬르, 파파존스와 같은 대형 B2B 프랜차이즈 입점
푸드테크 연동으로 B2B 프랜차이즈 간의 연동 리소스 최소화

백오피스 폴리곤 편집기 개발

하이노크 (hy knowk)2024.08 ~ 2025.09

지도 폴리곤을 통해 권역을 설정해야하는 요구사항 개발
읍면동 권역 단위에서 더 세세한 권역 세분화가 필요
국토부 v-world 법정동 경계 검색 API 연동
권역 복사하기 기능 개발
지도 내 폴리곤 그리기 개발
지도 내 멀티 폴리곤 그리기 개발
백오피스 권역 폴리곤 저장 및 조회 화면 개발
B2B 프랜차이즈 계약 요구사항 달성
피자헛, 파파존스와 같이 읍면동 내에 여러 지점이 있는 경우 지점 별 폴리곤 설정이 필요 → 상점 별 폴리곤 권역 설정을 통해 해결

사장님 앱 개발

하이노크 (hy knowk)2024.07 ~ 2025.08

노크 입점 가맹점주님들의 가게관리, 오더상태 확인을 위한 사장님 앱 개발
주문 목록, 메뉴 관리 BFF API 개발
주문 목록, 메뉴 관리 화면 개발
Firebase 기반 푸시 메시지 연동
초기 개발에 참여하여 앱런칭 성과 → 운영 효울 증가
as-is : 메뉴수정 가격변동 등 고객센터에서 수기 관리 → 고객센터 응대비용 증가
to-be : 사장님 앱을 통해 사장님이 직접 수정 → 고객센터 응대비용 감소

Flutter

Dart

GetX

부릉 백오피스 개발 및 유지보수 / 운영

부릉 (vroong)2022.09 ~ 2024.06

배달대행 서비스 운영에 필요한 어드민 화면 개발 및 운영
cake-form 폼 검증 라이브러리 개발 및 유지보수
ISMS 품질 유지 작업
개인정보처리방침에 따라 모든 개발 과정에 개인정보 마스킹 및 인가 처리 포함
코드 품질 유지 및 개선
레거시 클래스 컴포넌트 FC 전환 및 디자인 시스템 컴포넌트 개선 작업 참여
VDS(vroong-design-system) 부릉 디자인 시스템 개발 및 유지보수
부릉의 브랜드 톤앤매너를 적용한 디자인 시스템 컴포넌트 개발
Sentry 유지 및 관리
Sentry 연동을 통한 버그 리포트 관리 및 코드 개선

TypeScript

React

MobX

cake-form

부릉 TMS 개발 및 유지보수

부릉 (vroong)2022.09 ~ 2024.06

SSAS형 TMS(운송관리시스템) 클라이언트 개발 및 유지보수
실시간 배송 온도 관제 화면 개발
배차 상태 관리 화면 개선
차량 관리 화면 개선

TypeScript

React

MobX

cake-form

부릉 사장님사이트 개발 및 유지보수 / 운영

부릉 (vroong)2022.09 ~ 2024.06

배달대행 서비스를 사용하는 가맹 점주님들이 필요로하는 기능을 모아놓은 웹페이지 개발
지도분석 화면 개선
가게 반경의 배달 분포도를 지도 형태로 제공
광고 효율 계산 활용으로 고객 만족도 상승
부가세 신고 자료 화면 개선 및 유지보수
요금제 고도화 및 세금 계산 수식에 따라 부가세 신고 자료 양식 변경 개발
sheet.js를 통한 셀 수식 적용

TypeScript

React

MobX

cake-form

sheet.js

백오피스 과적 오더 개발

부릉 (vroong)2023.06 ~ 2023.08

상품의 무게 또는 부피가 예상치를 초과하는 경우 과적 요금을 계산할 수 있도록 과적 오더 요구사항 개발
백오피스 내 과적 오더 생성 기능 개발
백오피스 내 과적 할증 요금제 화면 개발
운영비 절감 성과
as-is : 고객센터 카카오 채널 수기 처리 (건당 200원)
to-be : 수기 처리 과정 없이 과적오더 생성 운영 비용 50% 절감

백오피스 상점 대량 수정 개발

부릉 (vroong)2023.02 ~ 2023.04

요금제, 운영상태 변경 등 단건 상점 변경이 아닌 다건의 상점을 한번에 수정할 수 있도록 하는 요구사항 개발
백오피스 대상 상점 선택 모달 개발
백오피스 대상 상점 정보 import 및 export 기능 개발
백오피스 대상 상점 정보 엑셀 파싱
운영 효율 증가 및 리소스 감소
as-is : jira 티켓 발행으로 데이터팀에서 일괄 변경 처리
to-be : 백오피스 내 화면으로 일괄 변경 가능 → 데이터팀 리소스 사용 x

부릉 Status 페이지 개발

부릉 (vroong)2022.06 ~ 2022.09

화주사에서 플랫폼 서비스 상태를 실시간으로 확인할 수 있는 Status 페이지 개발
canvas, svg를 이용한 서비스 상태 모니터링 그래프 컴포넌트 개발
플랫폼 신뢰도 상승
일자, 시간대 별로 고객사에게 투명한 서비스 품질 모니터링 서비스 제공

TypeScript

React

MobX