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
JaeYeopHan / what-forces-layout.md
Created Mar 21, 2017 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.
View what-forces-layout.md

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.

Element

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
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
JaeYeopHan / kr_won_to_backquote.sh
Created May 4, 2017 — forked from redism/kr_won_to_backquote.sh
macOS Sierra에서 원화(₩) 대신 백 쿼트(`) 입력하기
View kr_won_to_backquote.sh
#!/bin/bash
if [ -f ~/Library/KeyBindings/DefaultkeyBinding.dict ]; then
echo "~/Library/KeyBindings/DefaultkeyBinding.dict already exists"
exit -1
fi
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
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 (
<div>
</div>
);
};
export default componentName;
@JaeYeopHan
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__());
View test_template.java
@Test
public void test() {
assertThat(testFunction(), is(""));
}
public String testFunction() {
return "";
}
@JaeYeopHan
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
JaeYeopHan / .gitconfig
Last active Sep 25, 2017
Git command alias
View .gitconfig
[user]
name = JaeYeopHan
email = ljyhanll@gmail.com
[color]
status = auto
branch = auto
diff = auto
ui = auto
You can’t perform that action at this time.