의존성 배열이 없을 경우1\. 컴포넌트 렌더링이 끝나면 useEffect 실행2\. state가 변경3\. 컴포넌트가 리렌더링4\. 다시 useEffect 실행5\. 1-5번 과정이 계속 순환의존성 배열에 value 있을 경우1\. 컴포넌트 렌더링이 끝나면 useEf

서로 다른 두 컴포넌트에 같은 데이터가 필요할 때, 각 컴포넌트가 부모 자식 관계로 되어있지 않은 이상, 직접적인 데이터 전달이 어려움데이터를 부모 컴포넌트로 보내고 다시 그 데이터를 필요한 컴포넌트로 전달하는 props drilling 이슈가 생기게 되고 이때 이 p

클라이언트는 서버에게 요청을 보내고, 응답을 받아온다.  미리 약속한 주소로 (url)어떤 요청을 보낸다. (type)필요하다면 서버가 일하기 위해 필요한 자료와 (data)누가 요청했는 지 알려주면 된다. (auth) → 토큰을 전달해주면 누가 요청했는 지 서버가 알

특정 조건에 따라 액션이 무시되게 만들 수 있다.액션을 콘솔에 출력하거나, 서버쪽에 로깅을 할 수 있다.액션이 디스패치 됐을 때 이를 수정해서 리듀서에게 전달되도록 할 수 있다.특정 액션이 발생했을 때 이에 기반하여 다른 액션이 발생되도록 할 수 있다.특정 액션이 발생

TDZ 란 Temporal Dead Zone 의 약자로 우리 말로 번역하면 일시적 사각지대라는 의미이며, 스코프 시작 ~ 초기화 시작 사이의 구간을 의미한다. 다른 말로 변수가 선언되고 변수의 초기화가 이루어지기 전까지의 구간이라고 말할 수 있다.TDZ 에서는 선언 되

동기와 비동기의 구분은 요청받고 응답받는 시간대의 차이요청하고-응답받는 시간을 하나의 박스(box)로 정의한다면, 동기는 박스 안에서 움직이고, 비동기는 박스를 벗어나 작동되는 원리이다.동기요청을 하면 (바로) 응답을 받는다는 의미요청과 응답이 같은 시간대 “안에” 고

뷰에서 상태값을 변경시키고 싶을 때 액션을 발생시킨다.뷰에서 dispatch를 호출하여, 리덕스에게 액션이 발생함을 알리게 된다.액션을 발생시키면, 그 액션을 미들웨어가 처리한다.미들웨어는 옵셔널이다. 기능을 넣었다면 미들웨어가 중간에 처리를하고 미들웨어가 없다면, 액

React 컴포넌트가 화면에 1차로 렌더링된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 흔히 Side Effect라고 한다.예를들어 데이터를 가져오려고 외부 API를 호출할 때, 일단 화면에 렌더링할 수 있는 것은 1차로 먼저 렌더링하고 실제 데이터는 비동기로

리액트는 컴포넌트 기반의 View를 중심으로 한 라이브러리각각의 컴포넌트에는 라이프 사이클(생명 주기)라는 것이 있다.컴포넌트의 수명은 페이지에서 렌더딩 되기 전인 준비 과정에서 시작하여 페이지에서 사라질 때까지를 의미한다라이프 사이클은 총 9개가 존재한다. 이를 크게

클라이언트가 Deposit $10 을 버튼을 누른다.Click 이벤트가 발생하게 되며, Event Handler에 있는 Dispach가 {Action: Deposit, payload:$10} 이라는 Action(명령지)을 담아 Store 안에 있는 Reducer에게 정

서버리스 : 말 그대로 '서버가 없다'는 뜻으로 애플리케이션의 확장을 관리 할 필요가 없는 클라우드 컴퓨팅 모델을 말합니다. 실제로는 서버가 없는 구조는 아닙니다. 서버에서 처리하는 작업을 클라우드 기반의 서비스로 처리해서 서버 구축 및 관리 비용을 줄이는 구조입니

웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 문서 객체 모델을 의미다시 말해, DOM은 HTML과 스크립팅언어(Javascript)를 서로 이어주는 역할을 한다자바스크립트를 사용해서 웹콘텐츠 추가, 수정, 삭제 그리고 이벤트

✍️ 자바스크립트에서 유사배열과 배열의 차이는 무엇일까요?

한 개(Single)의 Page로 구성된 ApplicationSPA는 웹 에플리케이션에 필요한 모든 정적 리소스를 최초 한 번에 다운로드새로운 페이지 요청이 있을 때, 페이지 갱신에 필요한 데이터만 전달 받아서 페이지를 갱신해서 SPA를 CSR방식으로 렌더링한다고 말한

ES는 ECMA Script의 약자현재는 ES6 ECMA Script6의 규격을 따르고 있다 (ES6 - 6번째 규격 이런 느낌)👉 즉, ECMA Script는 규격, 표준 즉, 스펙ES5문법배열과 관련해서 새로운 메소드들이 생겼는데 대표적으로 forEach, map

스코프: 변수, 함수, 클래스가 접근할 수 있는 유효 범위여러 스코프에서 동일한 식별자를 선언한 경우, 무조건 스코프 체인 상에서 가장 먼저 검색된 식별자에만 접근이 가능 즉, 직접적으로 변경되면 안되는 변수에 대한 접근을 막는것 이렇게 a와 b라는 클로저를 생성하면

기본형 타입(Primitive type)종류: 논리형(boolean), 정수형(int), 실수형(double), 문자형(char)참조형 타입(Reference type)종류: 배열(Array), 클래스(Class), 인터페이스(Interface)불변 객체이름 그대로 '

JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며,모든 타입의 값으로 할당 및 재할당 가능자바스크립트는 타입이 매우 유연한 언어때문에 때로는 자바스크립트 엔진이 필요에 

정의API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘GET방식 데이터 조회를 요청할 때POST방식 데이터 생성, 변경, 삭제를 요청 할 때정의모바일이나 웹의 사용자 인증을 위해 사용하는 암호화된 토큰을 의미Head

const a = 1 도 블록스코프라 함수의 블럭을 벗어나면 변수가 사라지기때문에 오류가 발생한다