>_ dev.log

어떤 기기, 어떤 사용자든
쓰기 편하고 자연스러운 화면을.

name
전호근
role
Frontend Developer
experience
10년차
함께 일하기

// profile

내 정보

전호근

Jeon Hogeun · Frontend Developer

Address
서울특별시 영등포구
Education
단국대학교 컴퓨터과학과 졸업
10년 동안 30개 넘는 프로젝트의 화면을 만들었습니다. 웹표준과 접근성은 기본값으로 두고, 반복되는 UI는 공통 컴포넌트로 묶습니다. 어떤 조건에서도 유저가 막히지 않는 코드를 짭니다.

// story

나의 스토리

2015

접근성부터 배운 퍼블리셔

웹 퍼블리셔로 첫 커리어를 시작했습니다. HRD-Net, 공공누리 같은 공공 사이트를 접근성 기준에 맞춰 구축했습니다. 시맨틱 마크업과 스크린 리더 대응은 이때 익혔습니다.

2019

74개국 롤아웃에서 배운 공통화

LG.com을 74개국에 롤아웃했습니다. 나라마다 언어와 정책이 달라도 마크업은 하나로 유지해야 했습니다. 공통화 없이는 운영이 불가능하다는 걸 이때 배웠고, 이후 프로젝트부터 개발 리딩을 맡았습니다.

Now

레거시를 옮기고 기반을 만드는 일

최근에는 의료 시스템을 React/Next.js로 옮기고 Storybook으로 공통 UI를 관리했습니다. 구글 시트와 연동한 i18n 파이프라인도 구축했습니다. 이런 기반 작업을 함께할 팀을 찾고 있습니다.

// competencies

핵심 역량

대규모 서비스 프론트엔드 개발

글로벌·이커머스·금융·통신·의료 등 다양한 도메인의 서비스 개발 경험

GlobalE-commerceFinanceTelecomMedical

프론트엔드 구조 설계 및 레거시 개선

React/Next.js 및 Vue 기반 프로젝트의 구조 설계와 레거시 마이그레이션 경험

ArchitectureMigrationRefactoring

공통 UI 및 개발 환경 구축

공통 컴포넌트, 상태관리, UI 라이브러리 및 프로젝트 초기 환경 설계

Design SystemStorybookState

웹표준 및 웹접근성을 기반으로 한 UI 개발

다양한 디바이스 및 브라우저 환경을 고려한 반응형 및 크로스 브라우징 대응

A11ySemantic HTMLResponsiveCross-browsing

// stack

주요 스택

  • Core코어

    • React
    • Next.js
    • Vue
    • TypeScript
    • JavaScript

  • State상태 관리

    • TanStack Query
    • Zustand
    • Pinia

  • Styling스타일링

    • Tailwind CSS
    • styled-components
    • Emotion
    • SCSS

  • CI/CD배포 · 자동화

    • GitHub Actions
    • Vercel
    • Docker

// experience

경력 사항

  1. 휴톰

    플랫폼팀 · 팀원

    ~

    Medical
    • 온프레미스 기반 의료 메디컬 서비스 운영
    • 레거시 의료 시스템 React/Next.js 마이그레이션
    • Storybook 공통 UI, 구글 시트 연동 i18n 파이프라인 구축
    • vtk.js 기반 CT 3D 뷰어 프로토타입 개발

  2. 핀브릿지

    F1파트 · 프로

    ~

    Telecom
    • 통신 3사 PASS 부가서비스 운영
    • Vue 2→3·Vuex→Pinia 전환
    • 신규 서비스 2건 런칭 (PASS 트렌드, 세이프아이디)

  3. DFY

    개발팀 · 수석

    ~

    SI
    • 프로젝트 12건 프론트엔드 개발, 그중 6건 개발 리딩

  4. 더피프티원

    프론트엔드개발팀 · 과장

    ~

    SI
    • LG.com 5.0 74개국 롤아웃
    • LG전자 고객지원 사이트 개발 리딩

  5. 하이웹솔루션

    퍼블리싱팀 · 대리

    ~

    SI
    • 공공·금융·커머스 사이트 15건 구축
    • 웹 접근성 준수 UI 개발

  6. LDT

    NI · 연구원

    ~

    Network
    • 네트워크 장비 실시간 모니터링 대시보드 구축

// philosophy

개발 철학

좋은 코드는 다음 사람이 두려움 없이 고칠 수 있는 코드라고 믿습니다.

빈 화면까지가 화면
로딩, 에러, 빈 화면, 키보드 이동처럼 눈에 잘 띄지 않는 상태까지 만들어야 완성입니다.
같은 UI는 두 번 만들지 않기
반복되는 UI는 컴포넌트로 묶고 문서로 남깁니다.
접근성은 기본값
맨틱 태그와 aria는 나중에 붙이지 않습니다. 처음부터 넣으면 비용이 거의 들지 않습니다.
맡은 건 론칭까지
일정 조율부터 배포 후 운영까지 챙깁니다. 74개국 롤아웃도, 신규 서비스 오픈도 끝까지 맡았습니다.