안녕하세요

파이차트 https://recharts.org/en-US/examples/PieChartWithCustomizedLabel 스택바차트 https://recharts.org/en-US/examples/StackedBarChart 키워드 트리맵 - https://recharts.org/en-US/examples/CustomContentTreemap 시간대 버블 차트 - https://recharts.org/en-US/examples/BubbleChart 레이더 차트 - https://recharts.org/en-US/examples/SimpleRadialBarChart 스캐터 차트 - https://recharts.org/en-US/examples/MultipleYAxesScatterChart

덧칠하기 문제보기 문제 요약 n미터인 벽을 m길이의 페인터로 칠하는 최소한의 횟수를 구하시오. 문제 조건 각 구역에 왼쪽부터 순서대로 1번부터 n번까지 번호 벽에 페인트를 칠하는 롤러의 길이는 m미터 롤러가 벽에서 벗어나면 안 됩니다. 구역의 일부분만 포함되도록 칠하면 안 됩니다. 페인트칠을 하는 횟수를 최소화 정수 n, m과 다시 페인트를 칠하기로 정한 구역들의 번호가 담긴 정수 배열 section 문제 풀이 function solution(n, m, section) { section.reverse(); let count = 0; while (section.length) { const currentSwipe = section[section.length - 1] + m - 1; count++; while..

Performance 탭 scription: js실행 rendering: tag넣기 painting: img같은 자료 넣기 profiler passive effect: 덜 중요한 변화 시간 https://ko.reactjs.org/docs/profiler.html (PDF자료 참고) 프론트엔드 개발 역사 SSG (Static Site Generation): 이미 만들어진 html파일들을 불러오는 것 AJAX 등장 SSR vs CSR SSR SEO: 검색엔진에 친화적 MSA: Micro Service Achitecture 사용자 서버, 주문 서버, 알림 서버를 따로 두는 것 배포/운영/관리 비용 줄어듦 BFF: Backend For Frontend 프록시 서버를 모바일, 웹으로 나누게 되면 쿼리로 서치를 ..

추억 점수 문제보기 문제 요약 이름 배열이 주어집니다. ["김","이","박"] 이름 마다 점수가 정해져 있습니다. [1,5,10] photo 배열이 주어집니다. [["김","장"]] 이름에 해당하는 점수의 합산을 반환합니다. [1] 문제 풀이 function solution(name, yearning, photo) { const nameScoreMap = new Map(); name.forEach((item, index) => nameScoreMap.set(item, yearning[index])); const answer = photo.map((item) => { return item.map((name) => (nameScoreMap.get(name) ? nameScoreMap.get(name) : ..