올해 초쯤에 PWA로 개발을 하면서 Lighthouse라는 걸 처음 사용해보았었는데..🤔사실은 나 빼고 다 쓰고 있었던 거임😳......... 그래서 그냥 소개도 할 겸 좀 더 찾아보기도 했다@@ Lighthouse란?Lighthouse는 Chrome DevTools에 내장된 웹 페이지 분석 도구로, 웹 페이지의 품질을 평가하고 개선점을 제안한다.주요 기능성능 분석: 페이지 로딩 시간, JavaScript 실행 시간, 이미지 최적화 등을 점검한다.접근성 확인: 색 대비, 키보드 내비게이션, 대체 텍스트 등 웹 접근성 요소를 평가한다.SEO 점검: 메타 태그, 링크 구조, 크롤러 친화성 등을 분석한다.최고의 개발 관행 검사: HTTPS 사용, 안전한 JavaScript 실행 여부 등을 확인한다.PWA ..

2022 KAKAO BLIND RECRUITMENT - 주차 요금 계산https://school.programmers.co.kr/learn/courses/30/lessons/92341  문제 설명주차장의 요금표와 차량이 들어오고(입차) 나간(출차) 기록이 주어졌을 때, 차량별로 주차 요금을 계산하려고 합니다. 아래는 하나의 예시를 나타냅니다.요금표기본 시간(분) 기본 요금(원) 단위 시간(분) 단위 요금(원)180 5000 10 600 입/출차 기록시각(시:분) 차량 번호 내역05:34 5961 입차06:00 0000 입차06:34 0000 출차07:59 5961 출차07:59 0148 입차18:59 0000 입차19:09 0148 출차22:59 5961 입차23:00 5961 출차 자동차별 주차 요금차..

연습문제 - 크기가 작은 부분 문자열 https://school.programmers.co.kr/learn/courses/30/lessons/147355?language=javascript  문제 설명숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요.예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다.제한사항1 ≤ p의 길이 ≤ 18p의 길이 ≤ t의 길이..

번들링웹 애플리케이션 개발에서 사용되는 여러 파일(예: JavaScript, CSS, 이미지 등)을 하나 또는 여러 개의 파일로 묶는 과정이다.현대적인 웹 애플리케이션은 수많은 모듈로 이루어져 있으며, 각 모듈은 특정 기능을 수행하는 코드의 단위이다. 이러한 모듈을 번들링하면, 브라우저가 파일을 효율적으로 로드할 수 있도록 최적화된 형태로 제공할 수 있다. 번들링의 주요 장점HTTP 요청 수 감소여러 개의 작은 파일을 하나로 묶으면, 브라우저가 서버에 보내는 HTTP 요청 수를 줄일 수 있다.HTTP/1.1 환경에서는 각 요청에 대한 연결 비용이 크기 때문에 번들링은 로딩 속도를 크게 개선한다.의존성 관리번들링은 모듈 간의 의존성을 처리하여, 개발자가 이를 직접 관리할 필요를 줄여준다.의존성 그래프를 생..

연습문제 - 카드뭉치 https://school.programmers.co.kr/learn/courses/30/lessons/159994 문제 설명코니는 영어 단어가 적힌 카드 뭉치 두 개를 선물로 받았습니다. 코니는 다음과 같은 규칙으로 카드에 적힌 단어들을 사용해 원하는 순서의 단어 배열을 만들 수 있는지 알고 싶습니다.원하는 카드 뭉치에서 카드를 순서대로 한 장씩 사용합니다.한 번 사용한 카드는 다시 사용할 수 없습니다.카드를 사용하지 않고 다음 카드로 넘어갈 수 없습니다.기존에 주어진 카드 뭉치의 단어 순서는 바꿀 수 없습니다.예를 들어 첫 번째 카드 뭉치에 순서대로 ["i", "drink", "water"], 두 번째 카드 뭉치에 순서대로 ["want", "to"]가 적혀있을 때 ["i", "w..