플러스프로젝트 배경
1) 문제점 - 프리랜서·1인 사업자는 SNS·문자로 요금 안내를 매번 새로 설명해야 함 - 구독형 판매를 하고 싶어도 결제·인증까지 직접 만들기엔 부담이 큼 - 소개 페이지를 만들어도 요금이 바뀔 때마다 다시 손봐야 해서 유지가 번거로움 2) 프로젝트 목표 - 한 번만 작성하면 자동으로 구독 페이지가 되는 에디터 제공 - 모바일에서 먼저 완성도 있게 보이는 반응형 페이지 - 발행 전 미리보기
프로젝트 성과
모바일 반응형 결함 0건
375px부터 데스크톱까지 캡처마다 문서 폭=화면 폭을 자동 검사해 가로 스크롤 결함을 발행 전에 차단
외부 라이브러리 의존 0개
구독료 카드 스와이프를 CSS scroll-snap만으로 구현해 번들 크기와 유지보수 부담을 줄임
핵심 기능
라이브러리 없는 스와이프 캐러셀
CSS scroll-snap으로 구독료 카드를 좌우 스와이프. 터치·트랙패드·휠·키보드 모두 동작하고 인디케이터가 어긋나지 않음
진행 단계
기획 및 화면 설계
2026.08.
랜딩·스튜디오(에디터)·미리보기 3화면 구조와 발행 흐름을 설계
프로젝트 상세
1) 포트폴리오 소개 프리랜서·1인 사업자가 자기가 파는 것을 한 번만 써 두면 구독 페이지가 되는 서비스입니다. 기획 의도를 받아 화면 설계부터 구현까지 진행했습니다. 2) 작업 범위 기획, UI/UX, 프론트엔드를 담당했습니다. 3) 주요 업무 - 랜딩 - 후킹 카피, 로그인·회원가입, SNS 로그인(카카오·네이버·구글) - 스튜디오 - 블로그 에디터형 본문 작성 + 구독료 카드 좌우 스
