전개발
article thumbnail
함수 선언문 vs 함수 표현식, 그리고 호이스팅
JavaScript 2023. 11. 23. 16:15

함수 선언문은 함수 호이스팅이 일어난다. 함수 표현식은 변수 호이스팅이 일어나지만, 함수 할당 전 사용이 불가하다. 다음은 가능하다. 함수 선언문 hello가 함수호이스팅 되었기 때문이다. function MyComponent () { hello() // hello function hello() { console.log("hello") } return } 다음은 불가능하다 함수 표현식을 저장하는 var 변수 hello는 최초 undefined로 초기화되며 변수 호이스팅된다. 따라서 값 할당 전에는 함수로서 부를 수가 없다. function MyComponent () { hello() // **not a function error** var hello = () => { console.log("hello")..

article thumbnail
[JavaScript] Array.sort([compareFunction])
JavaScript 2023. 1. 7. 20:14

설명 알고리즘 풀이를 할 때, 숫자 배열을 정렬할 때면 Array.sort() 메소드가 의도대로 동작하지 않을 때가 있었다. 그 이유는 바로, sort()가 String 자료형을 기준으로 정렬해주기 때문이다. MDN에서 참고하여, optional 매개변수로 compareFunction을 넣어주면 내가 원했던 숫자 정렬을 할 수 있었다. Array.sort() 배열의 요소를 적절한 위치에서 정렬하고, 그 배열을 반환한다. (새로운 배열 반환 X) const fruits = ["banana", "apple", "orange", "kiwi"]; fruits.sort(); console.log(fruits); // 결과 : [ 'apple', 'banana', 'kiwi&#3..

article thumbnail
[JavaScript 문법] 구조 분해 할당
JavaScript 2023. 1. 7. 20:13

설명 프로그래머스에서 문제를 해결한, 다른 사람의 풀이를 구경하던 중 유용한 기법을 알게되었다. 배열을 활용해 변수를 생성하고 각각에 값을 할당하는 기법이다. ++ 추후 검색을 통해 위 기법의 이름이 구조 분해 할당이라는 것을 알았다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 구조 분해 할당? 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. === Destructuring 할당이라고도 부른다. 코드 // let으로 선언한 임의의 배열 [a,b,c]에 배열(input)을 할당하면, // 각 인덱..