Skip to content

Instantly share code, notes, and snippets.

View gujc71's full-sized avatar

gujc71

58 followers · 0 following
View GitHub Profile
@gujc71
gujc71 / App4.js
Last active October 27, 2018 23:11
react_board
state = {
maxNo: 3,
boards: [ ~~ 생략 ~~
}
handleSaveData = (data) => {
this.setState({
boards: this.state.boards.concat({ brdno: this.state.maxNo++, brddate: new Date(), ...data })
});
}
render() {
@gujc71
gujc71 / App3.js
Last active October 27, 2018 22:27
react_board
~~ 생략 ~~
render() {
const { boards } = this.state;
return (
<div>
<table border="1">
<tbody>
<tr align="center">
<td width="50">No.</td>
@gujc71
gujc71 / App1.js
Last active October 27, 2018 22:27
react_board
import React, { Component } from 'react';
class App extends Component {
state = {
boards: [
{
brdno: 1,
brdwriter: 'Lee SunSin',
brdtitle: 'If you intend to live then you die',
brddate: new Date()
@gujc71
gujc71 / angularSample0.html
Created February 15, 2018 15:14
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<p>Name : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
@gujc71
gujc71 / angularSample4.html
Last active February 24, 2018 14:19
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<title>Board Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
// add data : bind
var app = angular.module("myApp", []);
@gujc71
gujc71 / angularSample3.html
Last active July 4, 2020 06:10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<title>Board Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
// remove data
var app = angular.module("myApp", []);
@gujc71
gujc71 / angularSample2.html
Last active February 15, 2018 15:03
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<title>Board Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
// data list based on array
var app = angular.module("myApp", []);
@gujc71
gujc71 / angularSample1.html
Last active February 15, 2018 15:02
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
<title>Board Sample</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script>
var app = angular.module("myApp", []);
@gujc71
gujc71 / tetris.html
Last active July 16, 2017 14:41
Tetris Game
<!DOCTYPE html>
<html>
<head>
<title>Script-based animation using requestAnimationFrame</title>
</head>
<body>
<canvas id="tetrisCanvas" width="200" height="400"></canvas>
<script>
@gujc71
gujc71 / mouseControl4.html
Last active June 29, 2017 14:09
Mouse Control Example
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mouse Control Example</title>
<style>
.selector {
position: absolute;
border: 1px dotted ;
}