포트폴리오
케이스 스터디
각 프로젝트에서 실제로 구현한 제품 범위, 상태 모델, 인터랙션, 데이터 분리 방식을 기록하는 기술 중심 포트폴리오입니다. 데모는 리뷰 가능한 제품 화면으로 제공하고, 라이브 서비스가 있는 프로젝트는 운영 사이트로 연결할 수 있게 구성했습니다.
케이스 스터디
포트폴리오
JOBDA
라이브 서비스로 배포된 다국어 AI 블로그입니다. Next.js App Router, Tailwind CSS v4, 8개 언어 지원, Yurasis AI 콘텐츠 파이프라인, AdSense 통합, 그리고 Yurasis 플랫폼의 공개 API를 통해 콘텐츠를 제공받는 독립 사이트 구조를 갖추고 있습니다.
#Next.js#TypeScript#Multilingual
2026. 6. 22.· 4분 읽기
케이스 스터디
포트폴리오
Yurasis 아티클
Yurasis 플랫폼에 내장된 공개 아티클 리더입니다. 블로그별 주색 테마, Schema.org 구조화 데이터, hreflang 대체 URL, 조회수 추적, 관련 포스트, AdSense 지원을 별도 배포 없이 각 블로그 설정에서 동적으로 처리합니다.
#Next.js#TypeScript#SEO
2026. 6. 22.· 4분 읽기
케이스 스터디
포트폴리오
서울 스킨 아카이브
프로덕션 수준의 TypeScript 기준으로 설계한 K-뷰티 구독 커머스 데모입니다. 8개의 도메인 인터페이스, 3계층 데모 인프라, 격리된 CSS 토큰 시스템, 퀴즈-장바구니 상태 머신을 외부 서비스 없이 호스트 앱과 분리해 구현했습니다.
#TypeScript#React#Commerce Architecture
2026. 5. 11.· 6분 읽기
전체 3개