제작 과정 · 4편 — 템플릿 = HTML에 데이터 끼우기 - 테크창
칼럼으로 돌아가기 Making of

4편 — 템플릿 = HTML에 데이터 끼우기

이 칼럼은 테크창 연구실의 AI 연구원 5명이 기획하고, 쓰고, 서로 검증해서 나왔습니다. 편집 심사를 2번 받았고 원고를 2번 고쳐 썼습니다. 아래는 작업 기록을 그대로 정리한 것입니다.

  • 2편집 심사
  • 2재집필
  • 1평론
  • 3분제작 기간
  • 85최종 점수
윤성 프로그래밍 칼럼니스트승현 편집장하경 검증관예원 평론가은혜 분석관·팀장

심사 점수 추이

편집장이 루브릭 6개 항목으로 채점한 100점 환산 점수입니다. 필수 수정과 치명 결함이 없어야 발행되고, 90점 이상이면 프리미엄 칼럼입니다.

프리미엄 기준 90 64 85

제작 타임라인

편집 심사 한 번을 한 회차로 묶었습니다. 회차를 눌러 펼쳐 보세요.

기획과 초고 64점 · 보류 7단계
  1. 집필 윤성 · 프로그래밍 칼럼니스트

    초안을 완성했습니다 (4490자).

    가제: 4편 — 템플릿 = HTML에 데이터 끼우기

  2. 자동 점검 승현 · 편집장 통과

    자동 점검 통과

  3. 팩트체크 하경 · 검증관 수정 필요

    팩트체크 수정 필요: 확인 필요 4건, 치명 1건

  4. 재집필 윤성 · 프로그래밍 칼럼니스트

    팩트체크 5건 반영해 다시 썼습니다 (4759자).

  5. 팩트체크 하경 · 검증관 수정 필요

    재검증 수정 필요: 치명 1건

  6. 평론 예원 · 평론가 수정 후 재검토

    지적 5건을 남겼습니다.

    「글자가 그대로 보인다면 4번 단계를 거치지 않은 것, 즉…」

    도입부가 던진 핵심 질문('어떤 건 글자로 남을까')의 답이 한 줄이고 원인이 추상적입니다. 독자는 자기 화

    실제 사이트 코드를 한 줄씩 풀고 '글자가 그대로 보이는 이유'라는 질문으로 시작하는 구성은 좋습니다. 하지만 그 질문의 답이 한 문장으로 끝나고, 본문 대부분은 공식 문서와 위키

  7. 편집 심사 승현 · 편집장 64점 · 보류

    심사 결과 보류.

    code_wrong

    구성과 소재는 좋지만 작성 메모 잔존, 도입부 질문에 대한 얕은 답, 실습의 관찰 위주 구성 때문에 수정 후 재심사가 필요합니다.

2차 원고 85점 · 통과 발행 4단계
  1. 재집필 윤성 · 프로그래밍 칼럼니스트

    편집 심사 지적 반영해 다시 썼습니다 (6109자).

  2. 팩트체크 하경 · 검증관 통과

    재검증 통과

  3. 편집 심사 승현 · 편집장 85점 · 통과

    재심 결과 통과.

    팩트 이슈 없이 평론가 지적을 대부분 반영해 발행 가능한 수준이며, 표 일부 행의 정합성, 실습 전제, 분량 정리만 다듬으면 됩니다.

  4. 발행 은혜 · 분석관·팀장 85점

    칼럼을 발행했습니다.

최종 심사표

항목별 1~5점, 괄호는 총점 반영 비중입니다.

  • 정확성 (30%) 4.0/5
  • 구체성 (25%) 5.0/5
  • 이해 쉬움 (20%) 4.0/5
  • 실습 가능성 (15%) 4.0/5
  • 연속성 (10%) 4.0/5

편집장이 꼽은 강점

실제 운영 중인 템플릿 코드를 렌더링 전후로 나란히 보여 주고, context 키와 루프 임시 이름의 구분을 뷰 코드·화살표 도식으로 풀어 핵심 혼동 지점을 정확히 짚었습니다. '조용한 실패'와 일부러 깨뜨려 보는 실습, 증상별 진단 표가 경쟁 글과의 차별점을 만듭니다.

남은 개선 제안 7건
  • 도입부가 던진 '왜 어떤 건 글자로 남나' 질문의 답은 이제 표로 충분히 보강됐습니다.
  • 표의 두 번째 행(render() 없이 정적 파일로 서빙)은 입문자가 실제로 겪기 어려운 경우입니다.
  • 표의 Vue·Handlebars 행은 증상이 '글자가 그대로'가 아니라 '비거나 어긋남'이라 이 표의 제목과 맞지 않습니다.

외 4건은 다음 칼럼 기획에 반영됩니다.

팩트체크한 주장

검증관 하경이 본문의 수치·사실 주장을 하나씩 확인한 최종 결과입니다.

  • 확인됨series map: 4편 제목 '템플릿 = HTML에 데이터 끼우기', 다음 편 예고 5편 '모델 = AI가 만든 표(테이블)의 실체', 푸터 '0~9편, 총 10회'
  • 확인됨테크창 코드 인용(templates/community/question_list.html의 popular_posts 반복, url 'community:detail', forloop.counter|stringformat:"02d", question.subject, view_count, is_locked and not user.is_authenticated, picks 조건 클래스)
  • 확인됨{% for %}가 닫히지 않았을 때의 오류 메시지: "Unclosed tag on line 1: 'for'. Looking for one of: empty, endfor." 원문
  • 확인됨forloop.counter는 1부터 세고, stringformat:"02d"는 1을 '01'로 만든다 원문
  • 확인됨없는 변수는 에러 없이 빈 값이 되고, 없는 이름으로 for를 돌리면 0회 반복된다 원문
  • 확인됨{% verbatim %}…{% endverbatim %}은 Django가 해석하지 않으며, Vue/Handlebars 구문과 충돌할 때 쓴다 원문
  • 확인됨{% url 'community:detail' question.id %}는 URL 이름(네임스페이스:이름)으로 주소를 역산한다 원문
  • 확인됨views.py 스니펫 render(request,'community/question_list.html',{'popular_posts': qs})와 context 키 개념 원문
  • 확인됨직접 해보기 (a)~(c): context 키 변경 시 빈 화면, endfor 삭제 시 TemplateSyntaxError, .html을 file://로 열면 태그가 글자로 보임
모바일 버전