About Stack Projects Contact
Frontend Developer · Bigtablet, Inc.

Sangmin Park 박상민

Building products where security, performance,
and visual precision aren't trade-offs.

BFFSecurity
Architecture
100%Test Coverage
on BFF Layer
93%LCP
Improvement
FIDO2WebAuthn
Passkey Auth
NPMPublished
Design System
Scroll
About

Perspective-first
engineering.

저는 Bigtablet, Inc.의 프론트엔드 개발자로, 1년 미만의 경력이지만 실제 프로덕션 경험은 그 숫자를 훨씬 뛰어넘습니다.

프로덕션에서 BFF 보안 아키텍처와 FIDO2 패스키 인증을 구현하고, 5개 프로덕트에서 사용 중인 디자인 시스템을 오픈소스로 배포하고, 서비스의 LCP를 5.22초에서 0.36초로 줄였습니다.

개인 시간에는 한국어/영어 양쪽으로 기술 글을 쓰고, Figma 플러그인을 만들고, Rust 학습 가이드를 개발합니다. 포트폴리오용이 아니라 그 문제 자체가 흥미롭기 때문입니다.

"사용자의 관점으로 바라보기"
모든 기술적 결정은 결국 UX 결정입니다.
BFF
Security Pattern
HttpOnly JWT · URL 차단
100%
Test Coverage
BFF + 유틸 레이어
93%
LCP 개선율
5.22s → 0.36s
5+
Products
디자인 시스템 사용 중
Tech Stack

Tools of the trade.

A pragmatic stack — chosen for correctness, not hype.

Languages
TypeScriptJavaScriptPythonRust
Frameworks
Next.js (App Router)React 19SvelteKitAstroReact NativeVue
Styling
SCSS ModulesTailwind CSSDesign TokensStorybookFigma Plugin Dev
State & Data
TanStack Query v5ZustandZod v4Axios
Testing & Quality
Vitest (100% BFF coverage)Biome
DevOps & Infra
DockerGitHub ActionsGCPCloudflare WorkersSentry
Security & Architecture
WebAuthn (FIDO2)BFF Proxy PatternFeature-Sliced DesignHttpOnly JWTCosign (Supply Chain)
Animation & 3D
GSAP + ScrollTriggerThree.js / Threlte
PROJECTS

실제 프로덕트에서
검증된 결과물

측정 가능한 임팩트와 함께, 문제를 정의하고 해결한 과정을 담았습니다.

Company · Production 2024–2025 Flagship

Bigtablet Insight Platform

Bigtablet Insight 플랫폼

Frontend Developer

100% Test coverage on BFF layer
FIDO2 Passkey / hardware key auth
3 Production frontend apps
FSD Feature-Sliced Design arch

BFF Security Architecture · FIDO2 WebAuthn · 100% Test Coverage

🔐 BFF Security Architecture

모든 API 요청이 Next.js API Routes를 통해 프록시됩니다. 토큰은 HttpOnly 쿠키에만 저장되어 JS로 접근 불가능하고, 백엔드 서버 URL은 브라우저 네트워크 탭에 노출되지 않습니다. 서버사이드에서 401 발생 시 토큰 재발급 후 원래 요청을 재시도합니다.

🔑 FIDO2 WebAuthn Passkey Auth

어드민 대시보드에 Web Authentication API(FIDO2)를 이용한 하드웨어 키 / 패스키 등록 플로우를 구현했습니다. 패스워드를 완전히 대체하는 생체인증 또는 보안키 기반 인증으로, 1년 미만 경력에서는 매우 드문 구현입니다.

Next.js 16React 19TypeScriptTanStack Query v5Zod v4SCSS ModulesVitestDockerGitHub ActionsCosignSentryWebAuthn (FIDO2)FSD
Company · Open Source · NPM 2024 NPM Published

Bigtablet Design System

사내 디자인 시스템

Author

86% Vitest 커버리지 전 컴포넌트
16+ 접근성 보장 컴포넌트 수
5+ 사용 중인 프로덕트 수
0 런타임 의존성

NPM 패키지 · 86% 커버리지 · 듀얼 번들 · Vanilla JS CDN

📦 듀얼 번들 아키텍처

Rollup으로 Pure React 빌드와 Next.js 빌드를 각각 최적화해 분리 출력합니다. Thymeleaf·JSP·PHP 같은 레거시 서버사이드 환경을 위한 CSS 클래스 기반 컴포넌트는 CDN으로 제공해 React를 쓰지 않는 스택에서도 동일한 디자인 시스템을 사용할 수 있습니다. 런타임 의존성은 0개.

React 19TypeScriptVitestStorybookSCSSRollupDesign TokensARIA / A11yNPM

More Work

Company 2024

Bigtablet Homepage Renewal

공식 홈페이지 리뉴얼

빌드 43% 단축 · JS→TS · GSAP · KO/EN i18n

Next.js 16 (App Router)TypeScriptGSAP + ScrollTriggernext-intlTurbopack +5
GitHub Live
Company 2024

CCTV Surveillance Performance

CCTV 영상 관제 서비스 성능 개선

LCP 5.22s → 0.36s · 93% 개선 · WebSocket 전환

ReactTypeScriptWebSocketChart.js
Personal · Open Source 2024

rust-with-typescript

TypeScript 개발자를 위한 Rust 학습 가이드 · 브라우저 내 코드 실행 · EN + KO

AstroStarlightRustAxumCloudflare Workers +3
GitHub Live
Side Project 2024

Chorus

코러스

3D 바이닐 LP · WebGL PNG 익스포트 · iTunes API · SvelteKit

SvelteKitSvelte 5 RunesTypeScriptThrelteThree.js +2
GitHub
✍️ 기술 블로그 보기 velog.io/@qtaghdi
CONTACT

함께 만들어갈
다음 프로젝트

프로덕트 임팩트를 함께 만들 기회를 찾고 있습니다.
어떤 형태든 편하게 연락 주세요.