기술 스택

제가 사용하는 기술과 도구들입니다

26

총 기술 수

7

카테고리

Frontend

주요 트랙

언어

제품 개발과 프론트엔드 시스템 구현에 사용하는 핵심 언어입니다.

JavaScript

TypeScript

HTML

프레임워크 & 라이브러리

확장 가능한 인터페이스를 위한 프레임워크와 상태 관리 패턴입니다.

React

Next.js

SvelteKit

Express.js

Elysia.js

Web Component

TanStack Query

XState

데이터베이스

제품 데이터 저장과 분석 흐름에 활용하는 데이터 레이어 기술입니다.

MySQL

MongoDB

Supabase

Prisma

PostgreSQL

스타일링

유지보수 가능한 UI를 위한 디자인 시스템 및 스타일링 전략입니다.

CSS

Vanilla Extract

Tailwind CSS

Artboard

StyleX

테스팅

안정적인 배포를 위한 품질 검증 도구입니다.

Storybook

Playwright

도구

일상적인 개발 실행과 협업에 사용하는 도구입니다.

Bun.js

Github

Command Line

Figma

Storybook

Playwright

백엔드

풀스택 구현에서 사용하는 서버 및 플랫폼 기술입니다.

Next.js

SvelteKit

Express.js

Elysia.js

Supabase

Prisma

PostgreSQL

이 스택을 활용하는 방식

명확한 아키텍처, 재사용 가능한 디자인 시스템, 측정 가능한 성능, 협업 친화적인 코드를 기준으로 구현합니다.

아키텍처 우선디자인 시스템성능 예산협업 중심