Portfolio

안녕하세요!
프론트엔드 개발자
이규원 입니다

Next.js, TypeScript, Tailwind CSS를 활용한 웹 개발 포트폴리오입니다. 현대적인 UI/UX를 구현하고 최적화된 웹 애플리케이션을 만드는 것을 좋아합니다.

프로필 이미지

나의 개발 여정

저는 사용자 중심의 웹 애플리케이션을 개발하는 프론트엔드 개발자입니다. React, Next.js, TypeScript 등 최신 기술 스택을 활용하여 효율적이고 확장 가능한 웹 서비스를 구축하는 데 전문성을 가지고 있습니다. 사용자 경험을 개선하고 비즈니스 목표를 달성하는 데 기여하는 것을 목표로 합니다.

2025

웹 애플리케이션 개발 및 UI/UX 디자인 기술 습득

사용자 중심의 효율적인 인터페이스 설계와 DB 설계 및 최적화

프로젝트 1
프로젝트 2
프로젝트 3
프로젝트 4

2024

프론트엔드 개발자로서 Legacy 프로젝트 유지보수

Next.js, TypeScript 기술 스택을 활용한 리팩토링 및 웹 애플리케이션 개발

프로젝트 5
프로젝트 6
프로젝트 7
프로젝트 이미지

CMS

콘텐츠 관리 시스템 개발 및 운영

다양한 UI 라이브러리를 활용한 웹사이트 구축 및 관리. 사용자 친화적인 인터페이스와 효율적인 콘텐츠 관리 시스템 설계

CMS 프로젝트 1
CMS 프로젝트 2
CMS 프로젝트 3
CMS 프로젝트 4

주요 프로젝트

최근에 작업한 주요 프로젝트들을 소개합니다. 각 프로젝트에서 사용한 기술과 해결한 문제들을 확인하세요.

MetaBank3D

MetaBank3D

Next.js를 기반으로 한 현대적인 웹 애플리케이션입니다. 3D 요소와 인터랙티브한 사용자 경험을 제공하는 프로젝트입니다.

Next.jsTypeScriptTailwindCSSFramer MotionSwiper
Meta360

Meta360

Next.js 기반의 현대적인 웹 애플리케이션입니다. 메타버스와 360도 콘텐츠를 위한 플랫폼을 제공합니다.

Next.jsTypeScriptRedux ToolkitTailwind CSSDaisyUIGraphQLAWS SDK
MetaVision

MetaVision

Next.js 기반의 현대적인 웹 애플리케이션입니다. 3D 시각화와 결제 시스템을 통합한 풀스택 프로젝트입니다.

Next.jsTypeScriptThree.jsGraphQLPrismaToss Payments
황금단 쇼핑몰

황금단 쇼핑몰

Next.js와 TypeScript를 기반으로 한 현대적인 이커머스 플랫폼입니다. 다양한 UI 라이브러리와 결제 시스템을 통합했습니다.

Next.jsTypeScriptReduxTailwind CSSMaterial-UIshadcn/ui
Petbility

Petbility

반려동물을 위한 종합 서비스 플랫폼입니다. 반려동물 관련 서비스 예약, 관리, 커뮤니티 기능을 제공합니다.

Next.jsTypeScriptReduxTailwind CSSSupabaseSocket.io
BogoFit Web

BogoFit Web

Next.js를 기반으로 한 모던한 랜딩 페이지입니다. 반응형 UI와 최적화된 성능을 제공합니다.

Next.jsTypeScriptTailwind CSSFramer MotionRadix UI
Marc AI

Marc AI

AI 기반 마케팅 최적화 서비스입니다. 다양한 플랫폼의 마케팅 전략을 최적화하고 실시간 모니터링을 제공합니다.

Next.jsTypeScriptTailwind CSSOpenAI APIPrisma
메종트루송

메종트루송

최고급 송이버섯을 제공하는 전문 쇼핑몰입니다. 한국어와 영어를 지원하는 다국어 웹사이트로, 송이버섯의 품질과 신선도를 최우선으로 생각합니다.

Next.jsTypeScriptTailwind CSSFramer MotionGSAPnext-intlshadcn/ui
BogoFit Shop

BogoFit Shop

BogoFit Shop은 AI 가상 피팅 기술을 중심으로 한 혁신적인 쇼핑몰 플랫폼입니다. 사용자가 실제로 옷을 입어보지 않고도 AI를 통해 가상으로 착용해볼 수 있는 차세대 온라인 쇼핑 경험을 제공합니다.

Next.js 14TypeScriptTailwind CSSFramer MotionZustandshadcn/uiPrismaToss Payments API

기술 스택

주로 사용하는 기술과 라이브러리들입니다. 최신 트렌드를 따라가며 효율적인 개발을 위해 다양한 도구들을 활용합니다.

TypeScript
TypeScript
Zod
Zod
Vercel
Vercel
TailwindCSS
TailwindCSS
React Email
React Email
TypeScript
TypeScript
Zod
Zod
Vercel
Vercel
TailwindCSS
TailwindCSS
React Email
React Email
TypeScript
TypeScript
Zod
Zod
Vercel
Vercel
TailwindCSS
TailwindCSS
React Email
React Email
TypeScript
TypeScript
Zod
Zod
Vercel
Vercel
TailwindCSS
TailwindCSS
React Email
React Email
React
React
Prisma
Prisma
Lucide
Lucide
Toss Payments
Toss Payments
Resend
Resend
React
React
Prisma
Prisma
Lucide
Lucide
Toss Payments
Toss Payments
Resend
Resend
React
React
Prisma
Prisma
Lucide
Lucide
Toss Payments
Toss Payments
Resend
Resend
React
React
Prisma
Prisma
Lucide
Lucide
Toss Payments
Toss Payments
Resend
Resend

함께 일해보세요

새로운 프로젝트나 협업 기회가 있으신가요? 언제든지 연락주세요!