Skip to content

Instantly share code, notes, and snippets.

@crongro
crongro / tabui.html
Created February 3, 2018 07:27
tabui_base_code
<html>
<header>
<link rel="stylesheet" href="tabui.css">
<style>
h2 {
text-align: center
}
h2,
h4 {
@crongro
crongro / examples.scss
Created January 14, 2018 08:20
scss_examples
$nav-color: #3e3;
$my-point: #328;
@mixin display-grid() {
display: -ms-grid;
display: grid;
}
@mixin transition($target, $time) {
-webkit-transition: $target $time;
@crongro
crongro / pari_1207.js
Last active January 15, 2018 03:43
pari_1207.js
/* 아래처럼 동작가능한 partial 함수를 만들어보세요 */
//add함수는 n개의 인자를 받아서 합을 계산해주는 함수다.
function add() {
let arg = Array.from(arguments);
//reduce는 Array안에 있는 메서드다.
let sum = arg.reduce(function(prev,next) {
return prev+next;
},0);
return sum;
@crongro
crongro / banner.html
Last active July 16, 2017 04:21
Banner slide of baemin
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>배달의민족 슬라이딩~</title>
<style>
.main_slides_wrap {
text-align: center;
@crongro
crongro / o.js
Last active November 4, 2020 07:14
object ex
const data = {
"debug": "on",
"window": {
"title": "Sample Konfabulator Widget",
"name": "main_window",
"width": 500,
"height": 500
},
"image": {
"src": "Images/Sun.png",
@crongro
crongro / json_tree.js
Last active April 5, 2020 09:48
json_tree
[{
"id": 1,
"name": "Yong",
"phone": "010-0000-0000",
"type": "sk",
"childnode": [{
"id": 11,
"name": "echo",
"phone": "010-0000-1111",
"type": "kt",
@crongro
crongro / 0626.mvc.step2.js
Last active June 26, 2017 07:51
0626.mvc.step2
/* DISPATCHER */
class Dispatcher {
register(fnlist) {
this.fnlist = fnlist;
}
emit(o) {
this.fnlist[o.type].apply(null, o.data);
}
}
@crongro
crongro / main.css
Created June 25, 2017 16:42
web-adv-sk-6.26-step1
.controller {
margin: 1rem;
}
.controller button.start {
width: 200px;
height: 50px;
font-size: 1.1rem;
}
.blogList {
overflow: hidden;
@crongro
crongro / main.css
Created June 25, 2017 16:42
web-adv-sk-6.26-step1
.controller {
margin: 1rem;
}
.controller button.start {
width: 200px;
height: 50px;
font-size: 1.1rem;
}
.blogList {
overflow: hidden;
@crongro
crongro / requestIdleCallback_example.js
Last active May 15, 2017 05:46
requestIdleCallback example
//Forked -> https://developers.google.com/web/updates/2015/08/using-requestidlecallback
var tasks = [1,2,3,4];
function myNonEssentialWork (deadline) {
console.log("myNonEssentialWork called", deadline.timeRemaining());
let result="";
while (deadline.timeRemaining() > 0 && tasks.length > 1) {
for(let i=0; i<999999; i++) {result += Math.random()}