서비스 · 운영 중 · 2025.12–현재
검색 유입과 콘텐츠 자동화를 고려해 직접 구축·운영하는 기술 블로그입니다.
담당 · 기획·구축·운영
WordPress · n8n · GPT API · SEO
서비스 · 운영 중 · 2025.07–현재
관리자가 초대장을 만들고 고객 계정과 공개 URL을 연결해 운영하는 웹 플랫폼입니다.
담당 · 기획·개발·운영
Next.js 15 · React 19 · TypeScript · Firebase Auth
서비스 · 개발 중 · 2026.07–현재
외주 프로젝트의 내부 운영 기록과 고객 검수 흐름을 하나로 연결하는 프리랜서 업무 서비스입니다.
담당 · 기획·디자인·개발
React 19 · TypeScript · Vite 8 · TanStack Query
개인 프로젝트 · 쇼핑몰 · 2025.08–현재
상품 탐색부터 관리자 운영까지 구현한 패션 이커머스 프로젝트입니다.
담당 · 기획·디자인·프론트엔드·Firebase 구현
Next.js 15 · React 19 · TypeScript · CSS Modules
개인 프로젝트 · 클론 코딩 · 2022.01–02
다수의 반응형 클론과 여행·개인 사이트, 초기 미니 프로젝트를 묶은 웹퍼블리싱 포트폴리오입니다.
담당 · 웹 퍼블리싱
HTML · CSS · JavaScript · jQuery
개인 프로젝트 · 프론트엔드
촬영 가이드 오버레이부터 편집·스튜디오·여행 클립까지 연결한 사진 가이드 앱입니다.
담당 · 기획·디자인·앱 개발·관리자 구현
Expo · React Native · Firebase
개인 프로젝트 · 프론트엔드
이미지를 서버로 전송하지 않고 브라우저에서 JPG·PNG·WebP로 압축하는 도구입니다.
담당 · 기획·프론트엔드 개발·테스트
JavaScript · Browser API · localStorage
개인 프로젝트 · 기타
메일·캘린더·AI 뉴스와 노션 기록을 연결한 개인 업무 자동화 프로젝트입니다.
담당 · 자동화 흐름 설계·구현
OpenClaw · Notion · Automation
개인 프로젝트 · 클론 코딩
Next.js의 병렬·인터셉팅 라우트와 서버 상태 관리를 학습한 인스타그램 클론입니다.
담당 · 프론트엔드 개발
Next.js · TypeScript · TanStack Query · NextAuth
개인 프로젝트 · 프론트엔드
GPT 채팅과 Google Sheets 정규식 생성기를 제작하며 API 활용 흐름을 실험했습니다.
담당 · 프론트엔드 개발
HTML · CSS · JavaScript · GPT API
개인 프로젝트 · 퍼블리싱 · 2024.11
GSAP 타임라인과 슬라이드 전환을 적용한 두 개의 원페이지 애니메이션 작업입니다.
담당 · 웹 퍼블리싱·인터랙션 구현
GSAP · HTML · CSS · JavaScript
개인 프로젝트 · 퍼블리싱
CSS 레이아웃과 바닐라 JavaScript 상호작용을 짧은 단위로 실험한 프로젝트입니다.
담당 · 웹 퍼블리싱·프론트엔드 개발
HTML · CSS · JavaScript
개인 프로젝트 · 기타
메모·할 일·주사위·영화 리뷰처럼 한 가지 동작에 집중한 초기 웹 프로젝트 모음입니다.
담당 · 웹 퍼블리싱·JavaScript 구현
HTML · CSS · JavaScript
개인 프로젝트 · 프론트엔드 · 2026.08–현재
친구들이 가입 없이 그림을 남기고, 주인이 관리·선택한 그림을 공유 이미지로 저장하는 웹 서비스입니다.
담당 · 기획·디자인·프론트엔드·서버 API·Firebase 구현
Next.js · React · TypeScript · Canvas API
외주·실무 · 자동화 · 2024.04–현재
PPTX·이미지 자료를 반응형 행사 페이지용 HTML로 전환하는 반복 제작 도구를 구현한 작업입니다.
담당 · 제작 과정 분석·템플릿 설계·자동화 개발·검수
HTML · CSS · JavaScript · Git
외주·실무 · 유지보수 · 2024.04–현재
메인 페이지와 테스트형 랜딩의 화면 흐름을 개편하고 운영 구조를 단순화한 유지보수 작업입니다.
담당 · 화면 구조 개편·인터랙션 구현·운영 유지보수
HTML · CSS · JavaScript · Git
외주·실무 · 자동화 · 2024.04–현재
반복되는 사내 HTML 제작을 입력 중심 흐름으로 바꾼 업무 자동화 도구입니다.
담당 · 업무 분석·도구 설계·프론트엔드 개발
HTML · CSS · JavaScript
채용 과제 · 랜딩 페이지 · 2일
Figma 시안을 바탕으로 이틀 안에 완성한 Vanilla JavaScript 이벤트 페이지 채용 과제입니다.
담당 · 반응형 웹 퍼블리싱·인터랙션 구현
Figma · HTML · CSS · Vanilla JavaScript
외주·실무 · 퍼블리싱 · 2024.04
모바일 우선 멘토링 플랫폼의 반응형 웹 영역을 퍼블리싱한 작업입니다.
담당 · 반응형 웹 퍼블리싱
HTML · CSS · Vanilla JavaScript · Git
외주·실무 · 쇼핑몰
브랜드 콘텐츠와 스타일 로그, 이벤트 페이지를 제작하고 운영한 쇼핑몰 업무입니다.
담당 · 웹 퍼블리싱·콘텐츠 운영·기능 구현
HTML · CSS · JavaScript · YouTube API
외주·실무 · 쇼핑몰
Cafe24 기반 사이트를 HTML5 구조와 적응형·반응형 화면으로 개선한 업무입니다.
담당 · 웹 퍼블리싱·쇼핑몰 기능 연동
Cafe24 · HTML5 · CSS · JavaScript
외주·실무 · 쇼핑몰 · 2023.04–2025.08
Cafe24·Makeshop 기반 쇼핑몰에서 고객별 페이지와 운영 기능을 구현한 외주 작업입니다.
담당 · 쇼핑몰 기능 구현·운영 개선
Cafe24 · Makeshop · HTML · CSS
같은 업무의 요약과 구현 기록도 포함되어 있습니다. 실무 사례는 공개 가능한 담당 범위를 설명합니다.