전체 글33 Array 알고리즘 문제 with JavaScript Array Chunk array를 주어진 chunk 크기로 나누기 chunk([1, 2, 3, 4, 5], 2) --> [[ 1, 2], [3, 4], [5]] # slice function chunk(array, size) { let chucked = [] for (i = 0; i 2021. 2. 28. 크롬 Lighthouse를 사용한 웹성능 개선하기 크롬에서 제공하는 Lighthouse는 웹의 성능, 접근성, SEO 등을 평가해주는 서비스입니다. 평가뿐 아니라 개선 방향까지도 제안해주기 때문에 웹사이트를 향상시키는 데 도움이 됩니다. Lighthouse를 참고해서 성능에 대한 React App을 개선하는 방법들을 살펴보았습니다. 웹 성능 개선 적용 전후 비교 Lighthouse에서 성능 개선을 위해 제안해준 몇 가지를 적용해봤습니다. 다음과 같이 평가점수가 높아졌습니다. Lighthouse 점수 전 후 모바일 17 53 데스크탑 71 92 적용해본 웹성능 개선 방법은 아래와 같습니다. 이미지 - WebP 이미지 형식 사용하기 전통적인 이미지 포맷인 PNG나 JPEG에 비해 25–35% 가량 파일 사이즈를 줄일수 있다. 지원하지 않는 브라우저를 위해 .. 2021. 2. 11. String 알고리즘 문제 with JavaScript function vowels(str) { let counter = 0 for (const char of str.toLowerCase()) { if ('aeiou'.includes(char)) counter++ } return counter } 거꾸로 뒤집기 스트링을 거꾸로 출력하기 ("apple" → "elppa") #1 reverse() function reverse(str) { return str.split('').reverse().join('') } #2 for-of loop function reverse(str) { let reversed = '' for (const char of str) { reversed = char + reversed } return reversed } #3 reduce().. 2020. 12. 21. JSON APIs and AJAX FreeCodeCamp의 Callenge를 기반으로 정리한 내용입니다. 모든 저작권은 FreeCodeCamp에 있습니다. APIs Application Programming Interfaces 프로그램이 다른 프로그램들간에 데이터를 주고받는 것을 도와주는 역할을 한다. APIs에서 AJAX 기술을 활용하곤 한다. AJAX Asynchronous JavaScript And XML 비동기로 이루어지는 데이터 요청과 응답을 의미한다. 브라우저는 서버 응답을 기다리지 않고 계속 페이지를 로딩한다. 응답을 받으면 페이지 해당 영역에 업데이트된 데이터를 삽입한다. 덕분에 사용자는 더 짧은 페이지 로딩시간을 경험한다. 브라우저와 서버간에 전송된 데이터는 대개 JSON(JavaScript Object Notation).. 2020. 12. 19. 이전 1 ··· 4 5 6 7 8 9 다음
