FRONTEND DEVELOPER — SEOUL, KR

Build.
Refine.
Delight.

정교한 인터랙션과 견고한 아키텍처로, 사용자가 오래 머무르고 싶은 웹을 만드는 프론트엔드 개발자 변세민입니다. React와 TypeScript로 기반을 다지고, 애니메이션으로 완성도를 더합니다.

NOW BUILDING

Next.js App Router 기반 개인 포트폴리오를 SSR·SEO 관점에서 계속 다듬는 중입니다.

EXPERIENCE0123456789년차 프론트엔드

SHIPPED0123456789완성한 프로젝트

DAILY DRIVERS

REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS · REACT · NEXT.JS · TYPESCRIPT · REDUX TOOLKIT · SUPABASE · GSAP · FRAMER MOTION · TAILWIND CSS ·

01 — STACK

제가 다루는 기술입니다

일상적으로 쓰는 도구부터 프로젝트 상황에 맞춰 골라 쓰는 도구까지, 카테고리별로 정리했습니다.

Frontend

React, TypeScript, Next.js로 UI를 만듭니다.

React

Next.js

TypeScript

JavaScript

Tailwind CSS

SCSS

CSS3

Styled Components

Backend & Data

Supabase의 Postgres, Auth, Edge Functions를 사용합니다.

Redux Toolkit

RTK Query

Axios

Supabase

Animation

GSAP, Framer Motion으로 인터랙션과 페이지 전환을 다룹니다.

GSAP

Framer Motion

Swiper

Tools

Git, Vite, Vercel 환경에서 개발·배포합니다.

Git

Vite

Figma

Vercel

AWS

Jira

Confluence

02 — SELECTED WORK

인상 깊은 프로젝트들

기획부터 배포까지, 직접 완성도를 끌어올린 프로젝트 위주로 골랐습니다.

FEATURED

Mooda — 분위기로 찾는 카페

분위기 태그 기반 카페 발견 지도 서비스. 16가지 감성 태그로 원하는 카페를 찾아주는 웹앱

752

전체 프로젝트 보기VIEW ALL

03 — WRITING & VOICES

기록하고, 나눈 이야기들

Blog

04 — CONTACT

함께 만들어봐요

popqr1@gmail.com

깃허브 오픈카톡

Build.
Refine.
Delight.