소개
개인의 성장이 팀의 성장이라고 믿으며, 혼자보단 함께를 중요시하는 프론트엔드 개발자 안동현입니다.
AI 를 적극 활용하여 팀의 생산성 향상에 기여하며, 항상 AI가 작성한 코드도 그대로 사용하는 것이 아니라 팀의 개발 표준과 아키텍처 방향성에 맞게 리팩토링하고 이해하려고 노력합니다.
SI, 스타트업, 그리고 B2B 솔루션 기업 환경에서 다양한 기술적 도전과 비즈니스 요구사항을 경험하며, 주어진 역할을 넘어 제품과 서비스 전반에 대한 책임감을 갖고 주도적으로 문제를 해결해오는 자세를 키워왔습니다. 프론트엔드 개발자로서 빠르게 변화하는 생태계 트렌드를 적극적으로 학습하고, 개발 생산성 향상을 위한 도구와 프로세스 개선에 지속적으로 관심을 갖고 있습니다.
최근에는 오픈소스 생태계 기여에 관심이 높아져, react-table-mapping 패키지를 직접 개발하여 배포한 경험이 있습니다.
기술스택
Frontend
React · React Native · Next.js · TypeScript · TanStack Query · Zustand
Style
Tailwind CSS · shadcn/ui · styled-components
CI/CD
GitHub Actions · Jenkins
TEST Vitest · Playwright · Playwright MCP(Cursor 연동) · Storybook
실무 경력
인젠트
프론트엔드 개발자 · EAI 솔루션 eCross
2024.08–재직중
8인 개발팀 내, 프론트엔드 개발자로써 v2 마이그레이션·UI 개편 주도 → Lighthouse 50%+ 개선, 매뉴얼 2일→8시간 단축, TS 타입 정교화로 월 런타임 타입 에러 15건→3건
넘버트랙
프론트엔드 개발자 · OKCEO Web
2024.02–2024.07
3인 개발팀에서 FileZilla FTP 수동 배포 → GitHub Actions CI/CD 파이프라인 도입으로 배포 안정성 향상
라디코
프론트엔드 개발자 · OKCEO FIIN
2023.09–2024.01
복잡한 다단계 설문 폼·실시간 검증 구현
인젠트 프로젝트 상세
eCross v2 마이그레이션 / 차세대 UI 개편
2024.08–재직중
문제
- 레거시 한계로 개발 생산성·유지보수성 저하
- Word 수기 매뉴얼로 버전/포맷 불일치, any 타입의 무분별한 사용으로 빈번한 런타임 에러
- 매우 큰 번들 사이즈로 제품의 눈에 보이는 성능 저하
- 다중 탭 환경에서의 대시보드 페이지의 모니터링 서버 부하 증가
- 그리드 확장성 한계
과정
- 팀 내, v2 마이그레이션·차세대 UI 개편 리드
- VitePress+Puppeteer+Jenkins 매뉴얼 배포 자동화 파이프라인 구축 및 PDF 자동 생성 스크립트 구현
- 서버 Response interface·유틸리티 타입 도입 및 에러 레이어 분리(Axios·QueryCache)
- 모달 표준화(toss overlay-kit)
- 의존성 청크 및 코드 스플리팅 / Shared Worker 도입
- tui-grid → AG Grid 전환
결과
- Lighthouse 50%+ 개선·매뉴얼 작업 2일→8시간 단축
- any 90% 감소·월 런타임 타입 에러 15건→3건
- 1~2개의 JS 파일 -> 30개 이상의 JS 파일로 번들 사이즈 감소
- 다중 탭 환경에서의 대시보드 페이지의 모니터링 서버 부하 감소 -> Out of Memory 에러 개선
- AG Grid 도입으로 인한 디자인 커스텀 및 필터/정렬/검색·엑셀형 CRUD로 UX 향상, Server-Side Pagination 커스텀 개발
넘버트랙 프로젝트 상세
OKCEO Web
2024.02–2024.07
문제
- FileZilla FTP 수동 배포로 배포 오류 위험 및 반복 작업 증가
- 전역 상태 혼재·TypeScript 미도입
과정
- GitHub Actions CI/CD 파이프라인 구축(빌드·테스트·배포 자동화)
- Zustand + TanStack Query로 클라이언트/서버 상태 분리
- TypeScript 점진 도입
- React Native 근로계약서 생성 기능 구현
해결
- 배포 안정성·생산성 향상
- 크로스플랫폼 경험 확보
라디코 프로젝트 상세
OKCEO FIIN (설문 기반 기업 모의 대출 심사)
2023.09–2024.01
문제
- 복잡한 다단계 설문 폼의 상태/검증 난이도
- 실시간 데이터 수집·심사 결과 제공 필요
과정
- React Hook Form + yup으로 동적 검증 로직·상태 관리 구현
- Polling 기법으로 실시간 데이터 수집
- 심사 결과 PDF 뷰·다운로드 구현
해결
- 실시간 데이터 연동·PDF 기반 결과 제공
오픈소스 / 사이드 프로젝트
테이블 간 매핑 UI 컴포넌트로 데이터 변환을 단순화하고 로직을 분리해 재사용성을 확보
- SourceTable / TargetTable, MappingLines(SVG 연결선)로 데이터 흐름 시각화·매핑 조작 API 단순화
- Husky + ESLint/Prettier로 코드 일관성 및 품질 자동화
- Vitest/Playwright로 E2E·Unit 테스트 구축, Storybook 기반 인터랙티브 문서 및 시연 환경 구성
교육
백석대학교
소프트웨어학과 (학사)
2017.03–2023.02 | 졸업
엘리스 SW트랙
웹 풀스택·팀 프로젝트 중심 교육
2023.03–2023.07 | 수료
React와 Node.js에 대해 학습 및 Git 협업 프로세스 습득