브라우저는 널리 사용되는 소프트웨어다. 이 글을 통해 브라우저 주소 창에 google.com을 입력했을 때 브라우저가 어떻게 동작해서 구글 페이지가 화면에 보이게 되는지 알아보자. 왜 중요할까 > 빠른 사이트는 더 나은 사용자 경험을 제공한다. 사용자는 로딩 속도가
var 키워드로 선언한 변수의 문제점에 대해 알아보고 let, const 키워드와 블록 레벨 스코프에 대해 알아보자
1\. 가로, 세로 또는 대각선으로 연결되어 있는 사각형은 걸어갈 수 있는 사각형이다. 2\. 같은 섬에 있으려면, 한 정사각형에서 다른 정사각형으로 걸어서 갈 수 있는 경로가 있어야 한다.
아래와 같이 5와 사칙연산만으로 12를 표현할 수 있습니다.12 = 5 + 5 + (5 / 5) + (5 / 5)12 = 55 / 5 + 5 / 512 = (55 + 5) / 5숫자 N과 number가 주어질 때, N과 사칙연산, 괄호만 사용해서 표현 할 수 있는 방법
firebase realtime database에 쓰기/읽기 그리고 동기/비동기 처리에 따른 대응 방식
진행중인 팀 프로젝트에 firebase realtime database를 연동해서 사용자의 데이터를 읽고 쓰도록 환경 설정하기
Why Speed matters? Study Performance ➡️ Keep User COOK은 평균 페이지 로드 시간을 850ms로 줄여 전환율을 7%, 이탈률을 7%, 세션당 페이지 수를 10% 늘렸다. BBC는 사이트를 로드하는 데 1s가 추가될 때마다 사용
Make it work, Make it right, Make it fast\- Kent BeckRIGHT : Resource (자원 소모 : 메모리, 네트워크 트래픽)FAST : Time다운로드해야 하는 파일 갯수와 용량 최소화: 이미지 스프라이트 기법, 이미지 용량
좋은 습관을 들인 코드는 많은 에러를 사전에 예방할 수 있게 해준다.
자바스크립트의 메모리관리 스터디(https://developer.mozilla.org/ko/docs/Web/JavaScript/Memory_Management)고수준 언어인 JavaScript는 사용하지 않는 메모리를 자바스크립트 엔진이 추정하여 삭제하는 Ga
분할과 정복 : 숫자가 모두 같은지 확인하고 아니라면 9개로 분할하며 재귀적으로 풀어나가는 구현 문제
여기서는 React 컴포넌트의 state와 생명주기의 개념을 설명한다.여기서 상세 컴포넌트 API를 볼 수 있다.지난번에 똑딱이는 시계 예제를 보았다. Rendering Elements에서 UI를 업데이트하는 한가지 방법을 배웠다. 렌더링된 출력을 바꾸는 것을 Reac