안녕하세요

https://school.programmers.co.kr/learn/courses/30/lessons/72411 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 메뉴 리뉴얼 풀이(***) 주문한 메뉴 (ABCDE)에 대해서 조합을 만든다. 2번 이상 주문된 조합을 필터링한다. 메뉴 갯수가 같은 코스끼리 비교하여 가장 많은 주문 횟수를 가진 코스를 반환한다. function solution(orders, course) { const combination = {}; const getCombination = (order, current, pick) => { /..

https://school.programmers.co.kr/learn/courses/30/lessons/92334 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 신고 결과 받기 풀이 (90) 한 명이 여러번 신고해도 1번으로 간주 => Set 객체 사용 신고자에게 반환할 때는 순서를 유지함 => Map 객체 사용 function solution(id_list, report, k) { // map으로 (신고한 사람, 신고당한 사람 set) 만들기 const reportUsers = new Map(); for (let i=0; i { const [go,tak..

https://ui.toast.com/posts/ko_20210611#3-%EB%B6%84%EB%A6%AC%EB%90%9C-dom-%EB%85%B8%EB%93%9C 당신이 모르는 자바스크립트의 메모리 누수의 비밀 크롬 개발자도구로 하는 디버깅과 해결책을 찾아서! ui.toast.com 페이지 4개를 하나씩 4번 총 16번의 페이지 이동을 한 Heap stack이다. 페이지 이동 시 절벽처럼 뚝 뚝 떨어지는 부분이 컴포넌트가 unmount될 때 heap에서 메모리를 제거하는 것이다. (Heap 메모리가 제거되는 예시1~4) 이 heap 그래프가 페이지 전환할 때마다 가파른 우상향을 그린다면 이를 해결하여야 한다. 그렇지 않으면 애플리케이션이 느려지다가 어느 순간 멈춰버릴 것이다. (우상향 예시) 메모리 누..

LazyLoad (레이지 로드) 화면에 보이지 않는 불필요한 리소스를 로드하지 않고, 화면이 들어왔을 때 로드하도록 한다. 웹페이지 안에 100개의 이미지가 있어도, 이용자는 첫 이미지만을 보고 다른 페이지로 전환을 할 수 있다. 그렇다면 나머지 99개의 이미지를 전부 로드하는 것은 불필요한 자원을 낭비하게 된다. 빠른 속도의 무제한 데이터나 빠른 wifi 환경이라면 그나마 상황이 낫겠지만, 데이터에 제한이 있는 이용자의 경우에는 불필요한 데이터 소모를 안 좋은 경험으로 받아들일 수 밖에 없다. LazyLoad를 통해 얻을 수 있는 이점 화면 안에 들어온 리소스를 먼저 로드하여 초기 렌더링을 빠르게 한다. 이용하지 않을 불필요한 리소스를 로드하지 않아 자원의 낭비를 줄인다. 실제로 적용되었는지 확인하는 ..