JavaScript 3

[JS] Array API

slice 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. const arr = [1, 2, 3, 4, 5]; console.log(arr.slice(1)); // [2, 3, 4, 5] console.log(arr.slice(1, 3)) // [2, 3] console.log(arr) // [1, 2, 3, 4, 5] splice 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. 원본 배열이 수정됩니다. const months = ['Jan', 'March', 'April', 'June']; months.splice(1, 0, 'Feb'); // 1 index에 0개 삭제 후, 'F..

JavaScript 2021.12.22

정규 표현식 정리

🌱 정규 표현식 RegExr 🌱 정규 표현식이란 Regular Expression의 약자로, 개발자라면 기본적으로 알고 있어야 할 개념입니다. 정규 표현식은 텍스트에서 특정한 패턴을 찾을 때 (예를 들어, 전화번호 / 이메일 / 해시태그 등) 유용하게 쓰일 수 있습니다. 아래는 정규 표현식에서 자주 쓰이는 표현식들입니다. Gropus and ranges | 또는 () 그룹 [] 괄호 안의 문자 무엇이든 [^] 괄호 안의 문자 제외 (?:) 찾지만 기억하지 않음 Quantifiers ? 없거나 하나 이거나 * 없거나 하나 이상 + 하나 이상 {n} n번 반복 {min,} 최소 {min, max} 최소 그리고 최대 Boundary Type \b 단어 경계 \B 단어 경계 아님 ^ 단어의 시작 $ 단어의 끝 ..

JavaScript 2021.06.02

[asyn vs defer] HTML에서 JavaScript 파일 포함하기

🤷🏻‍♀️ JavaScript 파일을 어떻게 포함하는 것이 더 효율적일까? HTML 문서의 head 안에서 js 파일을 포함시킬 때 asyn 또는 defer 키워드와 함께 작성할 수 있습니다. asyn와 defer 각 의미와 이 둘의 차이점을 알아보고, 어느 것을 사용하는 것이 더 효율적일지 알아 봅시다. 💡 asyn 브라우저가 HTML 문서를 파싱(parsing: 한 줄씩 분석하는 것)하다가 asyn 키워드를 만나면 자바스크립트 파일을 다운로드(fetch)하도록 명령합니다. 그리고 HTML 문서를 이어서 파싱하다가 자바스크립트 파일이 다운로드되면 HTML 문서 파싱을 멈추고 자바스크립트 파일을 실행한 뒤, 다시 HTML 문서를 파싱합니다. asyn 키워드는 HTML 문서의 파싱이 완료되기 전에 자바스크..

JavaScript 2021.03.05
반응형