풀스택 개발자 / 프로덕트 엔지니어화면과 서버, 그다음의 운영까지

“원래 이렇게 해요”를그냥 넘기지 않는 개발자성창민입니다.

금융 서비스의 화면과 서버, 인증 흐름을 함께 개발합니다.
서비스에서 발견한 문제를 앱 연동과 운영 과정까지 따라가며 해결하고, 개인 프로젝트에서는 웹과 Android를 함께 구현했습니다.

현재하나금융티아이 / 비대면 채널 개발
아래로

경력

하나금융티아이

2024.11 ~ 현재

비대면 채널 웹 / 서버 개발 및 운영

  • 안심차단 서비스2025.11 ~ 12

    영업점에서 신청하던 안심차단을 비대면 신청으로 확장

  • 모바일 신분증2025.09 ~ 10

    Web2App 기반 인증 화면과 서버 연동 개발

  • 금리인하요구권2025.08 ~ 10

    비대면 신청과 여신조건변경 약정체결 프로세스 개발

  • 신분증 사본 판별2025.02 ~ 03

    촬영 화면과 서버 API, 사본 판별 솔루션 연동

한국전자통신연구원 (ETRI)

2023.01 ~ 2023.02

복합 측위 데이터 수집 및 분석

수상 경력

  • 2025.07

    ICT&디지털혁신본부 상반기 우수직원

    하나저축은행 / Webpack 빌드 개선

  • 2024.10

    마이크로소프트 클라우드 AI 모델 경진대회 최우수상

    한국마이크로소프트 트레이닝 파트너 엘릭서 / Azure AI 웹 프로젝트

  • 2023.12

    한국정보산업연합회장상

    과학기술정보통신부 주최 ICT 한이음 공모전 / JourneyMate

  • 2023.12

    프로젝트 최우수상

    한국소프트웨어기술진흥협회 / 물물교환 플랫폼

사용 기술

금융 서비스 실무

  • Vue 2
  • JavaScript
  • Webpack
  • WAI-ARIA
  • Java
  • Spring Boot
  • MyBatis
  • PostgreSQL
  • Redis
  • Docker
  • Jenkins

개인 프로젝트 / 사내 CoP

  • React
  • TypeScript
  • Next.js
  • TanStack Query
  • Kotlin
  • Jetpack Compose
  • Supabase

AI 활용과 서비스 연동

  • Claude Code
  • Codex
  • Aside
  • OpenAI API
  • Python
  • Flask

주요 경험

주요 프로젝트로

02 / 주요 프로젝트

만드는 일에서,
더 개선하는 일까지

필요한 기능을 만들고,
출시한 서비스의 불편을 개선합니다.

HANARO의 카드 차트와 혜택별 인기 카드 화면
상세 보기
교육 프로젝트 / 금융 서비스02 / 07

결제 전에 가장 유리한 카드를 고를 수 있도록

보유한 카드의 실적과 남은 혜택을 확인하고, 주변 가맹점에서 사용할 카드를 추천하는 서비스를 만들었습니다. React 화면부터 혜택 계산 로직, 서버와 배포 환경까지 직접 구성했습니다.

  • React
  • Spring Boot
  • Oracle
  • PL/SQL
  • Redis
개발 및 시연 완료
OSS Wizard 대시보드의 취약점 현황과 심각도별 분포
상세 보기
사내 CoP / 팀 프로젝트03 / 07

오픈소스 현황과 승인 상태를 한눈에

6인 사내 CoP에서 프론트엔드를 단독으로 맡았습니다. 승인 이후 목록에 결과가 나타나지 않는 문제를 쿼리 갱신 정책으로 해결하고, 인증 만료와 일반 오류의 처리 기준을 분리했습니다.

  • React
  • Next.js
  • TypeScript
  • TanStack Query
진행 중
웹
수신호 웹의 경산시 저수지 현황과 물관리 안내
Android
수신호 Android 앱의 제주시 저수지 현황과 추세 안내
상세 보기
개인 프로젝트 / 제품 개발04 / 07

농업용수 정보를 읽기 쉬운 웹과 앱으로

개인 프로젝트에서 디자이너와 협업하며 Next.js 웹, Android 앱, API 개발을 전담했습니다. 저수율을 쉬운 행동 안내로 보여주고 웹과 앱이 같은 API 명세를 사용하도록 구성했습니다. AI 장애 시에도 기본 안내를 제공합니다.

  • Next.js
  • TypeScript
  • Kotlin
  • Supabase
공모전 출품
프로젝트 개념 그래픽 / 실제 서비스 화면 아님상세 보기
실무 / 업무 효율06 / 07

세 채널의 반복 등록을 한 번의 입력으로

같은 공지와 팝업을 세 채널에 반복 입력하던 작업을 한 번으로 줄이고, MAU, DAU 조회를 추가했습니다. 후속으로 공시 41개 분기를 DB에서 관리하도록 구현하고, 이관 SQL과 원문 표기를 검증했습니다.

  • Vue 2
  • Element UI
  • Spring Boot
  • PostgreSQL
공통 입력 구현 / 후속 기능 개발
프로젝트 개념 그래픽 / 실제 서비스 화면 아님상세 보기
실무 / WebView07 / 07

모바일 신분증으로 이어지는 비대면 가입

실물 신분증 외에 모바일 신분증으로 인증할 수 있도록 Web2App 연동을 제안했습니다. iOS, Android 담당자와 앱 이동과 복귀 규격을 맞추고, WebView 화면부터 Spring Boot 서버 연동까지 구현했습니다.

  • Vue 2
  • WebView
  • Spring Boot
운영 배포 완료

옆으로 넘겨 프로젝트를 살펴보세요.

일하는 방식으로

03 / 일하는 방식

결과를 만든
선택들입니다.

원인을 확인하고 운영에 미칠 영향을 따져,
바꿀 범위와 순서를 정했습니다.

01

로그와 측정부터 시작합니다.

처음 세운 가설과 맞지 않는 로그도 함께 봅니다. 요청 순서와 성공 여부를 비교하고, 원인을 확정하지 못한 부분은 조치 결과와 구분합니다.

Webpack 빌드 개선 보기
02

앱과 서버까지 흐름을 따라갑니다.

화면의 문제가 어느 구간에서 생겼는지 추적합니다. 직접 맡은 웹과 서버뿐 아니라 네이티브 담당자, 외부 기관과 호출 및 응답 규격을 맞춥니다.

모바일 신분증 연동 보기
03

한 번 해결한 일이 반복되지 않게 합니다.

공통 처리의 경계와 검증 기준을 코드에 남깁니다. 변경이 다른 화면에 미치는 영향을 정리하고, 다음 수정에서 놓치기 쉬운 조건은 테스트로 고정합니다.

운영자 페이지 개선 보기

파일을 대신 올리는 일부터 바꿨습니다.

운영 업무 개선 상세 보기

이미지나 파일을 등록하려면 현업 담당자가 파일을 보내고, 개발자가 NAS에 접속해 지정된 경로에 넣어야 했습니다.

반복되는 수작업을 발견하고 관리자 페이지의 업로드 기능으로 개선했습니다. 이제 현업 담당자가 직접 접속해 파일을 등록할 수 있습니다.

함께 해결할 문제 이야기하기

지금 팀이 풀고 있는
문제는 무엇인가요?

서비스 출시 부터 운영까지,
제가 기여할 수 있는 일을 함께 하고 싶습니다.

맨 위로