v1.5.2 변경 기록의 이어지는 부분이다. 같은 검증 ID 

0432612f4d1192a89f18636eea050671894e340027aa7dcf45fb3f107e0bfa61

커밋 800c850 — refactor(backend): v1.5.2 — controllers Repository decoupling + domain exception + geocoding split

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

                    rel="noopener noreferrer"
                    className="underline text-lime-500"
                  >
                    {a.url.replace("https://", "")}
                  </a>{" "}
                  / {a.phone}
                </>
              ))}
            />
          </Section>

          <Section title="제12조 (개정 고지)">
            <p>
              본 처리방침이 변경되면 시행일 7일 전부터 본 페이지 상단에 고지합니다. 중대한 변경
              시 가입된 이메일로 별도 안내합니다.
            </p>
          </Section>
        </article>

        <footer className="mt-12 pt-6 border-t border-[var(--color-border)]">
          <Link
            href="/terms"
            className="text-sm text-muted-foreground hover:text-lime-500 transition-colors"
          >
            ← 이용약관 보기
          </Link>
        </footer>
      </div>
    </main>
  );
}

/* ============================== 내부 컴포넌트 ============================== */

function PageHeader() {
  return (
    <header className="mb-10">
      <Link
        href="/"
        className="text-sm text-muted-foreground hover:text-lime-500 transition-colors"
      >
        ← 홈으로
      </Link>
      <h1 className="text-3xl lg:text-4xl font-black tracking-tight mt-4 text-foreground">
        POP-SPOT 개인정보 처리방침
      </h1>
      <p className="text-sm text-muted-foreground mt-2">
        최종 개정일: {POLICY_REVISION_DATE} · 시행일: {POLICY_EFFECTIVE_DATE}
      </p>
      <p className="text-sm text-muted-foreground mt-4 leading-relaxed">
        POP-SPOT 은 개인정보 보호법 제30조에 따라 이용자의 개인정보를 보호하고 관련 고충을
        신속하게 처리하기 위해 다음 처리방침을 둡니다.
      </p>
    </header>
  );
}

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

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

interface SectionProps {
  title: string;
  children: React.ReactNode;
}
function Section({ title, children }: SectionProps) {
  return (
    <section>
      <h2 className="text-xl font-bold mb-3 text-foreground">{title}</h2>
      <div className="text-foreground/90">{children}</div>
    </section>
  );
}

function DataTable({ table }: { table: PolicyTable }) {
  return (
    <div className="overflow-x-auto">
      <table className="w-full text-sm border border-[var(--color-border)]">
        <thead className="bg-foreground/5">
          <tr>
            {table.headers.map((h) => (
              <th key={h} className="p-2 text-left border-b border-[var(--color-border)]">
                {h}
              </th>
            ))}
          </tr>
        </thead>
        <tbody className="text-foreground/80">
          {table.rows.map((row, ri) => (
            <tr
              key={ri}
              className={ri < table.rows.length - 1 ? "border-b border-[var(--color-border)]" : ""}
            >
              {row.cells.map((cell, ci) => (
                <td key={ci} className="p-2 align-top">
                  {cell}
                </td>
              ))}
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
}

function Ul({ items }: { items: readonly React.ReactNode[] }) {
  return (
    <ul className="list-disc list-inside space-y-2">
      {items.map((item, i) => (
        <li key={i}>{item}</li>
      ))}
    </ul>
  );
}

function Ol({ items }: { items: readonly React.ReactNode[] }) {
  return (

    <ol className="list-decimal list-inside space-y-2">
      {items.map((item, i) => (
        <li key={i}>{item}</li>
      ))}
    </ol>
  );
}

function Note({ children }: { children: React.ReactNode }) {
  return <p className="text-sm text-foreground/70 mt-3">{children}</p>;
}

function ContactLink({ subject }: { subject: string }) {
  const encoded = encodeURIComponent(subject);
  return (
    <a
      href={`mailto:${CONTACT_EMAIL}?subject=${encoded}`}
      className="underline text-lime-500"
    >
      {CONTACT_EMAIL}
    </a>
  );
}

@@ -511,0 +512,4 @@ export default function SignupPage() {

@@ -542,3 +546,2 @@ export default function SignupPage() {

label: "[필수] 개인정보 수집 및 이용",
// 별도의 /privacy 페이지가 없으면 /terms 안의 §개인정보 단원으로 통합
href: "/terms",

label: "[필수] 개인정보 수집 및 이용 (만 14세 이상)",
href: "/privacy",

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

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

popspot-frontend/src/components/layout/Footer.tsx

@@ -22,0 +23 @@ const PLATFORM_LINKS: ReadonlyArray<{ label: string; href: string }> = [

{ label: '개인정보 처리방침', href: '/privacy' },

이 글 묶음은 Git 커밋 2개와 파일 변경 34개를 원본 이력에서 직접 읽어 만들었다.

이다. 이 값은 포함된 커밋 순서와 해시가 하나라도 달라지면 함께 달라진다.

POP-SPOT v1.6 — v1.6 quick wins — 비밀번호 아이콘 반전, 이메일 한글 차단, 폰 숫자만, 생년월일 select 통일, 데스크탑 max-width 확장

Public

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

POP-SPOT v1.5.2 (2/2) — v1.5.2 — controllers Repository decoupling + domain exception + geocoding split

이어 읽을 기록

댓글