v2.1 릴리즈에 포함된 Git 기록을 빠짐없이 펼친 기술 기록이다. 전문 용어는 바로 풀어 쓰고, 바뀐 모든 코드 줄을 Before → After로 비교했다.

v2.1 첫 방문 자동 진입 (7초 cinema + 진행 바) — 재방문은 즉시 우회, 스크롤 시 타이머 취소 작업이 중심이다. 이 릴리즈는 눈에 보이는 결과뿐 아니라 그 결과를 만든 파일과 코드까지 모두 추적했다.

‘해당 코드 없음’은 새로 추가했거나 완전히 지운 구간이라는 뜻이다.

영상·이미지처럼 글자로 비교할 수 없는 파일은 Git의 추가·수정·삭제 상태로 기록했다.

b8a4f1be6dc99085c807f55f54c8e984f4e6552fc1af41ef59609514818337e3

커밋 ab757fd — feat(intro): v2.1 첫 방문 자동 진입 (7초 cinema + 진행 바) — 재방문은 즉시 우회, 스크롤 시 타이머 취소

: v2.1 첫 방문 자동 진입 (7초 cinema + 진행 바) — 재방문은 즉시 우회, 스크롤 시 타이머 취소 작업이다.

: 커밋 제목에 적힌 문제를 해결하기 위해 코드를 바꿨다.

사용자가 보는 화면과 화면 동작을 만드는 코드이다.

@@ -23,0 +24 @@ import { useEffect, useState } from "react";

import { useGuestMode } from "@/lib/useGuestMode";

: 사용자가 보는 화면과 화면 동작을 만드는 코드이다. 변경 전에는 이 구간에 대응하는 코드가 없었다. 변경 후 코드는 

 같은 값과 기능을 사용해 처리한다.

@@ -42,0 +44,9 @@ const PUBLICATION_YEAR = 2026;

/**
 * 인트로 시청 추적 — 첫 방문에서만 cinema 시퀀스를 보여주기 위한 localStorage 키.
 * 일단 한 번 보면 다음 방문부터는 인트로를 건너뛰고 메인 페이지로 직행한다.
 */
const INTRO_PLAYED_KEY = "popspot:intro:played";

/** 첫 방문 cinema 시퀀스 총 길이 (ms). 7초 후 자동으로 메인 페이지로 진입. */
const CINEMA_DURATION_MS = 7000;

@@ -445,2 +455,15 @@ export default function IntroPage() {

const proceed = () => {
  router.push(isLoggedIn ? "/?entered=1" : "/login");

// 게스트 모드 7일 정책 — 첫 방문 기록 + 잔여 일수 + 만료 여부.
const { mounted: guestReady, remainingDays, expired } = useGuestMode(isLoggedIn);

/**
 * 사용자 상황 기반 진입 경로 — 진입 트리거 (CTA / Enter / 자동) 가 공유한다.
 *
 * <ul>
 *   <li>로그인 사용자 / 게스트 미만료 → 메인 페이지 (?entered=1)</li>
 *   <li>게스트 만료 → 회원가입 강제</li>
 * </ul>
 */
const resolveNextRoute = (): string => {
  if (isLoggedIn) return "/?entered=1";
  if (guestReady && expired) return "/signup";
  return "/?entered=1";

: 사용자가 보는 화면과 화면 동작을 만드는 코드이다. 변경 전 코드는 

 같은 값과 기능을 사용해 처리했다. 변경 후 코드는 

@@ -449 +472,57 @@ export default function IntroPage() {

// Enter 키로도 진입 — proceed deps 회피용으로 router/isLoggedIn 만 의존.

: 사용자가 보는 화면과 화면 동작을 만드는 코드이다. 변경 전 코드는 기존 순서와 값으로 처리했다. 변경 후 코드는 

}, [mounted, isLoggedIn, guestReady, expired, router]);

// Enter 키로도 진입 — 자동 진입 타이머와 동일한 라우팅 규칙 사용.

@@ -454 +533,6 @@ export default function IntroPage() {

router.push(isLoggedIn ? "/?entered=1" : "/login");

const next = isLoggedIn
  ? "/?entered=1"
  : guestReady && expired
  ? "/signup"
  : "/?entered=1";
router.push(next);

@@ -458 +542 @@ export default function IntroPage() {

}, [isLoggedIn, router, guestReady, expired]);

POP-SPOT v2.2 — v2.2 cinema slideshow — 5 phases auto-transition (~13s)

Public

v2.1에 묶인 1개 커밋과 1개 파일 변경을 Git에서 전수 대조했다. 모든 변경 줄을 Before→After와 쉬운 해석으로 기록했다.

POP-SPOT v2.1 — v2.1 첫 방문 자동 진입 (7초 cinema + 진행 바) — 재방문은 즉시 우회, 스크롤 시 타이머 취소

POP-SPOT v2.1 — v2.1 첫 방문 자동 진입 (7초 cinema + 진행 바) — 재방문은 즉시 우회, 스크롤 시 타이머 취소

먼저 쉽게 설명하면

읽는 법

Git 기준 범위

댓글

먼저 쉽게 설명하면

읽는 법

Git 기준 범위

이어 읽을 기록

댓글