본문 바로가기

JSON Feed 생성·검사기

브라우저 처리

피드 제목·주소와 '제목|주소|날짜|요약' 글 목록으로 JSON Feed 1.1 파일을 만듭니다. home_page_url·feed_url·language와 글마다 id·url·title·content_text·date_published를 채우고 최신순으로 정렬합니다.

도구 실행입력 후 결과 확인
JSON Feed 생성·검사기 샘플 실행

JSON Feed는 XML 대신 JSON으로 쓰는 피드 형식입니다. 자바스크립트나 앱에서 바로 읽기 쉬워 개발자 블로그나 앱 내 공지 목록에 자주 쓰입니다.

브라우저 처리
샘플 결과
{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "예시상점 소식",
  "home_page_url": "https://shop.example.com/",
  "feed_url": "https://shop.example.com/feed.json",
  "language": "ko",
  "items": [
    {
      "id": "https://shop.example.com/news/fall-arrivals",
      "title": "가을 신상 입고",
      "date_published": "2026-09-15T00:00:00.000Z",
      …
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

JSON Feed 생성·검사기 사용 가이드

JSON Feed는 XML 대신 JSON으로 쓰는 피드 형식입니다. 자바스크립트나 앱에서 바로 읽기 쉬워 개발자 블로그나 앱 내 공지 목록에 자주 쓰입니다.

이 생성기는 RSS·Atom 생성기와 같은 글 목록 형식을 받아 JSON Feed 1.1 규격의 객체를 만듭니다. 글마다 주소를 id와 url로, 요약을 content_text로, 날짜를 ISO 8601 date_published로 넣고, 요약이 없으면 제목을 본문 대신 씁니다.

피드에는 사이트 첫 화면 주소(home_page_url), 피드 자신의 주소(feed_url), 언어(ko)가 들어갑니다. 상대 경로 글 주소는 피드 도메인 기준 전체 주소로 바뀝니다. 결과는 바로 .json 파일로 저장할 수 있는 순수 JSON입니다.

사용 방법

  1. '피드 제목'과 '피드 파일 주소 (예: https://…/feed.json)'를 입력합니다.
  2. '글 목록 (한 줄에 하나: 제목|주소|날짜|요약)'에 글을 적습니다. 앞에 item=을 붙여도 됩니다.
  3. '실행'을 누르고 '다운로드'로 feed.json을 저장합니다.
  4. 파일을 올리고 head에 type="application/feed+json" 링크를 넣습니다.

예시: 앱 공지 피드

입력
피드 제목: 예시상점 소식
주소: https://shop.example.com/feed.json
여름 세일 시작|/news/summer-sale|2026-07-01|린넨 원피스 최대 40% 할인
가을 신상 입고|/news/fall-arrivals|2026-09-15|니트와 트렌치코트가 들어왔습니다
결과
{
  "version": "https://jsonfeed.org/version/1.1",
  "title": "예시상점 소식",
  "home_page_url": "https://shop.example.com/",
  "feed_url": "https://shop.example.com/feed.json",
  "language": "ko",
  "items": [
    {
      "id": "https://shop.example.com/news/fall-arrivals",
      "title": "가을 신상 입고",
      "date_published": "2026-09-15T00:00:00.000Z",
      …

날짜를 읽을 수 없는 글은 date_published 없이 들어갑니다.

이럴 때 쓰면 좋아요

  • 앱 안에 공지 목록을 띄울 데이터 파일이 필요할 때
  • 정적 사이트의 글 목록을 JSON으로 제공할 때
  • RSS 대신 JSON을 받는 피드 리더를 지원할 때
  • 자바스크립트로 최근 소식 위젯을 만들 때

문제가 생겼을 때

파일을 .xml로 저장했습니다.

JSON Feed는 .json 파일로 저장하고 서버가 application/feed+json 또는 application/json 형식으로 보내야 합니다.

요약 칸에 줄바꿈을 넣었습니다.

한 글은 한 줄에 적어야 합니다. 긴 요약은 한 줄로 이어 쓰세요.

id가 바뀌어 같은 글이 두 번 보입니다.

id에는 글 주소가 들어갑니다. 공개 후에는 글 주소를 바꾸지 않는 것이 좋습니다.

활용 팁

  • content_text 대신 HTML 본문이 필요하면 생성 결과에 content_html 항목을 직접 추가하세요.
  • 같은 목록으로 RSS도 만들어 두면 JSON Feed를 모르는 리더에서도 구독할 수 있습니다.
  • 결과는 주석 없는 순수 JSON이라 바로 파일로 쓸 수 있습니다.

자주 묻는 질문

JSON Feed를 지원하는 리더가 많나요?

RSS보다는 적지만 Feedly, NetNewsWire 등 주요 리더가 지원합니다. 넓은 호환이 필요하면 RSS와 함께 제공하세요.

version 값은 무엇인가요?

어느 규격 버전으로 쓴 피드인지 알리는 주소입니다. 현재 최신인 1.1 주소가 들어갑니다.

작성자 정보를 넣을 수 있나요?

이 생성기는 기본 항목만 채웁니다. 필요하면 결과에 "authors": [{"name": "이름"}]을 직접 추가하세요.