본문 바로가기

Javascript40

[JS] Reducer? [JS] Reducer? 1234567891011// 일반 예제const nums = [1, 2, 3]let value = 0 for (let i = 0; i ac + next, 0)cs 기능적으로 동등하며 배열의 모든 숫자를 합산합니다. 그러나 약간의 패러다임이 있습니다. 가장 중요한 기능 중 하나는 Reducer는 하나의 값만 반환한다는 것입니다. 하나의 값은 숫자, 문자열, 배열 또는 객체 일 수 있지만 항상 하나뿐입니다. Reducer는 값 그룹에 약간의 로직을 적용하고 또 다른 단일 결과로 끝내는 데 특히 유용합니다. 위 영상의 각 단계별로 변화는 다음과 같습니다. 1234567891011121314151617181920212223242526272829303132// 1단계const nums =.. 2019. 1. 27.
[JS] IOS의 CLICK 버블링이 발생하지 않아요 [JS] IOS의 CLICK 버블링이 발생하지 않아요 iOS Safari는 클릭할 수 없는 HTML 요소에 이벤트 버블링이 발생하지 않아요. CSS를 이용해서 { cursor: pointer } 속성을 추가하면 이벤트를 버블링합니다. CSS cursor 속성을 모바일 해상도에만 적용하는 방법으로 우회할 수 있겠네요. Raw workarounds(원시 해결방법)1. ONCLICK : 클릭 할 수없는 요소에 onclick 이벤트를 추가하면 버블링이 발생합니다.하지만 DOM에 삽입되는 새로운 요소는 이를 지원하기 위해 추가 코드가 필요하기 때문에 이 방법은 좋은 방법이 아닙니다. 2. cursor: pointer클릭 할 수없는 요소의 CSS를 클릭하면 버블링을 발생시킬 수 있습니다. iOS가 동작을 수정할 때.. 2019. 1. 27.
[JS] GITHUB이 Jquery를 삭제하다 GITHUB이 Jquery를 삭제하다2018년 6월 GITHUB이 프론트 엔드 디펜던시로 JQUERY를 삭제 할 수 있었던 것에 대한 내용을 발췌한 글입니다. 우리는 최근 GitHub.com 프론트 엔드 코드의 종속성으로 jQuery를 삭제할 수있는 획기적인 작업을 완료했습니다. 이것은 우리가 라이브러리를 완전히 제거 할 수있을 때까지 점차적으로 jQuery에서 분리되는 장기간의 전환의 끝을 의미합니다. 이 글에서는 jQuery에 처음부터 어떻게 의존했는지, 더 이상 필요하지 않을 때 어떻게 실현했는지, 그리고 다른 라이브러리 나 프레임 워크로 대체하지 않고 표준 브라우저 API를 사용하여 필요한 모든 것을 얻을 수 있습니다. GitHub.com은 2007년 말에 jQuery 1.2.1을 의존성으로 잡았.. 2019. 1. 26.
[JS] Map vs ForEach Map vs ForEach이 글은 https://codeburst.io/javascript-map-vs-foreach-f38111822c0f의 번역내용을 다수 포함하고 있습니다. JavaScript로 작업 해왔다면, Array.prototype.map ()과 Array.prototype.forEach ()와 같이 두 가지 비슷한 Array 메서드를 발견했을 것입니다. 차이점이 무엇일까요? MDN에서 정의를 한번 살펴보도록 합니다. * forEach() — executes a provided function once for each array element.=> 배열요소마다 한 번씩 제공한 함수를 실행합니다. * map() — creates a new array with the results of call.. 2018. 8. 25.