인사이트 정비 — 작업 보고 (8/25 새벽)

지시: "그렇게 진행해. 다 마무리하고 최종 정리해서 서고에 올려놔."
5단계 전부 끝냈습니다. 아래는 배포 후 실측한 값입니다.

한 줄

블로그가 사이트마다 이름 5개·주소 3개로 흩어져 있었고, 큐는 글 36편 전 페이지에 모멘터스로
돌아갈 길이 아예 없었습니다. 이름·주소를 인사이트//insights로 통일하고, 큐에 패밀리바를 붙이고,
본진 집계를 40편 → 77편으로 넓혔습니다.

1. 가장 큰 손해였던 것 — 큐에 돌아갈 길이 없었다

큐는 정적 HTML 3장과 워커가 그리는 페이지가 서로 다른 껍데기를 쓰고 있었습니다.
공용 바는 정적 3장에만 박혀 있었고, 워커가 그리는 쪽 — 글 36편·회사별·공고별·연습·소개·FAQ —
에는 바가 통째로 없었습니다. 검색으로 들어온 사람이 모멘터스를 볼 방법이 없었습니다.

템플릿이 10벌이라 각각에 박으면 새 페이지를 만들 때마다 또 빠집니다. 그래서 템플릿이 아니라
응답 한 곳에서 끼우게 했습니다. 앞으로 만드는 페이지는 자동으로 따라옵니다.

같은 사이트 안에서 이름도 둘이었습니다 — 홈은 면접 이야기, 안쪽은 인사이트.
전부 인사이트로 맞췄습니다.

2. 이름·주소 통일

전

후 — 전부 인사이트(컨텍스트는 영문 사이트라 Insights), 목록 주소 전부 /insights.
옛 주소는 전부 301로 받습니다.

글 주소는 안 옮겼습니다. 큐 36편이 /playbook/…, 컨텍스트 3편이 /blog/…로 이미 색인돼
있는데, 옮겨도 방문자에겐 차이가 0이고 301 사슬만 늘어납니다. 사람이 보는 건 메뉴와 목록입니다.

차별화는 어디서 하나

메뉴 이름은 같게, 페이지 제목은 제품 이름을 붙여 다르게 했습니다.
Mark 인사이트 / notes 인사이트 / 인사이트(본진). 방문자는 메뉴 이름이 아니라 글 제목을
보고 들어옵니다. 메뉴가 사이트마다 다르면 얻는 건 없고 '같은 회사'라는 인식만 깨집니다.

3. 본진 집계 40편 → 77편

컨텍스트는 RSS가 없어 목록을 손으로 적었습니다. 손목록의 유일한 위험이 조용히 낡는 것이라,
빌드할 때마다 실제 목록 페이지를 세어 개수가 다르면 경고가 뜨게 했습니다.

플래너는 넣지 않았습니다. 글이 1편뿐입니다. 그리고 플래너 메뉴에서도 내렸습니다 —
글 5편이 규칙입니다. 1편짜리 메뉴는 "관리 안 하는 사이트"라고 광고하는 것과 같습니다.
앞으로 헤이레시가 블로그를 만들어도 같은 규칙을 씁니다.

4. 마크 카드를 본진과 한 벌로

같은 글이 두 사이트에 보이는데 카드가 서로 달랐습니다. 마크만 히어로 1장 + 2열 + 3열(요약문 포함),
본진은 피처 2장 + 3열(요약문 없음).

원인은 CSS가 아니라 마크업이었습니다. 공용 규격은 그림을 감싸는 상자를 겨냥해 쓰는데,
마크는 그 상자 없이 그림이 카드에 바로 붙어 있었습니다. 겨냥할 대상이 없으니 규격이 닿지를 못했고,
그 자리를 마크 자체 스타일이 덮고 있었습니다.

• 목록·태그 페이지를 본진과 같은 구조로 바꿨습니다(피처 2 + 레일 + 3열).
• 마크의 자체 카드 CSS를 전부 지웠습니다. 모양은 이제 공용에서만 옵니다.
• CSS 값이 두 벌로 갈리지 않게 원본 한 곳에서 골라 끼우도록 고쳤습니다. 공용 블록에 값을
  복붙해 두면 한쪽만 고쳐져서 반드시 다시 갈립니다.

작업 중에 실제로 두 가지가 드러났습니다 — 컨테이너 규칙이 빠져 카드가 화면 끝까지 뻗었고,
마크 표지가 큰 색글자 배너라 제목이 안 읽혔습니다. 둘 다 공용 원본에서 고쳤습니다.

5. 사고 하나 — 주석의 백틱이 배포를 죽였다

플래너·큐는 공용 셸을 JS 템플릿 리터럴 안에 담습니다. 제가 CSS 주석에 쓴 백틱 하나가
그 리터럴을 끊어 플래너 배포가 통째로 실패했습니다(Expected ";" but found "calc").

원본만 고치면 다음에 또 들어옵니다. 그래서 셸을 밀어 넣기 전에 검사하도록 했습니다 —
백틱이나 치환자가 있으면 넣지 않고 멈춥니다. 깨진 셸을 밀어 넣는 것보다 안 넣는 게 낫습니다.

실측 (배포 후)

옛 주소 301 5종 전부 확인. 가로 넘침 0. 깨진 그림 0.

남은 것

1. 컨텍스트·헤이레시에 패밀리바가 없습니다. 두 곳은 애초에 패밀리 밖에 있습니다.
컨텍스트는 영문·베타라 급하지 않고, 헤이레시는 자체 도메인(heyreci.com)이라 바를 달지 말지가
판단 사항입니다. 지시 주시면 붙입니다.

2. 컨텍스트에 RSS가 없습니다. 지금은 손목록 + 신선도 경고로 버티고 있습니다.
글이 늘면 RSS를 붙이는 게 맞습니다.

3. 큐 목록 카드는 아직 본진 규격이 아닙니다. 큐 목록은 글 카드가 아니라 상황별
(준비 중·면접 후) 필터가 붙은 다른 물건이라, 억지로 맞추면 오히려 쓰기 나빠집니다.
지금은 그대로 두는 게 맞다고 봅니다.

어제 함께 정한 규칙 (앞으로 적용)

• 글 5편 미만이면 메뉴에 걸지 않는다. 페이지는 남기되 링크는 숨긴다.
• 글 주소는 옮기지 않는다. 목록 주소만 맞춘다.
• 각 저장소에서 카드 CSS를 다시 쓰지 않는다. 쓰는 순간 다시 두 벌이 된다.
• 2주 뒤 GA 숫자를 보고 인사이트에 더 투자할지 정한다. 지금 새 블로그는 만들지 않는다.