ChatGPT로 타로카드 고르기(4)

소스

 

See the Pen tarot-card by imissrose (@imissrose) on CodePen.

 

728x90

 

universal-waite-tarot.json

[
    {
        "id": "major-0",
        "name": "The Fool",
        "image": "./tarot/major-0.png",
    },
    {
        "id": "major-1",
        "name": "The Magician",
        "image": "./tarot/major-1.png",
    },
    {
        "id": "major-2",
        "name": "The High Priestess",
        "image": "./tarot/major-2.png",
    },
    {
        "id": "major-3",
        "name": "The Empress",
        "image": "./tarot/major-3.png",
    },
    {
        "id": "major-4",
        "name": "The Emperor",
        "image": "./tarot/major-4.png",
    },
    {
        "id": "major-5",
        "name": "The Hierophant",
        "image": "./tarot/major-5.png",
    },
    {
        "id": "major-6",
        "name": "The Lovers",
        "image": "./tarot/major-6.png",
    },
    {
        "id": "major-7",
        "name": "The Chariot",
        "image": "./tarot/major-7.png",
    },
    {
        "id": "major-8",
        "name": "Strength",
        "image": "./tarot/major-8.png",
    },
    {
        "id": "major-9",
        "name": "The Hermit",
        "image": "./tarot/major-9.png",
    },
    {
        "id": "major-10",
        "name": "Wheel of Fortune",
        "image": "./tarot/major-10.png",
    },
    {
        "id": "major-11",
        "name": "Justice",
        "image": "./tarot/major-11.png",
    },
    {
        "id": "major-12",
        "name": "The Hanged Man",
        "image": "./tarot/major-12.png",
    },
    {
        "id": "major-13",
        "name": "Death",
        "image": "./tarot/major-13.png",
    },
    {
        "id": "major-14",
        "name": "TEMPERANCE",
        "image": "./tarot/major-14.png"
    },
    {
        "id": "major-15",
        "name": "THE DEVIL",
        "image": "./tarot/major-15.png"
    },
    {
        "id": "major-16",
        "name": "THE TOWER",
        "image": "./tarot/major-16.png"
    },
    {
        "id": "major-17",
        "name": "THE STAR",
        "image": "./tarot/major-17.png"
    },
    {
        "id": "major-18",
        "name": "THE MOON",
        "image": "./tarot/major-18.png"
    },
    {
        "id": "major-19",
        "name": "THE SUN",
        "image": "./tarot/major-19.png"
    },
    {
        "id": "major-20",
        "name": "JUDGEMENT",
        "image": "./tarot/major-20.png"
    },
    {
        "id": "major-21",
        "name": "THE WORLD",
        "image": "./tarot/major-21.png"
    },
    {
        "id": "cups-1",
        "name": "ACE OF CUPS",
        "image": "./tarot/cups-1.png"
    },
    {
        "id": "cups-2",
        "name": "TWO OF CUPS",
        "image": "./tarot/cups-2.png"
    },
    {
        "id": "cups-3",
        "name": "THREE OF CUPS",
        "image": "./tarot/cups-3.png"
    },
    {
        "id": "cups-4",
        "name": "FOUR OF CUPS",
        "image": "./tarot/cups-4.png"
    },
    {
        "id": "cups-5",
        "name": "FIVE OF CUPS",
        "image": "./tarot/cups-5.png"
    },
    {
        "id": "cups-6",
        "name": "SIX OF CUPS",
        "image": "./tarot/cups-6.png"
    },
    {
        "id": "cups-7",
        "name": "SEVEN OF CUPS",
        "image": "./tarot/cups-7.png"
    },
    {
        "id": "cups-8",
        "name": "EIGHT OF CUPS",
        "image": "./tarot/cups-8.png"
    },
    {
        "id": "cups-9",
        "name": "NINE OF CUPS",
        "image": "./tarot/cups-9.png"
    },
    {
        "id": "cups-10",
        "name": "TEN OF CUPS",
        "image": "./tarot/cups-10.png"
    },
    {
        "id": "cups-11",
        "name": "PAGE OF CUPS",
        "image": "./tarot/cups-11.png"
    },
    {
        "id": "cups-12",
        "name": "KNIGHT OF CUPS",
        "image": "./tarot/cups-12.png"
    },
    {
        "id": "cups-13",
        "name": "QUEEN OF CUPS",
        "image": "./tarot/cups-13.png"
    },
    {
        "id": "cups-14",
        "name": "KING OF CUPS",
        "image": "./tarot/cups-14.png"
    },
    {
        "id": "pentacles-1",
        "name": "ACE OF PENTACLES",
        "image": "./tarot/pentacles-1.png"
    },
    {
        "id": "pentacles-2",
        "name": "TWO OF PENTACLES",
        "image": "./tarot/pentacles-2.png"
    },
    {
        "id": "pentacles-3",
        "name": "THREE OF PENTACLES",
        "image": "./tarot/pentacles-3.png"
    },
    {
        "id": "pentacles-4",
        "name": "FOUR OF PENTACLES",
        "image": "./tarot/pentacles-4.png"
    },
    {
        "id": "pentacles-5",
        "name": "FIVE OF PENTACLES",
        "image": "./tarot/pentacles-5.png"
    },
    {
        "id": "pentacles-6",
        "name": "SIX OF PENTACLES",
        "image": "./tarot/pentacles-6.png"
    },
    {
        "id": "pentacles-7",
        "name": "SEVEN OF PENTACLES",
        "image": "./tarot/pentacles-7.png"
    },
    {
        "id": "pentacles-8",
        "name": "EIGHT OF PENTACLES",
        "image": "./tarot/pentacles-8.png"
    },
    {
        "id": "pentacles-9",
        "name": "NINE OF PENTACLES",
        "image": "./tarot/pentacles-9.png"
    },
    {
        "id": "pentacles-10",
        "name": "TEN OF PENTACLES",
        "image": "./tarot/pentacles-10.png"
    },
    {
        "id": "pentacles-11",
        "name": "PAGE OF PENTACLES",
        "image": "./tarot/pentacles-11.png"
    },
    {
        "id": "pentacles-12",
        "name": "KNIGHT OF PENTACLES",
        "image": "./tarot/pentacles-12.png"
    },
    {
        "id": "pentacles-13",
        "name": "QUEEN OF PENTACLES",
        "image": "./tarot/pentacles-13.png"
    },
    {
        "id": "pentacles-14",
        "name": "KING OF PENTACLES",
        "image": "./tarot/pentacles-14.png"
    },
    {
        "id": "swords-1",
        "name": "ACE OF SWORDS",
        "image": "./tarot/swords-1.png"
    },
    {
        "id": "swords-2",
        "name": "TWO OF SWORDS",
        "image": "./tarot/swords-2.png"
    },
    {
        "id": "swords-3",
        "name": "THREE OF SWORDS",
        "image": "./tarot/swords-3.png"
    },
    {
        "id": "swords-4",
        "name": "FOUR OF SWORDS",
        "image": "./tarot/swords-4.png"
    },
    {
        "id": "swords-5",
        "name": "FIVE OF SWORDS",
        "image": "./tarot/swords-5.png"
    },
    {
        "id": "swords-6",
        "name": "SIX OF SWORDS",
        "image": "./tarot/swords-6.png"
    },
    {
        "id": "swords-7",
        "name": "SEVEN OF SWORDS",
        "image": "./tarot/swords-7.png"
    },
    {
        "id": "swords-8",
        "name": "EIGHT OF SWORDS",
        "image": "./tarot/swords-8.png"
    },
    {
        "id": "swords-9",
        "name": "NINE OF SWORDS",
        "image": "./tarot/swords-9.png"
    },
    {
        "id": "swords-10",
        "name": "TEN OF SWORDS",
        "image": "./tarot/swords-10.png"
    },
    {
        "id": "swords-11",
        "name": "PAGE OF SWORDS",
        "image": "./tarot/swords-11.png"
    },
    {
        "id": "swords-12",
        "name": "KNIGHT OF SWORDS",
        "image": "./tarot/swords-12.png"
    },
    {
        "id": "swords-13",
        "name": "QUEEN OF SWORDS",
        "image": "./tarot/swords-13.png"
    },
    {
        "id": "swords-14",
        "name": "KING OF SWORDS",
        "image": "./tarot/swords-14.png"
    },
    {
        "id": "wands-1",
        "name": "ACE OF WANDS",
        "image": "./tarot/wands-1.png"
    },
    {
        "id": "wands-2",
        "name": "TWO OF WANDS",
        "image": "./tarot/wands-2.png"
    },
    {
        "id": "wands-3",
        "name": "THREE OF WANDS",
        "image": "./tarot/wands-3.png"
    },
    {
        "id": "wands-4",
        "name": "FOUR OF WANDS",
        "image": "./tarot/wands-4.png"
    },
    {
        "id": "wands-5",
        "name": "FIVE OF WANDS",
        "image": "./tarot/wands-5.png"
    },
    {
        "id": "wands-6",
        "name": "SIX OF WANDS",
        "image": "./tarot/wands-6.png"
    },
    {
        "id": "wands-7",
        "name": "SEVEN OF WANDS",
        "image": "./tarot/wands-7.png"
    },
    {
        "id": "wands-8",
        "name": "EIGHT OF WANDS",
        "image": "./tarot/wands-8.png"
    },
    {
        "id": "wands-9",
        "name": "NINE OF WANDS",
        "image": "./tarot/wands-9.png"
    },
    {
        "id": "wands-10",
        "name": "TEN OF WANDS",
        "image": "./tarot/wands-10.png"
    },
    {
        "id": "wands-11",
        "name": "PAGE OF WANDS",
        "image": "./tarot/wands-11.png"
    },
    {
        "id": "wands-12",
        "name": "KNIGHT OF WANDS",
        "image": "./tarot/wands-12.png"
    },
    {
        "id": "wands-13",
        "name": "QUEEN OF WANDS",
        "image": "./tarot/wands-13.png"
    },
    {
        "id": "wands-14",
        "name": "KING OF WANDS",
        "image": "./tarot/wands-14.png"
    }
]

 

 

네트리파이(Netlify)에 프로그램 배포

https://bestwizard.tistory.com/17

네트리파이(Netlify) 웹호스팅

 

브라우저에서 실행

https://tarot-card.netlify.app/

Tarot Card