Taplink, 바이브 코딩으로 대체 가능?

Taplink를 대신할 프로필 링크 페이지를 만든다. 버튼 목록, 버튼 아이콘, 버튼별 클릭 수, 하위 페이지 두 개까지가 범위다.
스택은 Node.js 22, Express, EJS, better-sqlite3 로 고정하고 프런트엔드 프레임워크나 외부 링크 서비스는 끌어오지 않는다.
로컬에서는 `npm ci && npm run dev` 한 번으로 공개 페이지(/p/main)와 편집 화면(/edit)이 4100번 포트에 뜨게 한다.
버튼과 클릭 기록은 ./data/taplink-lite.db 한 파일에 두고 버튼 목록과 클릭 순위를 CSV·JSON 으로 내보낸다.
EDIT_PASSWORD, SESSION_SECRET, SITE_DOMAIN, STATS_TIMEZONE=Asia/Seoul 을 .env 에서 읽고 .env.example 만 커밋한다.
편집 화면에서 버튼 제목, 주소, 아이콘 이름, 강조 색, 공개 여부를 넣고 위아래 버튼과 끌기로 순서를 바꾼다.
하위 페이지는 '가격 안내'와 '자주 묻는 질문' 두 개로 고정하고 버튼에서 링크로 연결한다.
버튼을 누르면 /out/<버튼ID> 로 넘겨 준 뒤 도착 페이지로 보내고, 눌린 시각과 버튼ID, 유입 도메인만 기록한다.
편집 화면 오른쪽에 버튼별 오늘·7일·30일 클릭 수를 표로 보여 준다.
버튼 주소는 http·https 만 허용하고 data: 나 javascript: 스킴, 자기 관리 주소는 저장 단계에서 거부한다.
버튼이 하나도 없을 때 공개 페이지에 보여 줄 빈 상태 화면, 클릭 순위를 집계하는 동안의 로딩 표시, 링크 저장이 실패했을 때의 오류 안내를 만든다.
공개 페이지는 누구나 읽을 수 있게 두고 편집 화면은 비밀번호 로그인과 HttpOnly 세션 쿠키로 막으며 /out 요청은 IP당 분당 90회로 제한한다.
방문자 IP 는 남기지 않고 날짜와 유입 도메인만 저장하며, 클릭 기록은 180일이 지나면 매일 새벽 지운다.
문의 답변이 필요하면 카카오 알림톡이나 문자 대신 Resend 이메일로 보낸다.
상품 판매를 붙인다면 금액은 원화(₩)로 표시하고, 국내 결제 PG 연동은 가맹 심사와 정산 계약이 필요하므로 범위에서 빼고 외부 판매 페이지로 가는 버튼만 둔다.
화면 문구와 시각 표기는 한국어(Asia/Seoul)로 하고 클릭 시각은 2026년 10월 17일 (토) 오후 9:15 형식으로 적는다.
정리한 클릭 기록은 180일 보관 후 삭제한다는 점과 삭제 요청 처리 방법을 개인정보 안내 문구에 적는다.
버튼 주소 검증과 클릭 집계(하루 중복 제거, 주간·월간 경계) 단위 테스트, 버튼 추가부터 클릭·순위 확인까지 한 바퀴 도는 통합 테스트를 Vitest 로 작성한다.
README 에는 실행 명령, .env 키, DB 위치와 백업, 기록 보관 기간, 하위 페이지 편집 방법을 적는다.
회원가입, 요금 청구 화면, 외부 광고·추적 스크립트는 넣지 않는다.
상품 결제 버튼, 인스타그램 DM 자동화, 블록 마켓, 프로필 여러 개 관리는 일부러 뺀다.
마지막으로 npm test 로 버튼 검증과 클릭 집계 테스트를 실행해 통과를 확인하고 쓴 명령을 순서대로 적는다.