화면을 구성할 때 중요한 Pixel Pipeline 5가지의 주요 영역에 대해서 알아봅시다.JS: DOM 요소 추가 삭제와 상관없이 시각적 변경을 초래하는 작업을 처리하는 데 사용합니다.Style: 선택자를 기반으로 어떤 요소에 CSS 규칙이 적용되는지를 파악합니다.L
자바스크립트 프레임워크로 React를 사용하든 Vue를 사용하든 Angular를 사용하든 항상 웹팩(Webpack)이라는 녀셕을 만나게 됩니다. 보통 구글링해서 겨우 필요한 설정만 바꾸면서 사용하고 했었는데 이 번에 시간을 내서 웹팩에서 대해 한 번 공부를 해보았습니다
트레이딩뷰(Trading View) 라이브러리 사용 이슈사용하는 트레이딩 뷰라이브러리 공식 웹사이트 : 영어 : https://www.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/한글 : 업그레이드
기존의 UI컴포넌트인 Tags 컴포넌트를 리팩토링하는 Task를 진행하였다.아래 기존코드를 보면 renderTag prop이 Tag컴포넌트의 children을 render하도록 작성이 되어있는데, renderTag라 함은 tag 자체를 render하는 것이 더 합리적이
기존 오픈소스 LazyLoad출처 : https://github.com/twobin/react-lazyload/blob/master/src/index.jsx위 코드를 리팩토링 하는 작업을 했다기존 소스는 class형 컴포넌트로 구성되어 있고, 클래스변수를 이용
The Standard Library contains utilities that are functionally broken but remain for legacy reasons.eslint: no-restricted-globalsWhy? The global isNaN
Arrow FunctionsClassesObject ShorthandObject ConciseObject Computed PropertiesTemplate StringsDestructuringDefault ParametersRestArray SpreadsLet and
출처 : https://github.com/airbnb/javascript#variables--no-chain-assignment
출처 : https://github.com/airbnb/javascript#variables--no-chain-assignment
출처 : https://github.com/airbnb/javascript#variables--no-chain-assignment
Instead, if you do make accessor functions, use getVal() and setVal('hello').출처 : https://github.com/airbnb/javascript#variables--no-chain-assign
eslint: id-lengtheslint: camelcaseeslint: new-capeslint: no-underscore-dangleWhy? JavaScript does not have the concept of privacy in terms of properti
eslint: no-new-wrapperseslint: radix no-new-wrappersWhy? The parseInt function produces an integer value dictated by interpretation of the contents of
eslint: semiWhy? When JavaScript encounters a line break without a semicolon, it uses a set of rules called Automatic Semicolon Insertion to determine
eslint: comma-styleeslint: comma-dangleWhy? This leads to cleaner git diffs. Also, transpilers like Babel will remove the additional trailing comma in
eslint: indenteslint: space-before-blockseslint: keyword-spacingeslint: space-infix-opseslint: eol-lasteslint: newline-per-chained-call no-whitespace-
Place single line comments on a newline above the subject of the comment. Put an empty line before the comment unless it’s on the first line of a bloc