전체 글109 배열일까? 아닐까? 유사 배열 객체 목차1. 유사 배열객체란?2. 무슨 차이일까?3. 유사배열 객체에 어떤 것이 있을까?4. 배열로 변환하기 1. 유사 배열 객체란?배열처럼 인덱스를 통해 요소에 접근할 수 있는 객체 js에서 DOM을 제어하다가 보면 여러 요소를 선택하여 어떤 동작을 할 때가 있다. 배열처럼 여러 요소를 가지고 있는 요소를 제어할 때면 배열에 관한 메서드를 사용하려 했지만 잘 안되는 경우가 있었을 것이다. 왜 그랬는지 알아보자.첫번째 요소두번째 요소세번째 요소네번째 요소다섯번째 요소querySelectorAll을 사용하여 요소들을 선택하면 이렇게 배열의 모습으로 HTML요소를 가져올 수 있다. 이와 같은 형태는 우리가 흔히 알고 있는 배열과 유사하지만 실상은 요소를 의 주소를 가지고 있는 키와 값으로 이루어진 객체이다. 그.. 2024. 5. 9. 전략 패턴 목차1. 전략패턴이란?2. 장점1. 전략패턴이란알고리즘을 캡슐화하고 해당 알고리즘을 사용하는 클라이언트와 분리하는 객체지향 디자인 패턴 중 하나 간단하게 말하자면 서로 다르게 동작할 클래스를 나누어 사용하고 필요할 때마다 수정,삭제, 추가할 수 있는 방법이다. 2. 장점전략 패턴을 사용하면 알고리즘이나 동작이 변경되어야 할 때 해당 변경을 컨텍스트 클래스에서 분리할 수 있습니다. 전략을 변경하거나 추가함으로써 동작을 유연하게 조정할 수 있다 또한, 코드의 재사용성이 증가하고 유지보수가 용이해질 수 있다.전략 패턴을 사용한 간단한 예시를 들어보겠다 ex)//전략class StudyDef { introduce() { };}//구체적인 전략class EnglishClass extends StudyDef.. 2024. 5. 8. 클로저 목차1. 클로저란?2. 장점1. 클로저란?주변 상태(어휘적 환경)에 대한 참조와 함께 묶인(포함된) 함수의 조합정의는 어려워보이지만 쉽게 말하자면 어떤 함수의 내부에 정의된 다른 함수가 상위 스코프의 변수나 매개변수를 참조하는 내부함수를 클로저라고 한다. 2. 장점클로저는 사용하기에 복잡해 보인다. 그렇다면 이 복잡한 것을 무슨 이유에서 사용하는 것일까?1) 정보은닉과 캡슐화외부함수의 변수를 참조하는 내부함수를 반환받아 사용하므로써 외부함수의 변수에 직접 접근하지 못한다. function Num1() { let str = "클로저입니다."; return function Num2(newStr) { console.log(`수정 전 : ${str}, 수정 후.. 2024. 5. 7. 비동기 시간함수 목차1. setTimeout2. setInterval1. setInterval설정한 시간마다 콜백함수를 반복해서 수행하는 시간함수setInterval은 설정한 시간(밀리초)마다 콜백함수를 반복한다. 주로 타이머나 주기마다 반복 수행해야할 기능이 있을 때 사용한다.//문법setInterval(콜백함수,설정시간)ex)let num = 1;setInterval(()=>{ console.log(num+"번 함수수행"); num++; },3000)/* 1번 함수수행 2번 함수수행 3번 함수수행 ...*/설정하는 시간이 밀리초이기에 위 코드에서 설정된 시간은 3000/1000 = 3초로 설정된 시간마다 콘솔에 몇 번 수행되는지 표시된다.2.setTimeout설정한 시간이 지난 .. 2024. 5. 6. 이전 1 ··· 16 17 18 19 20 21 22 ··· 28 다음