손기연

About

서버 엔지니어로 시작해 사내 인프라(HelpDesk)를 거쳐, 5년 넘게 퍼블리셔로 일하다 지금은 프론트엔드 개발자로 일합니다. 직무를 세 번 바꾸는 동안 매번 새로운 팀과 기술에 적응해야 했고, 그 과정이 저를 사용자와 가장 가까운 자리인 프론트엔드로 이끌었습니다. 사용자와 맞닿은 화면을 만드는 일이 프론트엔드의 꽃이라 생각하고, 무엇보다 재밌게 일하는 것이 제 목표입니다.

금융권 프로젝트를 주로 거치며 웹 접근성·웹 표준·크로스 브라우징을 몸으로 익혔습니다. KB국민은행 개인 인터넷뱅킹 리뉴얼은 웹 어워드 최고 대상을 받았고, 퍼블리셔 출신답게 마크업·스타일·인터랙션에 강합니다. 최근에는 exemONE에서 프론트엔드 17명이 함께 만드는 제품의 대시보드 파트를 맡아 초기 개발부터 3년 넘게 책임지며, 30종이 넘는 위젯의 공통 구조를 다시 세우고 빌드(Vite)·상태관리(Pinia)를 현대화해 팀 전체의 생산성을 끌어올렸습니다. 주로 Vue와 React를 다루고 TypeScript 기반 개발을 선호합니다.

Career

  1. 엑셈

    2022.09 ~ 현재
    • 한국건강관리협회 대시보드 개발
    • 모바일 인터맥스 개발
    • exemONE 개발
  2. 헥토이노베이션

    2021.06 ~ 2022.09
    • SKT PASS 운영
    • 티오르(Tior) 운영 및 고도화
    • 아파트청약케어 운영 및 고도화
    • 더쎈카드 운영 및 고도화
  3. 인픽스

    2016.04 ~ 2021.06
    • 넥센 히어로즈 사이트 시스템 유지보수 운영
    • 효성그룹 및 계열사 홈페이지 리뉴얼 구축
    • KB국민은행 개인 인터넷뱅킹 리뉴얼 구축
    • 포스코 차세대 MES 3.0 시스템 UI 구축
    • KB국민은행 차세대 통합인증서 플랫폼 구축
    • 고객언어솔루션 구축
    • 우리은행 WON기업뱅킹 앱(웹뷰) 구축
    • KB국민은행 오픈뱅킹 고도화
    • 우리은행 마이데이터 구축

Skills

HTML

웹 퍼블리셔 출신으로 웹 에이전시를 5년 넘게 다니면서 다양한 프로젝트를 경험해왔는데 대부분 금융권을 거치면서 웹 접근성, 웹 표준, 크로스 브라우징에 대한 경험이 많습니다. 항상 웹 접근성을 고려한 시맨틱 마크업을 작성하고, 웹 표준을 준수하며, 웹 접근성에 대한 이해도가 높아서 웹 접근성 관련된 이슈를 해결하는 데 능숙합니다.

CSS (SCSS)

다양한 프로젝트 구축 경험으로 인해 스타일 정리에 능숙하며, CSS 프레임워크를 사용하지 않고, 직접 스타일을 작성하는 데 익숙합니다. 또한, CSS 프레임워크를 사용할 때도 프레임워크의 동작 원리를 이해하고 사용합니다. 그리고 인터랙션에 관심이 많아서 효과적인 모션을 구현하는 데 노력합니다.

JavaScript (TypeScript)

웹 퍼블리셔일 때는 UI/UX를 재밌게 하기 위한 인터랙션 위주로 스크립트를 짰고, 프론트엔드로 넘어오면서 성능 중시의 스크립트를 짜게 되었습니다. 그래서 지루하지 않은 UI/UX를 위해 인터랙션을 고려하면서도 성능을 고려한 스크립트를 짜는 데 노력합니다. 또한, TypeScript를 기반으로 개발하는 걸 선호합니다.

React

제 첫 프론트엔드 프레임워크입니다. 2018년부터 포스코 MES, 아파트청약케어 앱, 더쎈카드(React Native) 등 실무에서 다뤘고, 최근 실무 주력은 Vue로 옮겨갔지만 React를 놓은 적은 없습니다. 블로그와 이 포트폴리오를 직접 React로 만들며 꾸준히 써왔고, 지금 보고 계신 이 사이트가 Next(React 19)로 새로 만든 결과물입니다. Gatsby·CRA·Next까지 두루 경험해, 필요할 때 바로 실무에 투입될 수 있습니다.

Vue

React를 하다가 2022년 9월부터 실무에서 Vue를 다뤄 3년이 넘었습니다. Vue 자체가 진입장벽이 낮은 데다 React 경험이 더해져 지금은 React보다 더 능숙하게 다루며, Vue로는 어떤 프로젝트든지 쉽게 구축할 수 있습니다. Vue3(Composition API)와 Pinia로 상태관리를 하는 걸 선호합니다.