손호영

Frontend Engineer

서비스의 본질적인 가치를 고민하며, 문제 해결을 위한 설계와 구현을 주도해왔습니다.
사용자 경험 개선과 개발 생산성 향상을 모두 고려하며, 기술을 목적에 맞게 활용하는 개발자를 지향합니다.
혼자보다는 함께 성장하는 팀을 중시하며, 커뮤니케이션과 코드리뷰를 통한 협업을 즐깁니다.

🛠️ Skills

의미에 맞는 시맨틱 요소 사용과 웹 표준을 고려하여 작성하도록 노력합니다.
ES6를 포함한 JavaScript 문법에 익숙하며, TypeScript의 타입시스템을 활용하여 앱을 제작합니다.
주로 React를 사용하며, 커스텀 훅을 통해 비즈니스 로직을 분리하고 재사용 가능한 컴포넌트를 개발합니다.
PandaCSS, emotion, Styled System 등 다양한 스타일 도구를 활용하여 반응형 UI를 구성할 수 있습니다.
Next.js 기반 SSR 앱 개발 및 Vercel을 활용한 배포 경험이 있습니다.
Storybook을 활용한 컴포넌트 주도 개발을 실무에 적극 도입하였습니다.
React Query, ky를 활용한 비동기 데이터 처리 및 API 추상화 경험이 있습니다.

👨🏻‍💻 Experience

(주)올잇원

2023.02 ~ 2025.02 | Frontend Engineer (with Backend experience)

Express.jsNext.jsThree.jsReactTypeScriptJavaScriptStorybook

교육 플랫폼 및 시각화 도구를 포함한 다양한 서비스를 설계하고 구현했습니다.
실습 중심의 학습 경험을 위해 코드 실행, 웹 터미널, 수료증 발급 등 주요 기능을 개발하고,
기존 시스템의 제약 속에서도 최신 기술 도입과 점진적인 마이그레이션을 통해 생산성과 유지보수성을 높였습니다.

진행한 프로젝트

VROOM 플랫폼 개선
클라우드 기반 정보보호 훈련장
- 시험, eBook, 마이페이지 등 핵심 도메인의 UI/UX를 기획하고 직접 개발
- 교육생과 관리자 간 커뮤니케이션을 위한 쪽지함 시스템을 설계 및 개발
- 학습 현황 분석 및 수료 조건 판단 로직을 정의하고, jsPDF 기반 수료증 발급 기능 구현
- 기존 Express.js 기반 앱에 React를 도입하기 위해 Shadow DOM 기반 아키텍처 설계
  - 스타일 및 DOM 충돌 없이 독립적으로 React 컴포넌트를 마운트할 수 있는 구조 구현
  - PandaCSS, React Query, ky 등 최신 스택을 도입하여 성능과 유지보수성 향상
  - Storybook 기반의 컴포넌트 주도 개발 환경 구축
잇러닝 플랫폼
eBook 기반 학습 시스템 구현
- Next.js 기반 SSR을 도입하여 초기 렌더링 속도와 SEO 개선
- 강의, 챕터, 콘텐츠를 자유롭게 관리할 수 있는 학습 콘텐츠 편집기 설계 및 구현
- ToastEditor, MonacoEditor를 커스터마이징하여 Markdown + 코드 작성 UI 개선
- pyodide를 활용한 코드 실행 기능 및 Docker, Xterm.js 기반 웹 터미널로 실습형 학습 경험 제공
사이버 전장 시각화 데모
3D 시각화 데모 프로젝트
- Three.js를 활용한 3D Globe 및 네트워크 토폴로지 구현
- 곡선 경로를 따라 이동하는 객체 애니메이션을 구현
- 노드·링크 간 연결 구조를 시각화하고 드래그 기반 편집 기능을 설계
- 보안 컨퍼런스 및 내부 기술 데모 전시로 활용

하우빌드

2022.03 ~ 2022.11 | Frontend Engineer

Next.jsReactTypeScriptJavaScriptStorybook

건축 플랫폼 하우빌드에서 건축주와 건설사간의 계약을 돕기 위한 서비스를 개발했습니다.
적산 작업 편의를 위한 어드민 개발과 개발 환경, 프로젝트 구조, 온보딩 문서화를 진행하였습니다.
2주 단위 스프린트로 서비스를 개발하며 애자일 개발 프로세스를 경험하고 테크톡 및 코드 리뷰 등 건강한 개발 문화를 접했습니다.

진행한 프로젝트

경쟁입찰 시스템
입찰에 참여한 모든 건설사의 견적을 한눈에 확인하고 비교할 수 있는 서비스
- 합성(Composition) 기법을 활용하여 prop drilling 해결
- Intersection Observer를 활용한 커스텀 훅으로 Infinite Scroll 구현
- 건축주 현장 일부를 공개하여 외부 건설사에 홍보
- 건축주와 건설사간의 계약 전환률 25% 증가
파싱룰 (적산 데이터 변환)
외부 적산 데이터를 입력된 규칙에 부합하도록 변환하는 기능
- Ant Design를 활용하여 UI 구현
- 정규표현식을 활용한 데이터 변환 및 테스트 기능 구현

Other Experience 👉

📚 Education

코드스쿼드 마스터즈 코스

2021.01 ~ 2021.06 | Frontend 과정 수료

쌍용강북교육센터

2017.11 ~ 2018.05 | Web 풀스택 과정 수료

🏅 Certificate

정보처리기사

2018.11.16 | 한국산업인력공단