저는 3년차 소프트웨어 개발자로, 스타트업 환경에서 웹 서비스를 개발, 배포, 운영하는 경험을 쌓아왔습니다. 주로 웹 개발에 집중하고 있지만 백엔드와 데브옵스에도 관심이 많아, 관련 업무에도 적극적으로 참여하여 팀에 기여하고자 노력하고 있습니다.

주어진 비즈니스 문제를 해결하기 위해 도전하고 시도하는 과정을 즐기며, 어려운 문제를 해결했을 때 느끼는 성취감이 저의 원동력이 되고 있습니다. 빠르게 개발하고 배포하는 역량을 살려 글로벌 팀원들과 적극적으로 소통하여 소규모 프로젝트를 리딩한 경험도 있습니다.

반복되는 작업의 자동화와 프로세스 개선에 흥미가 많으며, 자동화 스크립트를 작성하거나 CI/CD를 개선하는 등의 변화를 시도해 본 경험이 있습니다. 이러한 노력으로 팀의 업무 효율성을 높이는 데 기여했고, 앞으로도 지속적으로 이어나가고자 합니다.

📞  010-8889-0621

💻  https://github.com/heptacode

📧  [email protected]

🔗 https://linkedin.com/in/hynw

| 경력

엔젤스윙

Lead Front-end Engineer 풀타임 2022.07 - 2024.10

Lead Front-end Engineer 2023.09 - 2024.10

Front-end Engineer 2022.07 - 2023.08

건설 현장 디지털 트윈 플랫폼 (B2B Global SaaS)

건설 현장을 촬영한 드론 사진을 가상화하여 웹 플랫폼을 통해 다양한 측량 및 작업 계획을 수립하는 디지털 트윈 플랫폼을 개발 및 운영했습니다.

TypeScript, React, OpenLayers, Cesium, Webpack, Vite, Yarn Berry

• 3D 안전 관리 성능 최적화

  • 프론트엔드에서 상태를 중앙화된 Redux로 관리하고 있어 큰 데이터셋을 렌더링할 때 브라우저가 느려지는 이슈가 있었음
  • Zustand 활용하여 소규모 단위별로 점진적으로 스토어 분리
  • 무한스크롤 도입하여 렌더링 속도 및 UX 개선

• 사우디아라비아 시장 진출 프로젝트

  • 데이터 상주 규정을 준수하기 위해 AWS와 GCP 모두 지원하도록 코드 구조 변경 및 CI/CD 구성
  • 기존 AWS 방식과 호환되는 GCP용 파일 업로더 제작
  • AWS에서 사용하던 서비스들을 GCP로 복제 (Storage, CDN, LB, Cloud Function, Custom Uploader 등)

• 레거시 Webpack v4 → Vite 마이그레이션하여 빌드 시간 50% 단축

• Yarn Berry 도입을 통해 패키지 설치 시간 50% 단축, 의존성 안전성 개선

• 기존에 별도로 운영되던 안전관리 서비스를 효율적으로 관리하기 위해 모듈화하여 시공관리 서비스에 통합 (사이드바 탭 형태)

• 드론⋅360카메라 통합 프로젝트

  • FE ↔ BE ↔ 파트너사 BE간의 상호작용을 시각적으로 정리하기 위해 매핑 방법 구상, 로직 설계 및 Sequence Diagram 작성하여 문서화
  • OpenLayers 지도에 평면도 이미지를 오버레이하고, 스케일링 및 회전과 같은 조작을 수행할 수 있도록 개발
  • 360 카메라로 촬영된 여러 이미지의 위치를 지도 상에 벡터 포인트로 시각화하고, 포인트를 클릭하면 해당 지점의 3D 뷰어가 열리도록 구현
  • 프로젝트 초기 기획 단계부터 개발 및 라이브 배포, 파트너사와의 협업까지 주도하여 진행

건설 현장 작업 관리를 위한 웹 화이트보드 솔루션

2D 화이트보드 라이브러리를 통해 태블릿에서도 쉽게 건설 현장의 작업관리를 할 수 있도록 돕는 라이트한 버전의 플랫폼을 개발했습니다.

TypeScript, Next.js, React Query | Node.js, Socket.IO

• 2D 화이트보드 라이브러리(Excalidraw) 통합 작업 진행
• 실시간 협업 기능 제안 및 개발
  • Node.js 소켓 서버를 직접 구축하여 라이브 배포

튀르키예·시리아 지진(2023) 구호를 위한 드론 매핑 프로젝트

튀르키예·시리아 지진 구호를 위한 드론 매핑 프로젝트로써 재난 현장에서 플랫폼을 더 쉽게 사용할 수 있도록, 러닝커브를 최소화하고 가입 및 승인 절차를 생략하는 데에 중점을 두었습니다.

• 기존 코드를 최소한으로 변경하여 재난 현장에 최적화된 플랫폼 제작
• 팀원들과 협업하여 런칭까지 단 하루 만에 끝냈던 경험

DevOps 및 기타

• CI/CD 개선 (CircleCI)
  • Executor를 M1 프로세서로 변경하여 소요시간 50% 단축
  • ESLint, TypeScript 캐싱 활용하여 소요시간 약 83.3% 개선
• AWS, 온프레미스(On-premise) 리소스 관리
  • Airflow + EKS + Batch 기반의 파이프라인 관리, 트러블슈팅
  • 필요에 따라 Data Processing용 Airflow Worker 노드 증설
• 구성원들이 백오피스에 손쉽게 접근할 수 있도록 인터널 DNS 구성
• 프론트엔드팀용 Static 파일 호스팅을 위한 S3 스토리지 버킷 세팅, 웹에서 탐색 및 다운로드가 가능한 S3 뷰어 개발 및 인터널 배포
• 채용 과제 프로세스 자동화: 일정 조율, 문서 공유, 제출 자동화

팀 협업

• 국내외 리모트 팀원들과 Google Meet, Slack 활용하여 한⋅영 소통
• CS⋅CX팀과 협업하여 고객사 피드백을 빠르게 소통하고 해결 방안 제안
• 주도적으로 스터디 세미나 진행 (사례: Yarn Berry 도입기)
• 코드 품질 향상을 위해 PR 리뷰 및 코딩 컨벤션 개선

Inside Angelswing: Meet the Team Behind the Code - Hyunwoo Kim

🎙️ 미디어 - 엔젤스윙에서의 엔지니어 인터뷰

게임스프링

Software Engineer 풀타임 2021.12 - 2022.06

모바일 게임 백오피스

게임 내외의 기능과 상태값들을 모니터링하거나 제어할때 사용하는 백오피스를 개발하고 유지보수했습니다.

TypeScript, React, React Query, Zustand, Nivo, Webpack, Yarn Berry, GraphQL

• CCU, 게임 수익 등의 데이터를 차트로 시각화하여 한 눈에 볼 수 있도록 함
• Redux에서 React Query + Zustand 코드로 변경 제안 및 작업 진행하여 상태 관리와 비동기 통신 분리, 코드량과 가독성 개선
• 백엔드 개발자와 협업하여 GraphQL 부분적으로 도입
• Yarn Berry 도입하여 패키지 설치 시간을 82% 단축
• UI 개발자와의 협업에서 Conflict 최소화를 위해 VAC 패턴을 적용하여 관심사 분리

| 학력