FrontEnd Developer

안녕하세요!
프론트엔드 개발자 김동은 입니다.

에이전시에서 쌓은 UI/UX 경험과 다양한 서비스 개발 경험을 바탕으로, 디자인과 기술 사이의 균형을 고민하며 더 나은 서비스를 만들어 가고 있습니다.

  • 01

    사용자 경험

    사용자가 자연스럽게 서비스를 이용할 수 있는 인터페이스와 흐름을 고민합니다.

  • 02

    구조와 재사용

    반복되는 UI와 로직을 정리해 유지보수하기 좋은 구조를 만들어 갑니다.

  • 03

    안정적인 서비스

    개발과 운영 경험을 바탕으로 안정적으로 지속될 수 있는 서비스를 고민합니다.

  • 04

    함께 만드는 개발

    다양한 직군과 소통하며 더 나은 해결책을 함께 찾아갑니다.

EXPERIENCE


  • 20230621 - 재직중

    (주) 클러쉬 | (전) 디씨온

    KB개발담당 · 선임연구원(대리)

    국민지갑 플랫폼의 프론트엔드 업무를 리딩하며 구조 설계, 공통화, 서비스 개발과 운영을 경험했습니다. SSO 인증, GLN 해외결제, 메인 UI 고도화, 기차예매 개선 등 다양한 금융 서비스를 담당했고, 합병 이후에도 플랫폼 개발과 운영, 재사용 구조 개선을 이어가고 있습니다.

    주요 업무

    • 프론트엔드 구조 개선 및 표준화
    • 플랫폼 서비스 기능 개발 및 운영·유지보수 대응
    • 공통 컴포넌트 설계·최적화 및 재사용 구조 정비
    • 계열사 연계 인증·로그인 공통화 및 SSO 연동
    • 웹·앱 접근성 기준 대응 및 인증 취득 지원
    • 고객 협의 기반 요구사항 조율 및 로직 리팩토링

    주요 성과

    • 공통 컴포넌트를 국민지갑 28개 서비스에 적용해 신규 화면 개발 공수를 1MM에서 0.5MM으로 약 50% 절감
    • KB Pay를 시작으로 KB 계열사 앱 6종에 국민지갑 SSO 로그인 연계
    • GLN 해외결제 개편 후 결제 화면 페이지 이탈률 약 15% 감소
    • 기차예매 선물하기 도입 후 승차권 페이지 사용자 유입률 약 20% 증가
  • 20230301 - 20230430

    (주) 엠아이티마스

    프리랜서

    KB국민은행 국민지갑 내차등록증 구축에 참여해 차량 등록 및 검사 관련 화면을 개발하고, 차량 정보 연계와 공통 UI·에러 처리 구조를 구성했습니다.

    주요 업무

    • 프론트엔드 개발 및 공통 컴포넌트 설계
    • KB 내부 EAI·외부 기관 데이터 연계 화면 개발
    • 에러 처리 공통 모듈 및 데이터 포매팅 표준화
    • 스프린트 기반 고객 요구사항 반영
  • 20201201 - 20220831

    (주) 인스팟

    크리에이티브 그룹 UX팀 · 사원

    SK넥실리스·현대바이오랜드 등 기업 홈페이지 리뉴얼과 금융 플랫폼 구축에 참여하고, 다수 웹사이트의 운영 및 유지보수를 담당했습니다.

    주요 업무

    • 플랫폼 신규 개발 및 기존 서비스 유지보수
    • 금융·공공 서비스 프론트엔드 화면 구축
    • 웹표준·반응형·크로스브라우징 기반 퍼블리싱
    • 공통 스타일·컴포넌트 적용을 통한 화면 구조 정비
    • 웹접근성 기준 대응 및 인증 취득 지원

    주요 성과

    • The-K저축은행 웹사이트 웹접근성 개선 작업으로 인증 취득에 기여

SKILLS

  • Front-end

    금융 서비스 공통 UI를 설계하고, React·Next.js로 영역을 넓히고 있습니다.

    VueVuetifyTypeScriptJavascriptScssReactNext
  • Server Stack

    Spring Boot·MySQL로 API를 구성하며 백엔드로 넓히고 있습니다.

    SpringMySQL
  • Infra & Tools

    Git·Jenkins로 협업과 빌드를 하고, 디자인과 배포로 넓히고 있습니다.

    AWSGitJenkinsWebpackFigma

Project

에이전시에서 쌓은 UI/UX 경험과 다양한 서비스 개발 경험을 바탕으로, 디자인과 기술 사이의 균형을 고민하며 더 나은 서비스를 만들어 가고 있습니다.

01

KB국민은행 스타뱅킹 국민지갑 상시 개발 대응

국민지갑의 신규 기능 개발과 운영 대응을 담당하며, 공통 컴포넌트와 개발 표준을 정비하고 계열사 인증 연계 및 결제·예매 서비스를 개발했습니다.


  • 기간

    2023.06 - 현재

  • 역할

    프론트엔드 공통 구조 설계 및 개발 표준 정비, KB 계열사 연계, 회원·서비스 개발

  • 기술

    Git · Jenkins · Jira · SCSS · TypeScript · Vue · Vuetify · Vuex

  • 모달·팝업·입력 폼 공통 UI를 설계해 국민지갑 28개 서비스에 적용·운영
  • KB Pay 등 KB 계열사 앱 6종에 국민지갑 SSO 로그인 연계
02

KB국민은행 국민지갑 내차등록증 구축

차량 등록 및 검사 관련 화면을 개발하고, 차량 정보 연계와 공통 UI·에러 처리 구조를 구성했습니다.


  • 기간

    2023.03 - 2023.04

  • 역할

    프론트엔드 개발

  • 기술

    Git · Jenkins · Jira · SCSS · TypeScript · Vue · Vuetify · Vuex

  • 차량 등록 프로세스와 검사 UI를 공통 컴포넌트로 설계·구현
  • KB 내부 EAI와 한국교통안전공단 데이터 연계 화면 개발
03

개인 포트폴리오 사이트 및 전용 어드민

프로필·포트폴리오·블로그·방명록을 갖춘 공개 사이트와, 내용을 직접 관리하는 어드민·API를 만들었습니다. AI 도구와 협업해 개발하고, 구조 설계와 검증은 직접 수행했습니다.


  • 기간

    2023.06 - 현재

  • 역할

    프론트엔드·백엔드 개발

  • 기술

    Ant Design · Flyway · MDX · MySQL · Next.js · React · SCSS · Spring Boot · TypeScript

  • AI 도구와 협업해 개발하고, 구조 설계와 검증은 직접 수행
  • 경력·프로젝트·블로그를 관리하는 어드민과 JWT 쿠키 인증 구현

01/03

기록하고, 나눈 이야기들

프로젝트의 목표를
함께 완성해 나갈 동료가 되겠습니다