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

v2.2 cinema slideshow — 5 phases auto-transition (~13s) 작업이 중심이다. 이 릴리즈는 눈에 보이는 결과뿐 아니라 그 결과를 만든 파일과 코드까지 모두 추적했다.

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

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

860465b3664530c1277d0f1a1e19b9cad3f2e3703f47852e508e87e135689b34

커밋 ae65a77 — feat(intro): v2.2 cinema slideshow — 5 phases auto-transition (~13s)

: v2.2 cinema slideshow — 5 phases auto-transition (~13s) 작업이다.

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

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

@@ -4 +4 @@ import { useRouter } from "next/navigation";

import { motion, AnimatePresence } from "framer-motion";

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

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

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

 같은 값과 기능을 사용해 처리했다. 변경 후에는 이 구간의 코드를 제거했다.

@@ -27 +24 @@ import { useGuestMode } from "@/lib/useGuestMode";

/*  POP-SPOT — Intro Page                                                      */

/*  POP-SPOT — Intro Cinema Page                                                */

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

@@ -29,2 +26,2 @@ import { useGuestMode } from "@/lib/useGuestMode";

/*  매거진 에디토리얼 무드 — 12 데코 레이어 + 페이지 단위 fixed 배경.            */
/*  컴포넌트 단위로 분리해 각 레이어가 한 가지 책임만 갖도록 했다.              */

/*  첫 방문 사용자에게 영상처럼 흘러가는 5단계 시네마 시퀀스를 보여주고 자동으로     */
/*  메인 페이지로 진입시킨다. 재방문자는 인트로 자체를 거치지 않고 즉시 메인.       */

@@ -33,8 +30 @@ import { useGuestMode } from "@/lib/useGuestMode";

/* ────────── 디자인 상수 ────────── */
const SECTION_META = [
  { id: 1, label: "SEONGSU · HANNAM · APGUJEONG", vol: "VOL.01" },
  { id: 2, label: "WHY POP-SPOT", vol: "VOL.02" },
  { id: 3, label: "CORE FEATURES", vol: "VOL.03" },
  { id: 4, label: "WHAT IS UNIQUE", vol: "VOL.04" },
  { id: 5, label: "START NOW", vol: "VOL.05" },
] as const;

const INTRO_PLAYED_KEY = "popspot:intro:played";

POP-SPOT v2.4 — v2.4 영상 토글 + 파스텔 폴백 + 워터마크, 로고 인트로 우회, 작전회의실 뒤로가기

Public

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

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

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

먼저 쉽게 설명하면

읽는 법

Git 기준 범위

댓글

먼저 쉽게 설명하면

읽는 법

Git 기준 범위

이어 읽을 기록

댓글