Skip to content

Instantly share code, notes, and snippets.

@crongro
crongro / todo.css
Last active April 18, 2018 08:00
fpstep
body > button {
margin: 2% 10%;
width: 200px;
height: 41px;
cursor: pointer;
font-size: 1.2em;
display: block;
}
.todoStatus {
@crongro
crongro / tabui_prototype_base_class.html
Created March 5, 2018 14:12
tabui_prototype_base_class.html
<html>
<header>
<link rel="stylesheet" href="tabui.css">
<style>
h2 {
text-align: center
}
h2,
h4 {
const fs = require('fs');
//functional util
const pipe = (...fns) => (value) => fns.reduce((acc, fn) => fn(acc), value);
const reduceByFun = (data) => (fun) => (initValue) => data.reduce((p,n) => fun(p,n), initValue);
//string utils
const trim = (s) => s.trim(s);
const removeNewLine = (s) => s.replace(/[\r\n]/g, '');
@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 / 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 / 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 / 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 / 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;