Front End Develop Front End Develop

In its current state, there is no "direct” way to create a private variable in JavaScript. -> 현재 상태에서 자바스크립트 private 변수를 (은닉화) 만드는 "직접적인" 방법은 없습니다. In other languages, you can use the private keyword or double-underscores and everything works, -> 다른 언어에서, private 키워드(자바 등) 또는 __ 이중 underscore 를 사용하는 등의 방법을 사용할 수 있지만 but variable privacy in JavaScript carries characteristics that make it seem mor..

이 글은 하단 출처에서 발췌하여 필요한 부분만 따로 정리한 글입니다. 이미 지연 로딩이 실행되는 것을 본 적이 있을 것입니다. 지연 로딩은 다음과 같이 진행됩니다. 페이지에 도달하여 콘텐츠를 읽으면서 스크롤을 시작합니다. 특정 지점에서 자리표시자 이미지를 표시 영역으로 스크롤합니다. 자리표시자 이미지가 순간 최종 이미지로 교체됩니다. 현대의 브라우저는 Intersection observer API를 통해 요소 확인 작업을 수행하는 더욱 우수하고 효율적인 방식을 제공합니다. document.addEventListener("DOMContentLoaded", function() { var lazyImages = [].slice.call(document.querySelectorAll("img.lazy")); i..

ES6 (also known as ECMAScript 2015) has major changes over JavaScript’s syntax and brings new features that didn’t exist before. → ES6는 (또한 에크마2015로 알려진) 자바스크립트 문법에 있어 큰 변화를 겪고, 이전에 없던 새로운 기능들을 보여줍니다. ES6 is important to learn because one reason is that, it makes JavaScript better and easier to write, and also ES6 is being used together with today’s modern web technologies like React, Node.js an..

[JS] IOS의 CLICK 버블링이 발생하지 않아요 iOS Safari는 클릭할 수 없는 HTML 요소에 이벤트 버블링이 발생하지 않아요. CSS를 이용해서 { cursor: pointer } 속성을 추가하면 이벤트를 버블링합니다. CSS cursor 속성을 모바일 해상도에만 적용하는 방법으로 우회할 수 있겠네요. Raw workarounds(원시 해결방법)1. ONCLICK : 클릭 할 수없는 요소에 onclick 이벤트를 추가하면 버블링이 발생합니다.하지만 DOM에 삽입되는 새로운 요소는 이를 지원하기 위해 추가 코드가 필요하기 때문에 이 방법은 좋은 방법이 아닙니다. 2. cursor: pointer클릭 할 수없는 요소의 CSS를 클릭하면 버블링을 발생시킬 수 있습니다. iOS가 동작을 수정할 때..

GITHUB이 Jquery를 삭제하다2018년 6월 GITHUB이 프론트 엔드 디펜던시로 JQUERY를 삭제 할 수 있었던 것에 대한 내용을 발췌한 글입니다. 우리는 최근 GitHub.com 프론트 엔드 코드의 종속성으로 jQuery를 삭제할 수있는 획기적인 작업을 완료했습니다. 이것은 우리가 라이브러리를 완전히 제거 할 수있을 때까지 점차적으로 jQuery에서 분리되는 장기간의 전환의 끝을 의미합니다. 이 글에서는 jQuery에 처음부터 어떻게 의존했는지, 더 이상 필요하지 않을 때 어떻게 실현했는지, 그리고 다른 라이브러리 나 프레임 워크로 대체하지 않고 표준 브라우저 API를 사용하여 필요한 모든 것을 얻을 수 있습니다. GitHub.com은 2007년 말에 jQuery 1.2.1을 의존성으로 잡았..

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..

8번째 데이터 타입 BigIntBigInt는 임의의 정밀도로 정수를 나타낼 수있는 JavaScript의 새로운 숫자 데이터형입니다. BigInt를 사용하면 숫자에 대한 안전한 정수 제한을 초과하여 큰 정수를 안전하게 저장하고 조작 할 수 있습니다. Chrome 67의 새로운 기능으로 최근에 업데이트 되었습니다. 사용사례BigInt를 사용하면 오버플로없이 정수 연산을 올바르게 수행 할 수 있습니다. 그것은 그 자체로 수많은 새로운 가능성을 가능하게합니다. 많은 수의 수학 연산은 금융 기술에서 일반적으로 사용됩니다. 큰 정수 ID와 고정밀 타임 스탬프는 JavaScript에서 숫자로 표시할 수 없었습니다.이로 인해 실제 버그가 생겨 문자열로 변환해서 표현합니다.BigInt를 사용하면이 데이터를 숫자 값으로 ..

$.grep 과 $.map이번 글에서는 jQuery에서 제공하는 두 개의 배열 유틸리티인 $.grep ()과 $.map () 사이의 차이점에 대해 포스팅 할 것입니다. 사실 $.grep 함수는 배열을 필터링하고 필터링 된 배열을 반환하지만, $.map은 단순히 배열의 각 항목에 함수를 적용하여 수정 된 배열을 반환합니다. 우선,이 기능들은 매우 다릅니다. 주요 차이점은 다음과 같습니다. $.grep()123456$.grep(array, function(index, value) { //... });Colored by Color Scriptercs 첫 번째 매개변수인 array의 경우에는 필터링을 할 배열입니다.두 번째 매개변수인 index는 각 배열 항목의 숫자 인덱스입니다.세 번째 매개변수인 value는..