일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- chromatic
- importOrder
- vscode
- 프로젝트 카페인
- 자바스크립트
- css instead of js
- JavaScript
- 클린코드
- git hooks
- 우테코
- eslint 자동화
- prettier 자동화
- 프로젝트
- 클로저
- eslint에러 자동fix
- 이슈번호자동화
- react
- string-width
- 크로마틱
- 협업
- 성능 베이스캠프
- CSS
- 카페인
- storybook
- import정리
- 우아한테크코스
- 유틸함수
- webpack
- Husky
- IDL attributes
- Today
- Total
목록JavaScript (2)
FEB:)DAIN
- 클로저를 설명하기에 앞서, 클로저는 하나의 어떤 것을 정의하는 개념이 아니기 때문에 사람마다 말하는 클로저가 다를 수 있다. 1. 함수의 주변 상태(렉시컬 환경)에 대한 참조를 같이 가지고 있는 함수는 클로저다. 즉 (new Function을 제외한) 모든 함수가 클로저라고 할 수 있다. (= 자바스크립트의 클로저) A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an..
❗아래 방법들을 이용해 코드 양을 줄여 코드 가독성을 조금이나마 높일 수 있다. 1. 구조 분해 할당 (destructuring assignment) 구조 분해 할당 배열이나 객체의 속성을 해체하여 변수에 할당하는 자바스크립트 표현식 const { hi, hello } = greetings; console.log(hi, hello); // console.log(greetings.hi, greetings.hello); const getValue = ({ target: { value } }) => value; /* const getValue = (event) => event.target.value; */ const getTarget = ({ target }) => target; /* const getTarg..