앜스토리 | 호기심 많은 개발자의 보물창고

Following standard naming conventions increases readability and makes it easier to understand your code. However, many developers are not aware of how to use naming conventions correctly, and sometimes they make things complicated. In this article, I will discuss 10 JavaScript naming convention best practices you should follow. 1. Naming Convention for Variables JavaScript variable names are cas..

1. 객체의 데이터 유형 결정 함수 myType(유형) { 반환 Object.prototype.toString.call(유형).slice(8, -1); Object.prototype.toString다른 판단 기능, 간결하고 우아하고 유연한 한 줄의 코드를 반환하기 위해 다양한 유형의 판단을 전달하여 사용 합니다. 2. 배열 맵 방법을 통해 루프 map두 번째 인수가 첫 번째 인수에서 이것을 가리킨다는 점 은 주목할 가치가 callback있습니다. 첫 번째 인수가 인 경우 두 번째 인수 arrow function의 설정은 의 어휘적 바인딩 때문에 유효하지 않습니다.arrow function 3. 배열 필터 방법을 통해 루프 4. reduce배열 필터 방법을 구현하는 데 사용 5. 배열의 몇 가지 방법을 통..

Resource https://joji.me/en-us/blog/processing-huge-files-using-filereader-readasarraybuffer-in-web-browser/ Processing huge files using FileReader.readAsArrayBuffer() in web browser The FileReader API in HTML5 allows web browsers to access user files without uploading the files to the web servers. It not only lightens the load of web server but also saves the time of uploading files. It is very..

JavaScript에는 많은 강력한 기능을 수행하는 한 줄의 코드에 대한 많은 예가 있습니다. 개인적으로 항상 사용하는 10가지 JavaScript 한 줄짜리 모음을 살펴보겠습니다. 이 목록에 아직 알지 못하는 몇 가지 단일 라이너가 있기를 바랍니다. 1. 객체 배열 정렬 특정 속성을 기반으로 객체 배열을 정렬하는 방법을 아는 것은 데이터를 특정 순서로 렌더링할 때 유용할 수 있습니다. 알파벳 순서에 따라 페이지에 결과를 렌더링하려고 한다고 가정해 보겠습니다. 배열을 정렬하는 코드를 작성할 수 있는 몇 가지 방법이 있지만 JavaScript에서는 이 작업을 매우 쉽게 수행할 수 있습니다. 모든 예제에서 우리는 JavaScript의 정렬 방법을 사용합니다. 첫 번째 예는 화살표 함수를 사용합니다. cons..

일상적인 문제에 유용한 12가지 자바스크립트 스니펫 웹 개발자로서 일상적인 문제를 해결하고 시간을 절약하며 코드를 최적화하는 12가지 유용한 JavaScript 스니펫. 이 기사에서는 모든 웹 개발자에게 유용한 12가지 JavaScript 스니펫을 보여 드리겠습니다. 여기에서 배우는 모든 것은 개발 속도를 높이고 귀중한 시간을 절약할 것입니다! 1. 과제 파기 JavaScript에서는 소멸 메서드를 사용하여 배열의 값을 풀고 다른 변수에 할당할 수 있습니다. 2. 배열에서 객체 찾기 JavaScript find() 메서드는 특정 객체를 찾기 위해 배열을 검색하는 데 사용할 수 있습니다. 3. 문자열 반전 다음 스니펫을 사용하여 루프를 사용하지 않고 문자열을 반전할 수 있습니다. 4. 자리 표시자가 있는 ..

Shuffle an Array Shuffling an array is super easy with sort and random methods. const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random());console.log(shuffleArray([1, 2, 3, 4])); // Result: [ 1, 4, 3, 2 ] Check if Date is Valid Use the following snippet to check if a given date is valid or not. const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf());isDateValid("Decembe..

소개 Transpilers 또는 소스 대 소스 컴파일러는 한 프로그래밍 언어로 작성된 소스 코드를 읽고 다른 언어로 동등한 코드를 생성하는 도구입니다. JavaScript로 변환하는 언어는 종종 compile-to-JS 언어라고 하며 JavaScript 를 대상 으로 한다고 합니다 . 아, 그리고 사람들이 "컴파일[r]"과 "트랜스파일[r]"을 같은 의미로 사용하는 경향이 있지만 이 기사에서는 후자를 선호합니다. CoffeeScript 와 TypeScript 에 대해 들어보셨을 것입니다 . CoffeeScript는 아직 JavaScript에 고유하지 않은 여러 기능에 대한 구문 설탕을 제공 하는 동시에 JavaScript의 "나쁜 부분" 중 일부 를 억제 합니다. TypeScript는 근본적으로 다른 언..

1. indexOf var stringVal = "javascript", substring = "java"; stringVal.indexOf(substring) !== -1; javascript의 기본객체인 string의 indexOf를 이용하는 방법 포함하고 있는 문자의 인덱스를 반환한다. 만약 문자를 가지고 있지 않으면 -1을 반환한다. 2. includes(ES6이상 에서 적용 가능) var stringVal = "javascript", substring = "java"; stringVal.includes(substring); ES6에서 포함된 string의 includes 함수를 이용하는 방법 포함하고 있는 문자가 있으면 true, 없으면 false를 반환한다. 자세한 사항은 모질라페이지에서 3...

다른 사람이 실제로 브라우저의 소스 보기 명령에서 보고 있는 코드인 귀하의 질문에 직접 답변했는지 확신할 수 없습니다. 다른 사람들이 말했듯이 결정된 뷰어로부터 브라우저에서 실행되도록 의도된 자바스크립트를 보호할 방법이 없습니다. 브라우저에서 실행할 수 있는 경우 결정된 모든 사람도 이를 보고 실행할 수 있습니다. 그러나 다음과 함께 포함된 외부 자바스크립트 파일에 자바스크립트를 넣으면: 태그를 추가하면 자바스크립트 코드가 소스 보기 명령으로 즉시 표시되지 않고 스크립트 태그 자체만 그렇게 표시됩니다. 그렇다고 누군가가 외부 자바 스크립트 파일을 로드하여 볼 수 없다는 의미는 아니지만 브라우저의 소스 보기 명령에서 파일을 유지하는 방법을 물었고 이렇게 하면 됩니다. 소스를 보기 위해 더 많은 작업을 수행..

0. 마우스 이벤트의 종류 1. click - 사용자해 해당 element를 클릭했을 때(버튼을 눌렀다가 떼었을 때) 발생 합니다. 2. mousedown - 사용자가 해당 element에서 마우스 버튼을 눌렀을 때 발생합니다. 3. mouseup - 사용자가 해당 element에서 눌렀던 마우스 버튼을 떼었을 때 발생합니다. 4. dblclick - 사용자가 해당 element에서 마우스 버튼을 더블 클릭했을 때 발생합니다. 5. mousemove - 사용자가 해당 element에서 마우스를 움직였을 때 발생합니다. 6. mouseover - 사용자가 마우스를 해당 element 바깥에서 안으로 옮겼을 때 발생합니다. 7. mouseout - 사용자가 마우스를 해당 element 안에서 바깥으로 옮겼을..