YoungSik Yun ysyun

## React Lifecycle Methods
Lifecycle:                      |    Update:
Mounting and Unmounting         |    New Props or State
--------------------------------+-----------------------------------
                                |
getDefaultProps()               |    componentWillReceiveProps()*
                                |
getInitialState()               |    shouldComponentUpdate()
                                |
componentWillMount()            |    componentWillUpdate()
                                |

## webtail.py
#!/usr/bin/env python
# coding: utf-8
#
# start the server:
# python webtail.py /var/log/syslog
#
# point all your browsers to:
# http://localhost:8888


## index.html
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>GistRun</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Hello world!</h1>
  <script src="script.js"></script>

## 1-observable.js
const dom = $('#operator');
const observable = Rx.Observable.interval(1000).take(5);

// const transform = observable.map((x) => 'hello-' + 10);
// transform.subscribe((x) => dom.append('<li>' + x + '</li>'));

// const highOrderObservable = observable.map(x => Rx.Observable.of(1,2));
// highOrderObservable.subscribe((x) => {
//   x.subscribe((y) => {
//     dom.append('<li>' + y + '</li>');

## 0-multiplebyten.js
const dom = $('#operator');
const observable = Rx.Observable.interval(1000).take(5);


// function multipleBy(cb) {
//   const source = this;
//   return Rx.Observable.create( (observer) => {

//     source.subscribe((x) => {
//       const result = cb(x);

## 1-multiplyBy.js
const dom = $('#operator');
const foo = Rx.Observable.of(1, 2, 3, 4);

function multiplyByTen() {
  const sourceObs = this;
  const currentObs = Rx.Observable.create((observer) => {
    sourceObs.subscribe(
      (data) => observer.next(data * 10),
      (err) => observer.error(err),
      () => observer.complete()

## 5-1.js
let dom = document.getElementById('response');
let observable = Rx.Observable.from([10, 20]);
observable.subscribe((x) => dom.append(x + ','));

## StartingWithDocker.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ysyun
                / StartingWithDocker.md
            
            
              Created
              April 24, 2017 14:53
                — forked from duluca/StartingWithDocker.md
            
              
                Starting with Docker
              
          
    What is Docker?


Docker is an open platform for developing, shipping, and running applications.
Combines a lightweight container virtualization platform with workflows and tooling that help manage and deploy applications.

Why is Containerization Important?


Containerization allows for encapsulation of app specific configuration concerns.
Encapsulation allows for decoupling of dependencies, so each app can depend on different versions.
Simpler dependency management results in a low friction IT environment, less things to learn and break.
Low friction allows to ship code faster, test faster, deploy faster, shortening the cycle between writing code and running code.


## index.html
<div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
                <p class="device-info"></p>
</div>

## world_map.json

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ysyun
                / world_map.json
            
            
              Created
              March 8, 2017 04:51
            
              
                world_map.json
              
          
      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
	Lifecycle: \| Update:
	Mounting and Unmounting \| New Props or State
	--------------------------------+-----------------------------------
	\|
	getDefaultProps() \| componentWillReceiveProps()*
	\|
	getInitialState() \| shouldComponentUpdate()
	\|
	componentWillMount() \| componentWillUpdate()
	\|
	#!/usr/bin/env python
	# coding: utf-8
	#
	# start the server:
	# python webtail.py /var/log/syslog
	#
	# point all your browsers to:
	# http://localhost:8888
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>GistRun</title>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<h1>Hello world!</h1>
	<script src="script.js"></script>
	const dom = $('#operator');
	const observable = Rx.Observable.interval(1000).take(5);

	// const transform = observable.map((x) => 'hello-' + 10);
	// transform.subscribe((x) => dom.append('<li>' + x + '</li>'));

	// const highOrderObservable = observable.map(x => Rx.Observable.of(1,2));
	// highOrderObservable.subscribe((x) => {
	// x.subscribe((y) => {
	// dom.append('<li>' + y + '</li>');
	const dom = $('#operator');
	const observable = Rx.Observable.interval(1000).take(5);


	// function multipleBy(cb) {
	// const source = this;
	// return Rx.Observable.create( (observer) => {

	// source.subscribe((x) => {
	// const result = cb(x);
	const dom = $('#operator');
	const foo = Rx.Observable.of(1, 2, 3, 4);

	function multiplyByTen() {
	const sourceObs = this;
	const currentObs = Rx.Observable.create((observer) => {
	sourceObs.subscribe(
	(data) => observer.next(data * 10),
	(err) => observer.error(err),
	() => observer.complete()
	let dom = document.getElementById('response');
	let observable = Rx.Observable.from([10, 20]);
	observable.subscribe((x) => dom.append(x + ','));
	<div id="deviceready" class="blink">
	<p class="event listening">Connecting to Device</p>
	<p class="event received">Device is Ready</p>
	<p class="device-info"></p>
	</div>