안녕하세요. Software Engineer 백승윤입니다. |

4년차 Software Engineer로서, 만 38개월째 프론트엔드 개발을 하고 있습니다. 쉽고 직관적인 경험을 제공하는 것을 선호합니다. 직접 만든 제품이 비즈니스 가치를 창출할 때 가장 행복합니다.

Field Experiences.

Bucketplace.

2024. 11. 11 - Present.bucketplace.com

Creator Commerce Frontend.

2024. 11. 11 - Present.
버킷플레이스는 콘텐츠 기반 커머스 플랫폼이자 집과 생활 전반을 포괄하는 라이프스타일 플랫폼인 오늘의집을 운영하고 있습니다.
이런 일을 했습니다.
Creator Commerce 스쿼드는 크리에이터의 콘텐츠를 기반으로 커머스 생태계를 확장하고, 성과 기반 마케팅 모델을 운영하는 조직입니다. 목적조직의 일원으로서 콜라보마켓과 오감지수 등 주요 서비스의 클라이언트를 설계·구현하여 크리에이터와 셀러가 매끄럽게 연결되는 사용자 경험을 구축했습니다.
구체적으로는요.
  • 브랜드-크리에이터 매칭 플랫폼의 복잡한 캠페인 상태 관리 맥락에 선언적 Rule Engine 패턴 도입, 가독성과 유지보수성, 확장성 향상
  • SSR을 통해 다중 API 호출을 병렬 처리하고 상태를 선계산하여 초기 로딩 시간을 4–5초에서 1.7초로 단축
어떻게 했나면요.
TypeScript, React, Next.js, TanStack Query, Emotion, Playwright, Jest, Docker

Quota Lab.

2022. 08. 01. - 2024.10.31.quotabook.com

FrontEnd Chapter.

2022. 08. 01. - 2024.10.31.
이런 일을 했습니다.
기술 조직인 프론트엔드 챕터 소속의 엔지니어로서 활동하며, 팀 구성, 조직 문화 기여, 기술 부채 개선 등 다양한 활동을 했습니다.
구체적으로는요.
  • 쿼타북 프로덕트와 라이브러리 전반 타입 시스템 커버리지 100% 달성
  • 데이터독 모니터링 기반 쿼타북 LCP 개선
  • 쿼타북 전반 클라이언트 상태관리 기술 부채 개선
  • 쿼타랩 디자인 시스템 유지 보수 및 일부 컴포넌트 신규 개발
  • 프론트엔드 챕터 엔지니어링 데이 운영
  • 코드 리뷰 문화 개선을 위한 시스템 마련
  • 복잡한 코어 비즈니스 맥락을 커버하기 위한 테스트 코드 작성
어떻게 했냐면요.
Typescript, React, Vanilla Extract, Github Workflow, Jest, Storybook

증권관리 Squad.

2023. 03. 01. - 2024.10.31.
이런 일을 했습니다.
스톡옵션, RSU, 가상주식 등 다양한 증권을 옵션 풀부터 개별 행사까지 전과정을 다이렉트로 관리할 수 있는 ERP 성격의 SaaS 제품을 신규 개발, 운영했습니다. 엑셀과 유사한 사용성을 제공하여, 사용자들의 기존 업무 형태에 최적화 된 제품을 만들고자 했습니다.
구체적으로는요.
  • 쿼타북 증권관리와 인사 시스템 워크데이 연동 클라이언트 개발 및 유지 보수
  • 스톡옵션, RSU 증권 계약, 부여, 행사 관리자 페이지 UI 신규 개발: light house 기준 LCP 측정불가 -> 4.5초로 대폭 개선
  • 임직원 및 이해관계자 개인 증권 행사 포탈 페이지 클라이언트 신규 개발
  • 기존 HTML 테이블 구조의 제품을 Ag Data Grid로 모두 마이그레이션
어떻게 했냐면요.
Typescript, React, Next.js, Yarn berry, Emotion, Ag-Grid, React Hook Form, AWS

Venture Capital Squad.

