Frontend Developer · Portfolio & Tech Blog

디자인에서 출발한
프론트엔드 개발 기록,
요람일지

시각디자인을 전공하고 프론트엔드 개발자로 전향했습니다. React, Next.js, TypeScript로 만든 프로젝트와 그 과정에서 배운 것들을 이곳에 기록합니다.

포트폴리오 보기 블로그 읽기

React · Next.js · TypeScript · Three.js

Development

기획과 개발을 함께 진행한 작업입니다.

실결제 장애 대응

실결제 장애 대응: 당일 수습과 재발 방지 체계

Next.jsReactTanStack Query

케이스 보기

임베드형 AI 에이전트 SDK

임베드 SDK: 고객사 환경 격리와 릴리즈 자동화

React 19Vite (UMD standalone)Shadow DOM

케이스 보기

AI 에이전트 SaaS 자사 웹서비스

프로덕트 웹: 진입 동선 설계와 운영

Next.js 16React 19TypeScript

케이스 보기

반도체 전시 부스 3D AI 체험 웹앱

SEMICON Korea 2026 부스 체험 웹앱: 3일간 약 1,500명이 쓴 3D·실시간 AI 채팅 화면

Next.jsReactreact-three-fiber

케이스 보기

기업 이러닝 LMS 웹서비스

기업 교육 LMS의 운영 어드민 주담당: 결제 6단계와 두 겹 할인을 화면에서 맞춘 프로젝트

Next.jsReactTypeScript

케이스 보기

사주 기반 AI 대화 웹서비스

사주 기반 AI 대화 서비스의 프론트엔드 코어: 온보딩·채팅·폼을 맡은 모바일 웹 SPA

React 19TypeScriptVite 7

케이스 보기

Design

개발로 전향하기 전, 디자이너로 일하던 시절의 작업입니다.

1 / 4

Blog

공부하며 정리한 글을 기록합니다.

도커 학습 가이드

도커는 애플리케이션을 실행에 필요한 런타임·라이브러리와 함께 이미지로 만들고, 그 이미지를 격리된 컨테이너 프로세스로 실행하는 도구입니다. 두 가지 개념만 잡으면 됩니다. 가상머신(VM)과 무엇이 다른지 궁금할 수 있는데, VM은 자체 커널과 OS를 포함하고 Linux…

2026.08.28