Bi Kim bi-kim

## autoplay.js
$(function () {
  var iframe = document.querySelector('#hero-movie');
    var player = new Vimeo.Player(iframe, {muted: true});

    player.ready().then(function () {
        player.play();
        player.setVolume(0.5);
  });
});

## basic.html
<html>
<head>
  <title>{page_title}</title>
</head>
<body>

  <iframe id="hero-movie" src="https://player.vimeo.com/video/{video_id}" width="{video_width}" height="{video_height}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

  <script src="https://player.vimeo.com/api/player.js"></script>
  <script>

## plugin.php
<?php
namespace Sparkweb\XePlugin\SparkPayment;

use Route;
use XeRegister;
use Xpressengine\Plugin\AbstractPlugin;

class Plugin extends AbstractPlugin
{
    /**

## plugin.php
public function boot()
{
        // implement code

        $this->route();
        $this->setSettingsMenu();
}

## plugin.php
private function setSettingsMenu()
{
        $menus = [
            'spark_business.config' => [
                'title' => '온라인 결제',
                'display' => true,
                'description' => '',
                'ordering' => 6000
            ],
        ];

## plugin.php
private function route()
{
        Route::group([
            'namespace' => 'Sparkweb\XePlugin\SparkPayment',
        ], function () {
            require __DIR__ . '/routes.php';
        });
}

## create_plugin.sh
php artisan make:plugin spark_payment sparkweb

## spreadOperator.js
let apeach = {
  heart: 'pink',
  bodyColor: 'White',
  borderColor: 'Black'
}

({heart, ...color}) = apeach;

//heart: "pink"
//color: {bodyColor: "White", borderColor: "Black"}

## swap.js
var a = 1;
var b = 3;

[a, b] = [b, a];
console.log(a); // 3
console.log(b); // 1

## apeach.js
let apeach = {
  heart: 'pink',
  bodyColor: 'White',
  borderColor: 'Black'
}

// apeach 오브젝트의 속성을 추출하여 사용할 수 있습니다.
function getApeachHeart({heart}) {
  return heart;
}
	$(function () {
	var iframe = document.querySelector('#hero-movie');
	var player = new Vimeo.Player(iframe, {muted: true});

	player.ready().then(function () {
	player.play();
	player.setVolume(0.5);
	});
	});
	<html>
	<head>
	<title>{page_title}</title>
	</head>
	<body>

	<iframe id="hero-movie" src="https://player.vimeo.com/video/{video_id}" width="{video_width}" height="{video_height}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

	<script src="https://player.vimeo.com/api/player.js"></script>
	<script>
	<?php
	namespace Sparkweb\XePlugin\SparkPayment;

	use Route;
	use XeRegister;
	use Xpressengine\Plugin\AbstractPlugin;

	class Plugin extends AbstractPlugin
	{
	/**
	public function boot()
	{
	// implement code

	$this->route();
	$this->setSettingsMenu();
	}
	private function setSettingsMenu()
	{
	$menus = [
	'spark_business.config' => [
	'title' => '온라인 결제',
	'display' => true,
	'description' => '',
	'ordering' => 6000
	],
	];
	private function route()
	{
	Route::group([
	'namespace' => 'Sparkweb\XePlugin\SparkPayment',
	], function () {
	require __DIR__ . '/routes.php';
	});
	}
	let apeach = {
	heart: 'pink',
	bodyColor: 'White',
	borderColor: 'Black'
	}

	({heart, ...color}) = apeach;

	//heart: "pink"
	//color: {bodyColor: "White", borderColor: "Black"}
	var a = 1;
	var b = 3;

	[a, b] = [b, a];
	console.log(a); // 3
	console.log(b); // 1