var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정한다. 때문에 다음과 같은 문제가 발생 할 수 있다.한편, let과 const로 선언한 변수는 모든 코드 블록(함수, if문, for문, while문, try/catch문 등)을 지역 스코프로

일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위를 정의코드의 재사용코드의 가독성 향상코드의 신뢰성 높임정의: 함수를 생성하는 표기법리터럴 복습: 사람이 이해할 수 있게 기호를 사용해 값을 생성하는 표기방식함수 리터럴 구성요소함수이름식별자기명함수와

연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듭니다.산술 연산자는 수학에서 사용할 법한(?) 연산자 입니다. +, -, \*, /, %, ++, -- 등이 있습니다.여기서 +와 -는 데이터 타입을 변경시

자바스크립트는 크게 원시 타입(primitive type)과 객체 타입(object/reference type) 2가지 데이터 타입을 가지고 있습니다.원시 타입은 총 7가지로숫자(number) 타입: 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재문자열(stri

이번장은 자바스크립트뿐만 아니라 개발언어와 관련된 용어를 정리하는 장입니다.이미 프로그래밍 언어에 익숙하신 분이라면 한번 훝고 넘어가면 좋습니다.값(value)는 표현식(expression)이 평가(evaluate)되어 생성된 결과를 말합니다. 아래 예제를 참조하시면

웹 사이트와 애플리케이션의 이전에 fetch한 자원을 재사용하는 것으로 성능 향상을 기대할 수 있습니다. 자원을 재사용하는 웹 캐시는 latency와 network traffic을 줄여서 웹 사이트를 더 responsive하게 만들어 줍니다.HTTP cache에는 sh

웹 워커는 싱글 스레드로 동작하는 JavaScript를 보완하기 위해서 브라우저가 제공하는 기능입니다. 아래는 Web Worker와 관련한 간단한 워크플로우입니다.Web Worker를 사용하지 않았을 때에는 UI 동작과 데이터 핸들링이 순차적인 방식으로 처리가 되는 반

React에서는 setState() 또는 hook을 사용하여 컴포넌트의 state를 변경합니다. 그리고 state가 변경되면 리렌더링이 발생합니다. 그러면 react는 리렌더링의 비용을 줄이기 위해서 어떤 방법을 사용하고 있을까요?먼저, state 변경 API는 비동기

개발 패러다임이 변화하면서 최근에 많이 사용되는 SPA(Single Page Application)에서는 웹 페이지에 포함된 적은 양의 HTML로 DOMContentLoaded, load 이벤트가 일찍 발생할 수 있으나, 이벤트가 발생한 이후에도 수많은 스크립트 실행으

웹 사이트를 만드는건 누구든지 할 수 있는 일 입니다. 하지만 웹 사이트를 최적화하고 효율적으로 만드는 것은 개발자만이 할 수 있습니다. 그러면 프론트엔드 성능 최적화를 위해서 개발자는 무엇을 해야 할까요?먼저, 프론트 엔드 성능은 로딩과 렌더링으로 크게 2가지로 나눌

자바스크립트를 사용하여 코딩을 하면서 항상 가지고 있던 질문이 있습니다.어떻게 코딩을 해야 효율적인 자바스크립트 코드를 작성할 수 있을까?결론부터 말하자면, 정적타입 언어로 생각하고 코딩하면 됩니다. 자바스크립트는 타입을 가지고 이지 않는 동적언어 타입이며 컴파일 동작

🚨 Access to fetch at ‘https://api.lubycon.com/me’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-A

시장의 수요로 대부분 React을 공부해야 합니다. React는 기존 DOM을 제어하는 Vanilla JavaScript와 달리 Virtual DOM을 사용해서 라고 합니다.그럼, 왜 Vritual DOM을 제어하는게 DOM을 제어하는 것보다 좋을까요?virtua DO

컴퓨터 네트워크를 제어하고 추적하기 위한 AAA framework가 존재합니다.AAA는 각각 Authentication, Authorization, Accounting를 의미하며 Authentication과 Authorization은 컴퓨터 네트워크를 제어하기 위해서

스프린트 회고

수영장 검색과 debounce

Pool 컴포넌트와 Request 모듈(2/2)

Pool 컴포넌트와 Request 모듈

Header 컴포넌트와 테스트