Skip to main content

예제

1. 삽입하기

>> 템플릿 샘플 다운로드

// 데이터

{
"name": "Pikachu",
"type": "Electric",
"height": "0.4m",
"weight": "6.0kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png"
}

2. 슬라이드 반복하기

>> 템플릿 샘플 다운로드

// 데이터

{
"members": [
{
"name": "Pikachu",
"type": "Electric",
"height": "0.4m",
"weight": "6.0kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png"
},
{
"name": "Charmander",
"type": "Fire",
"height": "0.6m",
"weight": "8.5kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/4.png"
},
{
"name": "Squirtle",
"type": "Water",
"height": "0.5m",
"weight": "9.0kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/7.png"
},
{
"name": "Bulbasaur",
"type": "Grass",
"height": "0.7m",
"weight": "6.9kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png"
}
]
}

3. 테이블 반복하기

>> 템플릿 샘플 다운로드

// 데이터

{
"members": [
{
"name": "Pikachu",
"type": "Electric",
"height": "0.4m",
"weight": "6.0kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png"
},
{
"name": "Charmander",
"type": "Fire",
"height": "0.6m",
"weight": "8.5kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/4.png"
},
{
"name": "Squirtle",
"type": "Water",
"height": "0.5m",
"weight": "9.0kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/7.png"
},
{
"name": "Bulbasaur",
"type": "Grass",
"height": "0.7m",
"weight": "6.9kg",
"image": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/1.png"
}
]
}