Still growing

2021년 3월 26일 Velog에 작성한 글을 옮겨온 글입니다. 구름 - 사은품 교환하기 BigInt로 JavaScript에서 아주 큰 수 다루기 풀이 N개의 시즌 한정 음료 쿠폰과 M개의 일반 음료 쿠폰으로 아래 조건을 만족할 때 1개의 상품으로 교환해줍니다. 하나의 상품으로 교환하기 위해서는 12장의 쿠폰이 필요하다. => 최대 (N + M) / 12개 교환 가능 이 쿠폰들 중 최소 5개는 시즌 한정 음료 쿠폰이어야 한다. => 최대 N / 5개 교환 가능 로직 자체는 위의 두 조건을 모두 충족하는 값(두 값 중 최소값)을 도출하면 되는 문제입니다. 숫자가 크지 않은 경우에는 간단하게 Math.min(Math.floor(N / 5), Math.floor((N + M) / 12));와 같이 표현할 수..

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. 2021년 1월 15일에 Velog에 작성한 글을 옮겨온 글입니다. JavaScript의 this 키워드는 상황에 따라 다른 값을 참조하기도 하고, Java나 Python과 같은 다른 프로그래밍 언어와 다르게 동작하여 혼란을 야기할 때가 있습니다. JavaScript에서의 this는 무엇이고, 어떻게 동작하는지 알아보겠습니다. this란? this는 해당 키워드가 속한 개체를 참조합니다. JavaScript 엔진은 실행 중인 실행 컨텍스트의 LexicalEnvironment을 사용해 this 바인딩을 결정하는데요. 실행 컨텍스트는 함수를 호출할 때 생성되므로, 다시 말해 th..

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. 프론트엔드 개발자를 위한 자바스크립트 프로그래밍(일명 노란책)을 공부하고 정리한 내용입니다. Event 메모리와 성능 최적화 자바스크립트에서는 페이지에 존재하는 이벤트 핸들러의 개수가 페이지 성능에 직접적으로 영향을 미칩니다. 원인 - 각 함수가 메모리를 점유하는 객체이다. 메모리를 많이 사용할수록 성능은 떨어진다. - 이벤트 핸들러를 많이 할당하려면 DOM 접근도 많아진다. 이는 전체 페이지의 응답성을 떨어트린다. 개선 방법 1. 이벤트 위임 - 이벤트 핸들러 개수 줄이기 이벤트 버블링의 장점을 활용하여 공통 부모 요소에 이벤트 핸들러를 하나만 할당해서 해당 타입의 이벤트를..