Skip to content

Instantly share code, notes, and snippets.

Out of box, Pay it forward

Jbee JaeYeopHan

Out of box, Pay it forward
View GitHub Profile
JaeYeopHan /
Created Mar 21, 2017 — forked from paulirish/
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.


Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()
JaeYeopHan / debug.log
Created Mar 30, 2017
Enter `webpack -d` command
View debug.log
ERROR in ./~/websocket/package.json
Module parse failed: /Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/websocket/package.json Unexpected token (2:9)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (2:9)
at Parser.pp$4.raise (/Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15)
at Parser.pp.unexpected (/Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10)
at Parser.pp.semicolon (/Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/webpack/node_modules/acorn/dist/acorn.js:581:61)
at Parser.pp$1.parseExpressionStatement (/Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/webpack/node_modules/acorn/dist/acorn.js:966:10)
at Parser.pp$1.parseStatement (/Users/Naver/dev/mapia/2017-01-HUDI-MAC-CHAR/WEB-MAC-CHAR/node_modules/webpack/node_modules/acorn/dist/acorn.
JaeYeopHan /
Created May 4, 2017 — forked from redism/
macOS Sierra에서 원화(₩) 대신 백 쿼트(`) 입력하기
if [ -f ~/Library/KeyBindings/DefaultkeyBinding.dict ]; then
echo "~/Library/KeyBindings/DefaultkeyBinding.dict already exists"
exit -1
mkdir -p ~/Library/KeyBindings
cat << EOF > ~/Library/KeyBindings/DefaultkeyBinding.dict
"₩" = ("insertText:", "\`");
View react_component_template.js
import React, { Component } from 'react';
import PropTypes from 'prop-types';
const propTypes = {
const defaultProps = {
View .editorconfig
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4
JaeYeopHan / live_template_rsc.js
Created May 9, 2017
react_functional_component template [rsc]
View live_template_rsc.js
import React from 'react';
const componentName = () => {
return (
export default componentName;
JaeYeopHan / index.js
Created May 10, 2017
setting redux devtool
View index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './containers/App';
import './index.css';
import {createStore} from 'redux';
import reducers from './reducers';
import {Provider} from 'react-redux';
const store = createStore(reducers, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
public void test() {
assertThat(testFunction(), is(""));
public String testFunction() {
return "";
JaeYeopHan / .eslintrc.js
Created Jun 2, 2017 — forked from nkbt/.eslintrc.js
Strict ESLint config for React, ES6 (based on Airbnb Code style)
View .eslintrc.js
"env": {
"browser": true,
"node": true,
"es6": true
"plugins": ["react"],
"ecmaFeatures": {
JaeYeopHan / .gitconfig
Last active Sep 25, 2017
Git command alias
View .gitconfig
name = JaeYeopHan
email =
status = auto
branch = auto
diff = auto
ui = auto
You can’t perform that action at this time.