MapleStory Finger Point
상속 체인
·
🦎 JavaScript/JavaScript
클래스들 사이에서 "누가 누구의 특성과 기능을 물려받는지"를 타나내는 관계의 연결고리ex모든 노드가 기본 클래스인 Node로부터 상속받는다고 하면,Node는 가장 위에 있는 부모 클래스가 된다.그런데 만일 어떤 클래스가 Node로부터 상속받은 후, 그 클래스에서 또 다른 클래스를 만들어 기능을 추가하거나 수정한다면, 두 클래스 사이에도 상속 관계가 형성된다.이처럼 여러 단계로 이어진 상속 관계 전체를 상속체인이라고 한다. 상속체인은 클래스가 자신의 기능을 재상용하고 확장하기 위해 어떤 순서로(어떤 "가족" 관계로) 연결되어 있는지를 보여주는 일종의 계보 역할이라고 할 수 있다.  Node: 모든 클래스의 근간이 되는 최상위 클래스  Intermediate Node: Node로부터 상속받아 기능을 확장한 ..
[JS] DOM조작
·
🦎 JavaScript/JavaScript
[JS] 숫자 배열 정렬
·
🦎 JavaScript/JavaScript
return 0보다 작은걸 반환한다.return > 0, B, A (switch order)  오름순서는 작은 숫자에서 큰 숫자로 가는 것 의미// Stringsconst owners = ['Jonas', 'Zach', 'Adam', 'Martha'];console.log(owners.sort());console.log(owners);//Numbersconsole.log(movements);// return 0, B, A (switch order)// Ascending/*movements.sort((a, b) => { // a-b임. if (a > b) return 1; // 긍정적 if (a a - b);// a가 b보다 클 경우 양수라는 걸 알고 있음// 즉, 양수 반환console.lo..
[JS] 간단하게 알아보는 some, every, filter 차이!
·
🦎 JavaScript/JavaScript
비슷하면서도 다른 some, evey, filter의 차이에 대해 알아보자! ✨const numbers = [1, 2, 3, 4, 5];some - 조건에 하나라도 맞으면 true 반환some은 배열에서 조건을 만족하는 요소가 하나라도 있으면 true를, 아니면 false를 반환한다.const hasEven = numbers.some(num => num % 2 === 0);console.log(hasEven); // true (짝수 2, 4가 있기 때문) 그렇다면 언제 사용할까? 🤔특정 조건을 충족하는 항목이 하나라도 있는지 확인할 때 유용하다.evey - 모든 요소가 조건에 맞으면 true반환every는 배열의 모든 요소가 조건을 만족해야 true를, 하나라도 불만족하면 false를 반환한다.cons..
[JS] 콜백 함수 뽀개기 🤭
·
🦎 JavaScript/JavaScript
콜백함수함수에 파라미터로 들어가는 함수그렇다면 어떻게 사용할까? 순차적으로 실행하고 싶을때 사용한다.  콜백 함수의 원리   그렇다면 콜백함수가 왜? 필요할까? 콜백함수가 필요한 이유는 비동기 처리, 유연한 코드 구조를 위해서다.그렇다면 비동기 처리가 뭘까?자바스크립트에서는 코드가 위에서 아래로 순차적 실행이 된다. 그러나, 코드가 다른 행위가 일어난 뒤에 실행되는 경우도 있고 순차적으로 실행되지 않는 경우도 있다. 이럴때 비동기 프로그래밍이라고 한다.  https://www.freecodecamp.org/korean/news/https-www-freecodecamp-org-news-javascript-callback-functions-what-are-callbacks-in-js-and-how-to-us..
[JS] 옵셔닝 체이닝(?.)은 언제 사용하면 좋을까? (feat. 점표기법)
·
🦎 JavaScript/JavaScript
옵셔닝 체이닝(?.)객체의 속성이나 메서드가 존재하는지 확인 후 접근할 때 사용 만약 속성이 null 또는 undefind라면, 에러를 발생시키지 않고 undefined를 반환=> 안전하게 객체의 속성 접근 const user = { name: 'Alice', address: { city: 'New York', },};// 옵셔널 체이닝 없이:console.log(user.address.city); // 'New York'console.log(user.address.street); // undefined (정상 작동)console.log(user.phone.number); // TypeError: Cannot read property 'number' of undefined// 옵셔널 체이닝 사..
[JS] filter메서드, find메서드 2가지 차이
·
🦎 JavaScript/JavaScript
filter메서드함수의 바환 값을 true로 만드는 요소를 찾는다. find메서드배열에서 조건을 만족하느 첫번째 요소를 반환한다. filter 메서드와 find 메서드의 근본적인 2가지 차이filtera메서드는 조건에 일치하는 모든 요소를 반환하지만 find메서드는 첫 번째와 두번째만 반환한다.filter메서드는 새 배열을 반환하고 find메서드는 배열이 아닌 요소만 반환한다.
[JS] map(), filter(), reduce() 차이 그리고 every()와 some()까지
·
🦎 JavaScript/JavaScript
map()filter()reduce()목적배열 내의 모든 요소 대해서 주어진 함수를 호출한 결과를 모아 새로운 배열로 반환배열에서 조건을 만족하는 요소만 추려서 새로운 배열을 반환배열의 요소를 누적하여 단일값 만듦사용 예시배열의 각 요소를 평가한다.(평가한다: 특정 조건이나 연산을 적용해 판단하거나 처리하는 과정을 의미)배열의 각 요소를 평가하고, 조건에 맞는 요소들만 남김배열의 각 요소를 누적하거나 합산하여 하나의 값을 계산할 때 사용반환 값변환 된 요소로 구성된 새로운 배열조건을 만족하는 요소로 구성된 새로운 배열누적된 단일 값코드const numbers = [1, 2, 3, 4];const dubled = numbers.map(num=> num*2);console.log(doubled); // [2..
[JavaScript] 동기 비동기
·
🦎 JavaScript/JavaScript
동기 답변을 기다리는 것 👉🏻 그 뒤 일 수행 단순하나 자원을 비효율적으로 사용결과를 기다리는 것동기식에서 답변을 기다리는 상태를 Blocking 이라고함 비동기 답변을 기다리지 않는 것 👉🏻 바로 일 수행자원을 효율적으로 사용 그러나 업무가 복잡해결과를 기다리는 않는것동기식에서 답변을 기다리지 않는 상태를 Non-Blocking 이라고함