Web product studio

화면부터 서버까지,
두 명이 끝까지 만듭니다.

maekr는 프론트엔드 1명, 백엔드·인프라 1명으로 이루어진 웹 서비스 개발 팀입니다. 기획 정리부터 개발, 배포, 오픈 이후의 운영까지 중간에 넘기지 않고 같은 사람이 맡습니다.

운영 중인 외주 서비스
2개
팀 구성
FE 1 · BE/Infra 1
맡는 범위
기획 → 운영

Selected work

지금도 운영 중인 서비스

두 프로젝트 모두 화면 설계부터 API, 데이터베이스, 서버 배포까지 maekr가 직접 만들었습니다.

vtopia.cloud-ip.cc
VTOPIA 메인 화면: 프리미엄 고정 IP 서비스 소개
VTOPIA 모바일 화면

B2B 네트워크 서비스2026.03 – 2026.05웹 · API · 관리자 · 배포

VTOPIA

기업용 고정 IP·VPN 서비스 플랫폼

기업 고객이 고정 IP와 VPN 서비스를 알아보고, 신청하고, 이용 현황을 확인하는 고객 포털과 운영팀이 신청 승인부터 IP 할당, 정산까지 처리하는 관리자 콘솔을 함께 만들었습니다.

  • 가입·로그인 아이디 가입과 Google·Naver 소셜 로그인, 토큰 자동 갱신, 탈퇴 후 재가입 제한
  • 서비스 신청 흐름 테스트 신청 → 관리자 승인 → 정식 신청 → IP 할당까지 단계별 처리
  • 관리자 콘솔 회원·IP 풀·VPN·정산·게시판 관리, 회원 탈퇴 시 서비스 종료와 IP 자동 회수
  • 검증 실제 브라우저 E2E 테스트, 권한·보안 점검 스크립트, 부하 테스트 시나리오
96기능 명세
105API 엔드포인트
37E2E 테스트 파일
7부하 시나리오
  • Next.js
  • React
  • Tailwind CSS
  • shadcn/ui
  • NestJS
  • TypeORM
  • Docker
  • Caddy
  • Playwright
  • k6
사이트 보기
damdamwood.co.kr
담담공방 메인 화면: 매일 손에 닿는 나무 살림
담담공방 모바일 화면

원목 공방 쇼핑몰2026.03 – 운영 중웹 · API · 운영 도구 · 배포

담담공방

손으로 깎은 원목 살림을 파는 공방의 온라인 숍

작은 공방이 개발자 없이도 상품과 글을 직접 관리할 수 있게 만드는 것이 목표였습니다. 별도 관리자 화면 대신, 고객이 보는 화면 위에서 바로 고치는 편집 모드를 만들었습니다.

  • 쇼핑 상품·재고·장바구니, 무통장 입금 주문과 주문 내역 관리
  • 편집 모드 상품·재고·작업 이야기·공지·FAQ를 화면에서 바로 수정, 초안 저장·복구와 동시 수정 충돌 감지
  • 콘텐츠 사진을 넣는 글쓰기 에디터, 작업 이야기와 커뮤니티 댓글
  • 운영 운영 중 데이터베이스 이관, 자동 배포, 외부 포트를 열지 않는 터널 방식 공개
  • Next.js
  • React
  • Tiptap
  • Spring Boot
  • Java
  • jOOQ
  • PostgreSQL
  • Flyway
  • Docker
  • Cloudflare Tunnel
  • Playwright
사이트 보기

Team

작은 팀이라 빠르고,
둘이라 빈틈이 없습니다

담당자가 바뀌지 않으니 처음 나눈 이야기가 끝까지 이어집니다. 화면과 서버를 각자 끝까지 책임지고, 서로의 결과물을 검토합니다.

Frontend

1명

사용자가 실제로 만지는 모든 화면을 맡습니다. 디자인을 코드로 옮기는 것에서 그치지 않고, 쓰기 편한 흐름이 될 때까지 다듬습니다.

  • 화면 설계와 디자인 구현
  • PC·모바일 반응형 화면
  • 재사용 가능한 컴포넌트와 상태 관리
  • 로딩 속도와 사용성 개선

Backend · Infra

1명

데이터가 안전하게 저장되고 서비스가 멈추지 않도록 서버 쪽 전체를 맡습니다. 배포와 장애 대응까지 직접 운영합니다.

  • API와 데이터베이스 설계
  • 로그인·권한·보안 처리
  • 테스트 자동화와 배포 파이프라인
  • 서버 운영, 모니터링, 데이터 이관
함께 맡는 일 — 요구사항 정리, 기능·API 명세, 일정 관리, 오픈 후 유지보수 같이 일하기

Process

이렇게 일합니다

말로 합의한 내용은 문서로, 동작은 테스트로 확인합니다. 납품 이후에도 누가 봐도 이해할 수 있는 상태로 넘깁니다.

  1. 명세부터 맞춥니다

    필요한 기능, 화면 흐름, API를 표와 흐름도로 먼저 정리해 만들 범위를 함께 확정합니다.

  2. 작게 만들고 보여 줍니다

    기능 단위로 개발 서버에 올려 실제 화면으로 확인받고, 피드백을 바로 반영합니다.

  3. 테스트로 확인합니다

    가입부터 주문·신청까지 주요 흐름을 실제 브라우저 테스트로 검증하고, 권한과 부하도 점검합니다.

  4. 운영까지 맡습니다

    자동 배포와 HTTPS를 구성해 오픈하고, 운영 문서를 남겨 이후 유지보수까지 이어 갑니다.

웹 서비스·쇼핑몰 구축

소개 사이트부터 회원·주문이 있는 서비스까지

관리자·운영 도구

신청 승인, 회원·정산 관리, 콘텐츠 편집 기능

기존 서비스 개선

구조 정리, 데이터베이스 이관, 성능·보안 보강

서버·배포 구성

클라우드 서버, 자동 배포, 도메인·HTTPS 설정

만들고 싶은 서비스가 있나요?

어떤 서비스인지, 언제까지 필요한지 몇 줄만 적어 보내 주세요. 범위와 일정, 예상 비용을 정리해 회신드립니다.