Skip to content

Instantly share code, notes, and snippets.


Jbee JaeYeopHan

Block or report user

Report or block JaeYeopHan

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.