2022. 08. 01. - 2024. 01. 31.
이런 일을 했습니다.
VC가 투자한 포트폴리오를 손 쉽게 관리할 수 있는 투자 프로세스 관리, 영업보고 등 ERP 성격의 SaaS 제품을 신규 개발하고 운영했습니다.
구체적으로는요.
  • 영업보고 제품 전반 클라이언트 신규 개발 및 유지 보수
  • 투자 프로세스 관리 제품 전반 클라이언트 신규 개발 및 유지 보수
  • 쿼타랩 인수합병사 VC 제품 연동 클라이언트 개발 및 유지 보수
  • 기존 HTML 테이블 구조의 제품을 Ag Data Grid로 모두 마이그레이션
어떻게 했냐면요.
Typescript, React, Next.js, Yarn berry, Emotion, Ag-Grid, Antd Form, AWS

Other Experiences.

Side Project.

2024. 08. - Present.현재 보시는 이 페이지

개인 브랜드 페이지 개발.

2024. 08. - Present.
이런 일을 했습니다.
클라이언트 환경 단독으로 구성된 제 개인 브랜드 페이지를 제작했습니다. 가독성과 심미성을 추구하며 개발했습니다.
구체적으로는요.
  • Figma 활용 기초 컴포넌트, 레이아웃 디자인
  • Polymorphic 컴포넌트를 통해 시맨틱 태깅이 가능하도록 개발
  • 사용자의 media query 환경에 맞춰 반응형 UI를 제공
  • light house 기준 SEO 100점 달성
어떻게 했냐면요.
Figma, Typescript, React, Next.js, Vanilla Extract, Yarn berry, Vercel Hosting

삼성 청년 SW 아카데미.

2021. 07. - 2022. 07.SSAFY

SW 개발자 과정.

2021. 07. - 2022. 07.
  • 프로젝트 기반 자기주도형 웹 개발 교육과정 수료
  • 알고리즘 기반 SW 개발자 양성 교육과정 수료

CUBOX.

2020. 09. - 2021. 03.

AI Research 인턴.

2020. 09. - 2021. 03.
  • 가짜 얼굴 탐지 Python SDK 개발 및 탑재
  • Face Recognition Vendor Test Competition 제출용 모델 리서치 및 A/B 테스트
  • 한국형 얼굴 인식 데이터셋 구축 및 라벨러 교육

동국대학교.

2013. 02. - 2020. 08.

경찰행정학과.

2013. 02 - 2020. 08.
경찰행정학과에서 수학하며 통계를 처음 접했습니다. AI까지 관심이 확장되어 AI 리서치 인턴으로 근무했습니다. 인턴으로 근무하며 만난 인연들의 조언으로 개발자로 커리어 전환하게 되었습니다.

Skills.

Tech.

FrontEnd.

Typescript, React, Next.js, Tanstack Query, Vanilla Extract, Emotion, Antd Form, React Hook Form, Jest, Storybook
TypeScript.
  • 명료한 타입 정의와 제네릭을 선호합니다.
  • 이를 통해 팀 단위 개발시 DX 향상을 도모합니다.
React.
  • UI/UX 요구사항에 맞추기 위한 다양한 컴포넌트 디자인 패턴을 구현할 수 있습니다.
  • Suspense와 Errorboundary를 사용하여 선언적으로 로딩과 에러화면 등 비동기 상황을 다루는 데 익숙합니다.

Others.

Communication.

  • 다양한 이슈 트래킹 툴을 활용해 다른 동료들과 스프린트 기반으로 프로젝트를 진행할 수 있습니다.
  • 업무 우선순위를 기반으로 한 명확한 커뮤니케이션을 선호합니다.
  • 커뮤니케이션은 다다익선입니다.
  • 실패를 두려워하기 보다 배우고자 합니다. 빠른 trial and error를 추구합니다.

Culture.

  • 문제 해결에는 개발 외에도 다양한 방법이 있다고 생각합니다.
  • 동료들과 지치지 않고 즐겁게 일할 수 있는 방법을 고민합니다.
  • 하루에 한 번이라도 함께 웃으면서 일하고자 노력합니다.

Contacts.