React/2022-上

React/2022-上

HTTP Status Code

HTTP Status Code상태 코드는 3자리 숫자로 만들어져 있으며, 첫번째 자리는 1에서 5까지 제공된다.첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니기 때문에 사이트 관리자가 즉시 알아야 하는 정보이다.상태의미1xx(정보)요청을 받았으며 프로세스를 계속 진행합니다.2xx(성공)요청을 성공적으로 받았으며 인식했고 수용하였습니다.3xx(리다이렉션)요청 완료를 위해 추가 작업 조치가 필요합니다.4xx(클라이언트 오류)요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다.5xx(서버 오류)서버가 명백히 유효한 요청에 대한 충족을 실패했습니다. 1XX : Information responses상태 코드가 "1"로 시작하는 경우는 서버가 요청을 받았으며, 서버에 연결된 클라이언트는 작업을 계속 진행하..

React/2022-上

Scope

Scope (스코프)자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효범위자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙 구분전역 스코프 (Global Scope)        ┌ 전역 : 코드의 가장 바깥 영역        └ 어디에서든지 참조가 가능하다.지역 스코프 (Local Scope / Function-level scope)        ┌ 지역 : 함수 몸체 내부        ├ 자신이 선언된 지역과 하위 함수에서만 참조 가능하다.        ├ 자신의 지역 스코프와 하위 스코프에서 유효하다.        └ 함수에 의해서만 지역 스코프가 생긴다.  동작 과정┌ 함수 내부에 없는 변수 a를 불러오는 경우├     ┌ 식별자 결정 과정을 통해 함수 내부에서 먼저 a..

React/2022-上

Shallow Copy & Deep Copy

Shallow Copy & Deep Copy (얕은 복사 & 깊은 복사)얕은 복사는 한 단계까지만 복사하고, 깊은 복사는 객체에 중첩된 객체까지 모두 복사한다.얕은 복사와 깊은 복사 모두 복사한 대상에 대해서 새로운 객체를 생성하여 기존 객체에는 영향을 주지 않는다.하지만 얕은 복사와 깊은 복사는 어느 수준까지 복사하느냐의 차이를 가진다.얕은 복사를 하면 한 단계만 복사하기 때문에 중첩된 객체에 대해서는 서로 영향을 주고, 깊은 복사는 중첩된 객체 역시 별개의 값으로서 서로 영향을 주지 않는다. 원시값의 불변성원시값(primitive)은 변경 불가능한 불변의 값이다.원시값에는 String, Number, undefined, Boolean, Symbol, BigInt 6종류가 존재한다. 변수 변경 ≠ 원시..

React/2022-上

Hoisting

Hoisting (호이스팅) 호이스팅은 코드를 실행하기 전 변수선언/함수선언을 해당 스코프의 최상단으로 끌어올리는 것이 아니다. 호이스팅은 코드가 실행하기 전 변수선언/함수선언 이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 말한다. 자바스크립트 엔진은 코드를 실행하기 전 실행 가능한 코드를 형상화하고 구분하는 과정(실행 컨텍스트를 위한 과정)을 거친다. 자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 위한 과정에서 모든 선언(var, let, const, function, class)을 스코프에 등록한다. 코드 실행 전 이미 변수선언/함수선언이 저장되어 있기 때문에 선언문보다 참조/호출이 먼저 나와도 오류 없이 동작한다. 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경을 ..

React/2022-上

원시 자료형 vs 참조 자료형

원시 자료형 vs 참조 자료형 원시 자료형 고정된 저장 공간을 차지하는 데이터를 모두 원시 타입(primitive type) 데이터 라고 한다. 원시 타입 데이터 : 객체가 아니면서 method를 가지지 않는 6가지의 타입 ┌ string ├ number ├ bigint ├ boolean ├ undefined ├ symbol └ null 원시 자료형은 모두 하나의 데이터만을 담고 있다. 예시 ┌ 위 예시를 보면, 데이터의 크기와는 관계 없이 하나의 변수에는 하나의 데이터만을 담을 수 있다. └ 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다. 참조 자료형 자바스크립트에서 원시 자료형이 아닌 모든 것들은 참조 자료형이다. 대표적으로는 배열과 객..

React/2022-上

Reduce

Reduce Reduce 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다. 리듀서 함수는 네 개의 인자를 가진다. ① 누산기 accumulator (acc) ② 현재 값 (cur) ③ 현재 인덱스 (idx) ④ 원본 배열 (src) reduce라는 이름은 이 메서드가 보통 배열을 값 하나로 줄이는 데 쓰이기 때문에 붙였다. 예를 들어 배열에 들어있는 숫자를 더하거나 평균을 구하는 것은 배열을 값 하나로 줄이는 동작이다. 하지만, reduce가 반환하는 값 하나는 객체일 수도 있고, 다른 배열일 수도 있다. ┌ callback : 배열의 각 요소에 대해 실행할 함수, 다음 네가지 인수를 받는다. ├ ┌ accumulator(누산기) : 콜백의 반환값을 누적한..