aboutme.jpeg

About

"Everything about me"

배소희

새로운 것을 도전하기 좋아하고 발전을 위해 꾸준히 노력하는 것을 중요하게 생각하는 개발자 입니다.

불확실함을 확신으로, 미국 스타트업 초기 멤버 개발자

도전적인 환경에서 비즈니스 임팩트를 만들어내는 5년 차 프론트엔드 개발자 배소희입니다.

About Me

5년 차 프론트엔드 개발자로, 미국 시드 단계 스타트업의 초기 멤버로 활동하며, 주도적인 문제 해결을 통해 프론트엔드 개발에 대한 전문성을 쌓았습니다. 오랜 유학 생활을 통해 얻은 유연한 사고와 적응력을 바탕으로 새로운 기술과 낯선 환경에서도 빠르게 성과를 만들어왔습니다. 단순히 기능 구현에 그치지 않고, 코드의 재사용성(Reusability)과 클린 코드(Clean Code)를 끊임없이 고민하며 유지보수가 가능한 결과물을 만들어 내려고 노력하고 있습니다. 또한, 다양한 문화권에서 수많은 사람들과 소통하며 기른 공감 능력은 개발자가 성장하는데 큰 도움이 되었습니다. 꾸준함의 힘을 믿으며, 팀과 함께 성장하고 비즈니스 임팩트를 만들어내는 개발자가 되고자 합니다.

Contact

Experience

Sagetap

2021.05 ~ 2025.11

https://www.sagetap.io

Frontend Developer - Founding Member

5,000명 이상의 기술 전문가와 B2B SaaS 스타트업이 익명으로 만날 수 있도록 돕는 온라인 플랫폼 서비스

플랫폼 V1에서 V2로 새 플랫폼 개발, 마이그레이션 및 업그레이드

레거시 개선과 확장성에 초점을 맞춘 플랫폼 전면 개편 프로젝트를 6개월간 7명의 엔지니어 팀과 협업하여 성공적으로 런칭했습니다.

  • Atomic Design 원칙을 적용한 재사용 가능한 컴포넌트 라이브러리를 구축하여 UI 개발 생산성을 높이고 디자인 일관성 확보
  • 기획 단계부터 디자인 팀과 긴밀히 협업하여 구현 타당성을 검토하고 모바일 환경에 최적화된 UI 대안 제시로 디자인-개발 사이클 단축
  • V2 플랫폼 런칭을 통해 스타트업과 전문가 간의 매칭 세션 수 110% 증가 달성

기존 제품 개선 작업

모바일 최적화 및 이탈률 감소
  • 플랫폼 전체 Mobile Optimization을 주도하며 고정 픽셀 값을 유동적 단위와 Tailwind CSS로 교체하여 크로스 디바이스 대응력 강화
  • 복잡한 모바일 테이블 UI에 Priority Hiding 기법을 제안 및 개발하여 사용성 문제 해결
  • 모바일 이탈률 50% 감소 (40% → 20%) 달성
안정화 전략 및 성장 기여
  • 핵심 기능 'Sage Invite' 개발시 복잡한 스펙을 단계별 배포(Phased Rollout) 전략으로 접근하여 시스템 안정성을 확보하고, Unleash를 활용한 Feature Flag를 도입하여 배포 리스크를 최소화하며 유연한 릴리즈 환경을 구축
  • React Hook Form을 도입하여 폼 성능을 최적화하고 사용자 경험을 개선한 결과, 해당 기능 개발로 유저 세션 100% 증가 달성
아키텍처 및 성능 개선
  • 더 좋은 사용자 경험을 위해 React-Query를 활용한 데이터 Prefetching 및 캐싱 전략 도입을 했으며 Skeleton Loader 작업 제안 및 개발로 체감 로딩 속도 개선
  • Debounce 검색 컴포넌트를 개발하여 불필요한 API 호출 최소화 및 서버 부하 감소
  • React Context와 next/dynamic를 활용하여 견고한 타입 기반 전역 모달 관리 시스템 구축하고 번들 사이즈 감축 및 상태 관리를 컴포넌트로부터 분리

Projects

TastingTable

1인 프로젝트 | 2023.03 ~ 2023.04

👩🏻‍💻 Github🔗 Demo

사용자들이 각자 공유하고 싶은 레시피를 사진과 글을 통해 공유하고 원하는 레시피를 쉽고 편리하게 찾을 수있는 레시피 공유 소셜 네트워크 서비스

ReactTypeScriptSCSSNodeJSExpressAmazon S3MongoDBFramer motionNetlify

테스트용 아이디 & 비밀번호: tastingtable1@gmail.com / tastingtable1

  • MERN 스택 (Node.js, Express, MongoDB)을 활용하여 기획부터 디자인, API 설계까지 전체 개발 과정을 1인 개발로 주도하며, 서비스 구조와 데이터 흐름에 대한 깊은 이해 확보
  • Framer Motion을 활용하여 Drag & Drop 등 부드러운 인터랙션 애니메이션을 구현하여 사용자 경험 향상
  • Amazon S3를 연동하여 대용량 이미지 데이터를 효율적으로 관리하고 로딩 속도를 최적화

Filmacorn

1인 프로젝트 | 2023.02 ~ 2023.03

👩🏻‍💻 Github🔗 Demo

영화를 쉽게 찾아보고 자세한 정보를 제공하며 회원가입과 로그인을 통해서 원하는 영화 리스트를 보관하고 저장할 수 있는 서비스

ReactTypeScriptSCSSNext.jsTMDB APILazy loading
  • 기존 JavaScript 기반의 Next.js 코드를 TypeScript로 전환하여 타입 안정성을 확보하고 코드의 유지보수성 강화
  • 화면에 필요한 요소만 불러오는 Lazy Loading 기법을 도입하여 초기 페이지 진입 속도 단축
  • SCSS의 변수, 중첩, 믹스인 기능을 활용하여 재사용 가능한 스타일 구조를 설계하고, 정교한 UI 애니메이션 및 디자인 시스템을 효율적으로 구현

Gatsby Blog Starter

1인 프로젝트 | 2023.01 ~ 2023.02, 2023.03 ~ 2023.04

v1.👩🏻‍💻 Github🔗 Demo
v2.👩🏻‍💻 Github🔗 Demo

Gatsby를 이용한 개인 블로그 또는 개발 블로그를 운영하고 싶은 사람들을 대상으로 한 블로그 스타터 탬플릿

GatsbyGraphqlReactSCSS
  • Context API와 커스텀 훅을 도입하여 컴포넌트 간 복잡한 데이터 전달 문제(Props Drilling)를 해결하고 상태 관리 구조 개선
  • Jamstackthemes 사이트에 템플릿을 배포하고, 실제 사용자 피드백을 반영하여 기능을 개선한 v2 버전 출시
  • Atomic Design 원칙을 적용하여 조립과 확장이 유연한 반응형 컴포넌트 라이브러리 구축

Skills

  • Frontend: JavaScript, TypeScript, React, Next.js, React-Query, Tailwind CSS, Storybook
  • Back-end: Node.js, Express, AWS
  • Collaboration: Git, Jira, Linear

Education

University of Alaska Anchorage

  • 2015.08 ~ 2020.12
  • Bachelor of Science, Computer Science
  • GPA: 3.66 / 4.0 (Cum laude)

    • Languages

    • English: Professional Working Proficiency
    • Korean: Native