Jaekwang jung Jae-kwang

## index.html
<html>
  <head>
    <title>CSS Transform Scale element to fit its parent</title>
    <script src="scale2fit.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script>
      (function (window) {
        function main() {
          const margin = 10;
          requestAnimationFrame(function fitToParentOnResize() {

## Github.js
const Github = class {
  constructor(id, repo) {
    this._base = `http://api.github.com/repos/${id}/${repo}/contents/`;
  }
  load(path) {
    const id = 'callback' + Github._id++;
    const f = Github[id] = ({data:{content}}) => {
      delete Github[id];
      document.head.removeChild(s);
      this._parser.loaded(content);

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CodeSpitz75-1</title>
</head>
<body>
  <section id="data"></section>
  <script>
    const Info = class {

## swap.js
var x = 10;
var y = 5;

x = x + y // x = 15
y = x - y // y = 10
x = x - y // x = 5

## open_github.txt
// 터미널에서 해당 위치의 github 페이지 열기

function og() {
  local repo=$(basename `git rev-parse --show-toplevel`)
  open "https://github.com/${repo}"
}

// insert .bashrc or .zshrc
// source .bashrc or .zshrc

## App.js
//Usage
import React from 'react';
import { BrowserRouter as Router } from 'react-router-dom';
import Route from './AuthRoute';

import Login from './Login';
import Private from './Private';

export default () =>
  <Router>

## gist:66b47476d2693c7ba1c10d1603040690
.thumb {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 5px;
    border: 3px solid #c99;
    background-position: center center;
    background-size: cover;
}

## gist:ee59bd2bbc6dd720cf1c671542142358
element 를 중간에 위치시키는 방법은 여러 가지가 있습니다.

element 의 너비, 높이가 고정이라면 [이건 방응형을 지원 합니다]
top: 50%; left: 50%; margin-top: -1 * height/2; margin-left: -1 * width/2;

## text_cnt.bootstrap.js
+function ($) {

  /** Work Date
   *  - 2017.03.03
   *  - Jaekwang
   */

  /** 사용 방법
   * [required]
   *  - data-comp="cnt_letters"

## hacks.js
(function() {
  try {
    var a = new Uint8Array(1);
    return; //no need
  } catch(e) { }

  function subarray(start, end) {
    return this.slice(start, end);
  }
	<html>
	<head>
	<title>CSS Transform Scale element to fit its parent</title>
	<script src="scale2fit.js"></script>
	<link rel="stylesheet" href="style.css" />
	<script>
	(function (window) {
	function main() {
	const margin = 10;
	requestAnimationFrame(function fitToParentOnResize() {
	const Github = class {
	constructor(id, repo) {
	this._base = `http://api.github.com/repos/${id}/${repo}/contents/`;
	}
	load(path) {
	const id = 'callback' + Github._id++;
	const f = Github[id] = ({data:{content}}) => {
	delete Github[id];
	document.head.removeChild(s);
	this._parser.loaded(content);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>CodeSpitz75-1</title>
	</head>
	<body>
	<section id="data"></section>
	<script>
	const Info = class {
	var x = 10;
	var y = 5;

	x = x + y // x = 15
	y = x - y // y = 10
	x = x - y // x = 5
	// 터미널에서 해당 위치의 github 페이지 열기

	function og() {
	local repo=$(basename `git rev-parse --show-toplevel`)
	open "https://github.com/${repo}"
	}

	// insert .bashrc or .zshrc
	// source .bashrc or .zshrc
	//Usage
	import React from 'react';
	import { BrowserRouter as Router } from 'react-router-dom';
	import Route from './AuthRoute';

	import Login from './Login';
	import Private from './Private';

	export default () =>
	<Router>
	.thumb {
	display: inline-block;
	width: 200px;
	height: 200px;
	margin: 5px;
	border: 3px solid #c99;
	background-position: center center;
	background-size: cover;
	}
	element 를 중간에 위치시키는 방법은 여러 가지가 있습니다.

	element 의 너비, 높이가 고정이라면 [이건 방응형을 지원 합니다]
	top: 50%; left: 50%; margin-top: -1 * height/2; margin-left: -1 * width/2;
	+function ($) {

	/** Work Date
	* - 2017.03.03
	* - Jaekwang
	*/

	/** 사용 방법
	* [required]
	* - data-comp="cnt_letters"
	(function() {
	try {
	var a = new Uint8Array(1);
	return; //no need
	} catch(e) { }

	function subarray(start, end) {
	return this.slice(start, end);
	}