Portfolio

비즈니스 문제를 기술로 해결한 경험들입니다.
작은 토이 프로젝트부터 실무 레벨의 서비스까지 다양한 결과물을 확인해보세요.

Web Platform

A11yGym: 웹 접근성(KWCAG 2.2) 실습 플랫폼

Monaco Editor와 axe-core를 iframe 내에서 연동하여 실시간 접근성 검증 시스템을 구축한 인터랙티브 학습 플랫폼

Next.js 14

TypeScript

Monaco Editor

axe-core

View Details

Web Platform

AI 협업 포트폴리오 (subeom.dev)

Next.js 14와 FSD 아키텍처, Supabase로 구축하고 AI와 협업하여 완성한 나만의 포트폴리오 플랫폼

Next.js 14

TypeScript

Supabase

FSD Architecture

View Details

Backend

항해플러스 아카이빙

LMS 과제 제출 이력 영구 보존 서비스. 결함 허용 PR 매칭 알고리즘 설계 및 4-Layer Fallback 로직 구현.

Node.js

NestJS

GitHub API

React

View Details

Web

언커버 (Uncover)

저작권 문제없는 음원을 찾고 영상과 미리 매칭해보는 스트리밍 플랫폼. Recoil 상태 관리와 Audio/Video 동기화 로직 구현.

React

TypeScript

Recoil

AWS S3

View Details

Web

애니스쿨 (Anyschool)

얼굴 공개 부담 없이 개성을 표현할 수 있는 랜덤 동물 캐릭터 생성 서비스. AWS Lambda를 활용한 이미지 처리 파이프라인 구축.

React

AWS Lambda

Dom-to-image

View Details

Latest Articles

지속적인 학습과 성장을 기록합니다. 최근 작성한 블로그 글들을 확인해보세요.

View all posts

A11yGym 개발기: 웹 접근성 학습 플랫폼을 만들며 마주한 기술적 도전들

웹 접근성 학습 플랫폼 A11yGym을 개발하면서 겪었던 iframe 내 React JSX 렌더링 문제와 axe-core 실행 시의 기술적 난관들을 해결한 과정을 공유합니다.

블로그 검색 기능 구현: 하이브리드 페이지네이션 설계하기

서버 사이드와 클라이언트 사이드 페이지네이션의 장점을 결합한 하이브리드 접근법. 검색 기능에서 성능과 사용자 경험을 모두 잡는 방법을 공유합니다.

블로그 검색 기능 성능 최적화: ISR부터 쿼리 개선까지

Supabase 쿼리 최적화, ISR 캐싱 전략, 그리고 향후 개선 방향까지. 실제 성능 개선 과정과 측정 결과를 공유합니다.