
프론트엔드 개발
STYNA
상품 탐색부터 주문 처리까지 연결한 쇼핑몰
화면에서 선택한 상품과 주문 조건이 실제 처리 단계에서도 일치하도록 만들었습니다.
- 담당
- 기획·디자인·프론트엔드·Firebase 구현
포트폴리오용 쇼핑몰 데모입니다. 실제 PG 결제는 연동하지 않았습니다.
2022년부터 쇼핑몰·브랜드 페이지를 제작·운영했습니다. 이 경험을 바탕으로 개인 프로젝트에서 React·Next.js로 서비스 기능을 구현합니다.

서비스 개발, 반응형 화면, 실무 자동화의 대표 사례를 먼저 소개합니다.

프론트엔드 개발
상품 탐색부터 주문 처리까지 연결한 쇼핑몰
화면에서 선택한 상품과 주문 조건이 실제 처리 단계에서도 일치하도록 만들었습니다.
포트폴리오용 쇼핑몰 데모입니다. 실제 PG 결제는 연동하지 않았습니다.

웹 퍼블리싱
모바일부터 넓은 화면까지 이어지는 반응형 웹
멘토링 플랫폼의 여러 화면에서 레이아웃과 상호작용이 일관되도록 퍼블리싱했습니다.
넥스트미션 프리랜서 작업입니다. 상세 사례에서 담당 범위와 검수 내용을 볼 수 있습니다.

웹 퍼블리싱
반복 제작을 자료 입력과 검수로 바꾼 도구
PPTX의 문구와 이미지를 읽어 PC·모바일 공통 HTML을 만들고, 편집·미리보기·복사까지 연결했습니다.
가연결혼정보 실무에서 제작·운영에 적용한 자동화 도구입니다.
새로운 화면을 만드는 일과 이미 쓰이는 서비스를 개선하는 일을 함께 경험했습니다.
쇼핑몰·브랜드·광고 페이지를 제작하고 유지보수하면서, 콘텐츠 교체와 운영 요청까지 고려하는 구현 경험을 쌓았습니다.
실무 작업 보기반복 제작은 템플릿과 도구로 정리하고, 전환 오류는 URL 파라미터부터 입력 폼·완료 페이지까지 나누어 확인했습니다.
문제 해결 사례 보기React·Next.js·TypeScript로 사용자 화면에 관리자 기능, 인증·권한, 데이터 처리를 연결한 프로젝트를 만들고 있습니다.
서비스 프로젝트 보기브랜드 사이트와 광고 랜딩을 제작·운영하며, 반복 제작과 사용자 입력 흐름을 개선했습니다.
담당 업무와 사례 보기MakeShop 기반 쇼핑몰의 화면 제작과 운영 업무를 담당했습니다.
담당 업무와 사례 보기Cafe24 기반 자사몰을 제작하고 기존 화면을 개선했습니다.
담당 업무와 사례 보기실무·서비스·도구의 작업과 기술 기록입니다. 같은 업무의 전체 사례와 세부 구현 기록이 함께 포함되어 있습니다.
전체 28개 · 실무·서비스·도구 21개 중 6개 표시 · 학습·실습 7개 별도
상품 탐색부터 관리자 운영까지 구현한 패션 이커머스 프로젝트입니다.
모바일 우선 멘토링 플랫폼의 반응형 웹 영역을 퍼블리싱한 작업입니다.
외주 프로젝트의 내부 운영 기록과 고객 검수 흐름을 하나로 연결하는 프리랜서 업무 서비스입니다.
메인 페이지와 테스트형 랜딩의 화면 흐름을 개편하고 운영 구조를 단순화한 유지보수 작업입니다.
관리자가 초대장을 만들고 고객 계정과 공개 URL을 연결해 운영하는 웹 플랫폼입니다.
유엘코퍼레이션 재직 중 Cafe24 스킨을 수정해 PC·모바일 화면을 별도로 구축한 APLB 자사몰 작업입니다.
PPTX·이미지 자료를 반응형 행사 페이지용 HTML로 전환하는 반복 제작 도구를 구현한 작업입니다.
AI를 활용해 콘텐츠 제작·운영을 자동화한 기술 블로그입니다.
웹사이트에 설치 코드를 추가하면 방문자 상담창을 제공하고, 관리자 상담함에서 문의와 답변을 실시간으로 주고받는 서비스입니다.
촬영 가이드 오버레이부터 편집·스튜디오·여행 클립까지 연결한 사진 가이드 앱입니다.
이미지를 서버로 전송하지 않고 브라우저에서 JPG·PNG·WebP로 압축하는 도구입니다.
메일·캘린더·AI 뉴스와 노션 기록을 연결한 개인 업무 자동화 프로젝트입니다.
친구들이 가입 없이 그림을 남기고, 주인이 관리·선택한 그림을 공유 이미지로 저장하는 웹 서비스입니다.
영상·오디오의 자막 생성부터 번역·편집·파일 저장까지 연결한 웹·Android 도구입니다.
영상 구간 편집과 인코딩, 여러 파일 처리를 지원하는 Android 앱입니다.
온디바이스 음성 인식과 번역을 연결한 Android 실시간 자막 앱입니다.
BallonsTranslator를 기반으로 번역과 이미지 재작업 기능을 확장한 Windows 도구입니다.
카페24 스킨을 활용해 데스크 인테리어 쇼핑몰의 메인 화면을 구성한 웹 퍼블리싱 프로젝트입니다.
PPTX → HTML 행사 페이지 제작 자동화와 같은 업무의 세부 구현 기록으로, 문화 이벤트용 입력·HTML 생성 흐름을 소개합니다.
브랜드 콘텐츠와 스타일 로그, 이벤트 페이지를 제작하고 운영한 쇼핑몰 업무입니다.
Cafe24·Makeshop 기반 쇼핑몰에서 고객별 페이지와 운영 기능을 구현한 외주 작업입니다.
클론 코딩, 인터랙션 실험과 채용 과제를 모았습니다.
Figma 시안을 바탕으로 이틀 안에 완성한 Vanilla JavaScript 이벤트 페이지 채용 과제입니다.
다수의 반응형 클론과 여행·개인 사이트, 초기 미니 프로젝트를 묶은 웹퍼블리싱 포트폴리오입니다.
Next.js의 병렬·인터셉팅 라우트와 서버 상태 관리를 학습한 인스타그램 클론입니다.
GPT 채팅과 Google Sheets 정규식 생성기를 제작하며 API 활용 흐름을 실험했습니다.
GSAP 타임라인과 슬라이드 전환을 적용한 두 개의 원페이지 애니메이션 작업입니다.
CSS 레이아웃과 바닐라 JavaScript 상호작용을 짧은 단위로 실험한 프로젝트입니다.
메모·할 일·주사위·영화 리뷰처럼 한 가지 동작에 집중한 초기 웹 프로젝트 모음입니다.
채용·협업 제안이나 프로젝트 문의가 있다면 편하게 연락해 주세요.
제 경험과 작업에 대한 질문도 환영합니다.