Welcome To

후니's Blog

Hello World
Let's Focus On
HTTP Status Code
·
React/2022-上
HTTP Status Code상태 코드는 3자리 숫자로 만들어져 있으며, 첫번째 자리는 1에서 5까지 제공된다.첫번째 자리가 4와 5인 경우는 정상적인 상황이 아니기 때문에 사이트 관리자가 즉시 알아야 하는 정보이다.상태의미1xx(정보)요청을 받았으며 프로세스를 계속 진행합니다.2xx(성공)요청을 성공적으로 받았으며 인식했고 수용하였습니다.3xx(리다이렉션)요청 완료를 위해 추가 작업 조치가 필요합니다.4xx(클라이언트 오류)요청의 문법이 잘못되었거나 요청을 처리할 수 없습니다.5xx(서버 오류)서버가 명백히 유효한 요청에 대한 충족을 실패했습니다. 1XX : Information responses상태 코드가 "1"로 시작하는 경우는 서버가 요청을 받았으며, 서버에 연결된 클라이언트는 작업을 계속 진행하..
Scope
·
React/2022-上
Scope (스코프)자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효범위자바스크립트 엔진이 식별자를 검색할 때 사용하는 규칙 구분전역 스코프 (Global Scope)전역 : 코드의 가장 바깥 영역어디에서든지 참조가 가능하다.지역 스코프 (Local Scope / Function-level scope)지역 : 함수 몸체 내부자신이 선언된 지역과 하위 함수에서만 참조 가능하다.자신의 지역 스코프와 하위 스코프에서 유효하다.함수에 의해서만 지역 스코프가 생긴다. 동작 과정 함수 내부에 없는 변수 a를 불러오는 경우식별자 결정 과정을 통해 함수 내부에서 먼저 a라는 변수를 찾는다.함수 내부에 변수 a가 없어 외부에서 변수 a를 찾아 불러온다.변수 b는 본인이 속한 함수내에서만 접근..
Shallow Copy & Deep Copy
·
React/2022-上
Shallow Copy & Deep Copy (얕은 복사 & 깊은 복사)얕은 복사는 한 단계까지만 복사하고, 깊은 복사는 객체에 중첩된 객체까지 모두 복사한다.얕은 복사와 깊은 복사 모두 복사한 대상에 대해서 새로운 객체를 생성하여 기존 객체에는 영향을 주지 않는다.하지만 얕은 복사와 깊은 복사는 어느 수준까지 복사하느냐의 차이를 가진다.얕은 복사를 하면 한 단계만 복사하기 때문에 중첩된 객체에 대해서는 서로 영향을 주고, 깊은 복사는 중첩된 객체 역시 별개의 값으로서 서로 영향을 주지 않는다. 원시값의 불변성원시값(primitive)은 변경 불가능한 불변의 값이다.원시값에는 String, Number, undefined, Boolean, Symbol, BigInt 6종류가 존재한다. 변수 변경 ≠ 원시..
Hoisting
·
React/2022-上
Hoisting (호이스팅)호이스팅은 코드를 실행하기 전 변수선언/함수선언을 해당 스코프의 최상단으로 끌어올리는 것이 아니다.호이스팅은 코드가 실행하기 전 변수선언/함수선언 이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 말한다.자바스크립트 엔진은 코드를 실행하기 전 실행 가능한 코드를 형상화하고 구분하는 과정(실행 컨텍스트를 위한 과정)을 거친다.자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 위한 과정에서 모든 선언(var, let, const, function, class)을 스코프에 등록한다.코드 실행 전 이미 변수선언/함수선언이 저장되어 있기 때문에 선언문보다 참조/호출이 먼저 나와도 오류 없이 동작한다.실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경을 의미하고 실..
원시 자료형 vs 참조 자료형
·
React/2022-上
원시 자료형 vs 참조 자료형 원시 자료형 고정된 저장 공간을 차지하는 데이터를 모두 원시 타입(primitive type) 데이터 라고 한다. 원시 타입 데이터 : 객체가 아니면서 method를 가지지 않는 6가지의 타입 ┌ string ├ number ├ bigint ├ boolean ├ undefined ├ symbol └ null 원시 자료형은 모두 하나의 데이터만을 담고 있다. 예시 ┌ 위 예시를 보면, 데이터의 크기와는 관계 없이 하나의 변수에는 하나의 데이터만을 담을 수 있다. └ 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수는 있다. 참조 자료형 자바스크립트에서 원시 자료형이 아닌 모든 것들은 참조 자료형이다. 대표적으로는 배열과 객..
Null & undefined
·
Web Basic/JavaScript
Null & undefined 공통점 둘다 각각의 타입명(undefined, null)의 값이 유일하다. undefined 타입의 값은 undefined가 유일하다. null 타입의 값은 null이 유일하다. undefined 타입 undefined는 원시 자료형 undefined로 분류된다. undefined는 "아무 값도 할당받지 않은 상태"를 의미한다. var 키워드로 선언한 변수는 암묵적으로 undefined로 초기화된다. 변수 선언에 의해 확보된 메모리 공간을 처음 할당이 이뤄질 때까지 빈 상태(대부분 비어 있지 않고 쓰레기 값이 들어 있다.)로 내버려두지 않고 자바스크립트 엔진이 undefined로 초기화한다. 따라서, 변수를 선언한 이후 값을 할당하지 않은 변수를 참조하면 undefined가..