Javascript
-
[JS] Reducer?Javascript 2019. 1. 27. 21:54
[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 =..
-
[JS] IOS의 CLICK 버블링이 발생하지 않아요Javascript 2019. 1. 27. 16:52
[JS] IOS의 CLICK 버블링이 발생하지 않아요 iOS Safari는 클릭할 수 없는 HTML 요소에 이벤트 버블링이 발생하지 않아요. CSS를 이용해서 { cursor: pointer } 속성을 추가하면 이벤트를 버블링합니다. CSS cursor 속성을 모바일 해상도에만 적용하는 방법으로 우회할 수 있겠네요. Raw workarounds(원시 해결방법)1. ONCLICK : 클릭 할 수없는 요소에 onclick 이벤트를 추가하면 버블링이 발생합니다.하지만 DOM에 삽입되는 새로운 요소는 이를 지원하기 위해 추가 코드가 필요하기 때문에 이 방법은 좋은 방법이 아닙니다. 2. cursor: pointer클릭 할 수없는 요소의 CSS를 클릭하면 버블링을 발생시킬 수 있습니다. iOS가 동작을 수정할 때..
-
[JS] GITHUB이 Jquery를 삭제하다Javascript 2019. 1. 26. 19:12
GITHUB이 Jquery를 삭제하다2018년 6월 GITHUB이 프론트 엔드 디펜던시로 JQUERY를 삭제 할 수 있었던 것에 대한 내용을 발췌한 글입니다. 우리는 최근 GitHub.com 프론트 엔드 코드의 종속성으로 jQuery를 삭제할 수있는 획기적인 작업을 완료했습니다. 이것은 우리가 라이브러리를 완전히 제거 할 수있을 때까지 점차적으로 jQuery에서 분리되는 장기간의 전환의 끝을 의미합니다. 이 글에서는 jQuery에 처음부터 어떻게 의존했는지, 더 이상 필요하지 않을 때 어떻게 실현했는지, 그리고 다른 라이브러리 나 프레임 워크로 대체하지 않고 표준 브라우저 API를 사용하여 필요한 모든 것을 얻을 수 있습니다. GitHub.com은 2007년 말에 jQuery 1.2.1을 의존성으로 잡았..
-
[JS] Map vs ForEachJavascript 2018. 8. 25. 13:59
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..
-
[JS] 8번째 데이터 타입 BigIntJavascript 2018. 6. 7. 15:33
8번째 데이터 타입 BigIntBigInt는 임의의 정밀도로 정수를 나타낼 수있는 JavaScript의 새로운 숫자 데이터형입니다. BigInt를 사용하면 숫자에 대한 안전한 정수 제한을 초과하여 큰 정수를 안전하게 저장하고 조작 할 수 있습니다. Chrome 67의 새로운 기능으로 최근에 업데이트 되었습니다. 사용사례BigInt를 사용하면 오버플로없이 정수 연산을 올바르게 수행 할 수 있습니다. 그것은 그 자체로 수많은 새로운 가능성을 가능하게합니다. 많은 수의 수학 연산은 금융 기술에서 일반적으로 사용됩니다. 큰 정수 ID와 고정밀 타임 스탬프는 JavaScript에서 숫자로 표시할 수 없었습니다.이로 인해 실제 버그가 생겨 문자열로 변환해서 표현합니다.BigInt를 사용하면이 데이터를 숫자 값으로 ..
-
[jQuery] $.grep 과 $.mapJavascript 2018. 5. 29. 19:00
$.grep 과 $.map이번 글에서는 jQuery에서 제공하는 두 개의 배열 유틸리티인 $.grep ()과 $.map () 사이의 차이점에 대해 포스팅 할 것입니다. 사실 $.grep 함수는 배열을 필터링하고 필터링 된 배열을 반환하지만, $.map은 단순히 배열의 각 항목에 함수를 적용하여 수정 된 배열을 반환합니다. 우선,이 기능들은 매우 다릅니다. 주요 차이점은 다음과 같습니다. $.grep()123456$.grep(array, function(index, value) { //... });Colored by Color Scriptercs 첫 번째 매개변수인 array의 경우에는 필터링을 할 배열입니다.두 번째 매개변수인 index는 각 배열 항목의 숫자 인덱스입니다.세 번째 매개변수인 value는..
-
함수 선언식 && 표현식 && 호이스팅Javascript 2018. 4. 17. 16:14
함수 선언식 && 표현식 && 호이스팅함수 선언식12345678//Function Declaration(함수 선언식) function FunctionalDeclare(){ return 'My name is Function Declaration';}FunctionDeclare(); // Feed == > 'My name is Function Declaration' Colored by Color Scriptercs 함수 선언은 함수의 정의를 나타내는 문장으로 해석된다.따라서 코드해석에 따른 수행결과가 존재하지 않는다는 의미이기도 하다.Statement라는 개념을 잘 잡고 가야하는데, 함수 선언문이 Statement라고 하는 말은 곧 코드 블럭 자체는 실행가능한 코드가 아니라는 것이다. 콘솔에서 아무리 실행해..
-
ES 2017 및 ES 2018에 대한 새로운 기능 (1)Javascript 2018. 4. 15. 18:21
ES 2017과 ES 2018ES6가 나왔다고 다들 화살표 함수에 탄성을 자아내던 때도 금방 뒤로하고 자바스크립트는 기다릴줄 모르고 빠르게 달리고 있다. ES7과 ES8은 이제 또 한번 새로운 기능을 지니고 JS 개발자들에게 리뷰를 요구하고 있다.점점, 공부하기도 빠듯하고, 새로운 기능에 대한 예제도 잘 찾아볼 수 없는 상황이다. 그러던 중 하단 출처에서 발견한 18가지 새로운 기능에 대한 가이드는 매우 좋은 자료라고 할 수 있다. ES6을 물론 바탕으로 하여 새로운 기능을 확장시키는 개념이기 때문에 ES6까지의 선행학습은 필수라고 생각한다.필자도 그렇게 ES3 이후에 자기계발에 LAZY한 상태로 지내왔기 때문에 더더욱 지금 빠르게 변화하는 ES에 상당히 거부감을 느끼고 있다. ㅎㅎ 우선 ES7ES7(E..