const arr1 = ['a', 'b', 'c']; const arr2 = ['b', 'c', 'a']; console.log( arr1.sort() === arr1, arr2.sort() == arr2, arr1.sort() === arr2.sort() ); * true true true * true true false * false false false * true false true 자바스크립트 배열 동등 비교 답은 true, true, false ! 숫자나 문자열 비교시 ==, === 연산자는 가능하지만, 객체나 배열은 불가능하다. 주소값을 비교하기 때문 배열을 비교할 때, 배열의 정렬은 중요하지 않다. 배열끼리 비교할 때 주소값을 비교한다! .sort() 함수는 배열을 정렬하고 해당 배열의 주..
전체 글
https://medium.com/hcleedev/web-%EC%B5%9C%EC%A0%81%ED%99%94%EC%99%80-react-memo-usememo-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-4324a237a039 을 보고 정리한 글입니다. React 에는 memoization 이라는 개념을 활용한다. memoization 이란 특정 함수가 동작하고 반환된 그 결과물을 기억하고 있는 것이다. function sum(a, b) { return a + b; } 위의 함수에 memoization 을 적용하면, 처음 누군가 sum(1, 2)를 호출했다면 sum을 a: 1, b: 2와 호출했고, 3이 반환되었다 라는 정보를 기록해둔다. 그러고 다시 반복되어서 sum(1, 2) 를 ..
원본글 https://medium.com/hcleedev/web-event%EC%99%80-addeventlistener-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-%EA%B0%9C%EB%85%90-react%EC%97%90%EC%84%9C-%EC%A3%BC%EC%9D%98%ED%95%A0-%EC%A0%90-a581adc49aa4 https://joonior.tistory.com/96 https://babycoder05.tistory.com/entry/React-useEffect%EC%99%80-addEventListener-window-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B7%9C%EC%B9%99 Event ..
https://jeonghwan-kim.github.io/series/2020/01/02/frontend-dev-env-webpack-intermediate.html 를 읽고 정리한 내용입니다. 2023.03.24 - [🌳Frontend/etc] - 프론트엔드 개발자라면 알아야할 : Webpack 기본 프론트엔드 개발자라면 알아야할 : Webpack 기본 https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html 을 읽고 정리하였습니다. 등장배경 import/export 모듈 개념이 없었던 이전 상황을 살펴보자. 문제발생 숫자 두개를 받아, 더하고 yzlosmik.tistory.com 웹팩 개발 서버 프런트..