Skip to content

Instantly share code, notes, and snippets.

View sangkukbae12's full-sized avatar
🎯
Focusing

ben sangkukbae12

🎯
Focusing
View GitHub Profile
function test() {
const data = [
['오백삼십조칠천팔백구십만천오백삼십구', '삼조사천이만삼천구'],
['육십사억삼천십팔만칠천육백구', '사십삼'],
['구백육십조칠천억팔천백삼십이만칠천일', '사십삼조오천이백억육천구백십만일'],
['이천구백육십조천오백칠십만삼천구백구십', '삼천사백오십조일억이천만육백사십삼'],
['사십오억삼천육십만오백구십', '칠십억천이백삼십오만칠천구십이'],
['천백십일', '구천오백구십구'],
['오억사천', '백십일'],
['만오천사백삼십', '십구만삼천오백'],
@sangkukbae12
sangkukbae12 / test1.js
Last active July 24, 2021 09:54
test1
const args = process.argv.slice(2);
sumTwoNum(args[0], args[1])
function sumTwoNum(str1, str2) {
if (str1.length > str2.length) {
[str1, str2] = [str2, str1]
}
let str = ""
@sangkukbae12
sangkukbae12 / hoc_render_props_hooks.js
Created May 18, 2020 12:45
react state injection history
// HOCs
function WithCount(Component) {
return class withCount extends React.Components {
state = { count: 0 }
increment = () => {
this.setState((state) => ({ count: state.count + 1 }))
}
decrement = () => {
this.setState((state) => ({ count: state.count - 1 }))
}
@sangkukbae12
sangkukbae12 / react_useContext_useReducer.js
Created May 17, 2020 00:34
How to use React Context effectively
import React from 'react'
const CountStateContext = React.createContext()
const CountDispatchContext = React.createContext()
function countReducer(state, action) {
switch (action.type) {
case 'increment': {
return {count: state.count + 1}
}
case 'decrement': {
return {count: state.count - 1}
@sangkukbae12
sangkukbae12 / javascript_lodash.js
Created May 15, 2020 23:21
Pure JavaScript Functions as a Replacement for Lodash
// 1. find
const users = [
{ 'user': 'joey', 'age': 32 },
{ 'user': 'ross', 'age': 41 },
{ 'user': 'chandler', 'age': 39 }
]
// Native
users.find(function (o) { return o.age < 40; })
@sangkukbae12
sangkukbae12 / javascript_generator.js
Created May 15, 2020 22:46
Generators in JavaScript
// 1. Use the Default Iterator from an Array
const abcs = ["A", "B", "C"]
const createIterator = abcs[Symbol.iterator].bind(abcs)
const iterator = createIterator()
for (const i of iterator) {
console.log(i)
}
@sangkukbae12
sangkukbae12 / javascript_reduce.js
Created May 15, 2020 13:41
Reduce Data with Javascript Array
// 1. Transform an Array into a Single Value using Reduce
var data = [15, 3, 20];
var reducer = function(accumulator, item) {
return accumulator + item;
};
var initialValue = 0;
var total = data.reduce(reducer, initialValue);
@sangkukbae12
sangkukbae12 / javascript_arrays.js
Created May 14, 2020 03:55
understand javascript arrays
// 1. Use Concat to Add Values to an Array
// Array.prototype.concat();
var people = [
{
name: 'Shane'
},
{
name: 'Sally'
}
];
@sangkukbae12
sangkukbae12 / javascript_promise.js
Created May 14, 2020 00:55
JavaScript Promises in Depth
// 1. Create a Promise Chain in JavaScript with Promise.prototype.then()
const API_URL = "https://starwars.egghead.training/";
const output = document.getElementById("output");
function getFilmTitles(films) {
return films
.slice()
.sort((a, b) => a.episode_id - b.episode_id)
.map(film => `${film.episode_id}. ${film.title}`)
.join("\n");
@sangkukbae12
sangkukbae12 / generator.js
Created May 13, 2020 23:57
Write simple asynchronous code with JavaScript generators
// 1. Use JavaScript (ES6) generators to pause function execution
function* createLogger() {
console.log('Start')
yield
console.log('Second block')
yield
console.log('Third block')
yield
console.log('End')
}